/* 
 * 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-card{
  width:260px;
  margin-bottom:var(--awx-sp-v2);
  border-bottom:1px solid var(--awx-color-dark-line);
  border-radius:var(--awx-border-radius);
}

.awx-card__title{
  position:relative;
  display:flex;
  gap:0.1rem;
  margin:0;
  padding:var(--awx-sp-v) 0;
  color:var(--awx-color-text);
  font-size:1.125rem;
  font-weight:400;
  line-height:1.4;
}

.awx-card__title .awx-icon{
    align-self:flex-end;
    margin-left:auto;
    padding-bottom:0.2em;
  }

.awx-card__picture{
  background-color:var(--awx-color-dominant);
  aspect-ratio:4/3;
  background-image:url("../../../../assets/images/airbus-carbon-grid.png");
  background-repeat:no-repeat;
  background-position:center center;
  background-blend-mode:normal;
}

.awx-card picture,
.awx-card__picture{
  display:block;
  overflow:hidden;
  border-radius:var(--awx-border-radius);
}

.awx-card img{
  display:block;
  width:100%;
  height:auto;
  transition:transform 1s var(--awx-ease-in-out);
  animation:fade-in 200ms var(--awx-ease-in-out);
  border-radius:var(--awx-border-radius);
  aspect-ratio:4/3;
  background-color:var(--awx-color-dominant-lighter);
}

.awx-section--light-gray .awx-card img{
  background-color:var(--awx-color-dominant-gray-light);
}

.awx-card img[alt]{
  display:grid;
  align-content:center;
  justify-content:center;
  place-content:center;
}

.awx-card__link{
  position:relative;
  display:block;
  overflow:hidden;
  width:100%;
  height:100%;
}

.awx-card__link + .awx-button{
    height:auto;
    margin-bottom:var(--awx-sp-v);
  }

.awx-card__link[target="_blank"]::after{
    position:absolute;
    z-index:12;
    top:var(--awx-sp-v);
    right:var(--awx-sp-h);
    width:1.5rem;
    height:1.5rem;
    opacity:1;
    filter:brightness(8%) sepia(88%) hue-rotate(180deg) saturate(1100%) drop-shadow(1px 1px 0 var(--awx-white)) !important;
  }

.awx-card__link.awx-icon--white[target="_blank"]::after{
    filter:grayscale(0.8) drop-shadow(1px 1px 0.25rem var(--awx-black)) !important;
  }

.awx-card__link:hover,
.awx-card__link:active,
.awx-card__link:focus{
  -webkit-text-decoration:none;
  text-decoration:none;
}

.awx-card__link:active img{
    transform:scale3d(1.1, 1.1, 1.1);
  }

.awx-card__link:hover img,.awx-card__link:focus img{
    transform:scale3d(1.1, 1.1, 1.1);
  }

.awx-card__content{
  display:flex;
  flex-direction:column;
}

.awx-card__taxonomy{
  display:flex;
  flex-wrap:wrap;
  order:-1;
  margin:0;
  gap:var(--awx-sp-v0-75) 0;
}

.awx-card__summary{
  color:var(--awx-color-text);
  font-size:0.875rem;
}

.awx-card__location{
  margin:0 0 var(--awx-sp-v0-5);
  color:var(--awx-color-text);
  font-size:0.875rem;
}

.awx-card__footer{
  display:flex;
  margin-top:auto;
  color:var(--awx-color-dominant-gray);
  font-size:0.75rem;
  font-weight:500;
}

.awx-card__footer time,.awx-card__footer .awx-card__read-time{
    display:block;
  }

.awx-card__footer time + .awx-card__read-time::before{
    display:inline-block;
    padding:0 var(--awx-sp-h0-5);
    content:"—";
  }

.awx-card--full .awx-card__taxonomy{
    padding-top:var(--awx-sp-v1-5);
  }

.awx-card--full .awx-card__footer{
    padding-bottom:var(--awx-sp-v1-5);
  }

.awx-card--overlay{
  width:320px;
  margin-bottom:0;
  border:none;
  border-radius:var(--awx-border-radius);
  background-color:var(--awx-color-dominant);
  aspect-ratio:5/4;
  background-image:url("../../../../assets/images/airbus-carbon-grid.png");
  background-repeat:no-repeat;
  background-position:center center;
  background-blend-mode:normal;
  box-shadow:0 0 3em -0.2em var(--awx-color-dominant-shadow);
  container-type:inline-size;
  container-name:card;
}

.awx-card--overlay .awx-card__link{
    overflow:hidden;
    width:320px;
    aspect-ratio:5/4;
  }

.awx-card--overlay picture,.awx-card--overlay .awx-image,.awx-card--overlay .awx-card__picture{
    position:relative;
    aspect-ratio:5/4;
  }

.awx-card--overlay picture:not(.does-not-exist)::after{
      position:absolute;
      top:0;
      right:0;
      bottom:0;
      left:0;
      content:"";
      opacity:0.4;
      background:linear-gradient(180deg, rgba(0, 0, 0, 0.1) 20%, rgb(0, 0, 0) 80%);
      background:linear-gradient(180deg, rgb(0 0 0 / 0.1) 20%, rgb(0 0 0 / 1) 80%);
      mix-blend-mode:multiply;
    }

.awx-card--overlay .awx-image::after{
      position:absolute;
      top:0;
      right:0;
      bottom:0;
      left:0;
      content:"";
      opacity:0.4;
      background:linear-gradient(180deg, rgba(0, 0, 0, 0.1) 20%, rgb(0, 0, 0) 80%);
      background:linear-gradient(180deg, rgb(0 0 0 / 0.1) 20%, rgb(0 0 0 / 1) 80%);
      mix-blend-mode:multiply;
    }

.awx-card--overlay .awx-card__picture::after{
      position:absolute;
      top:0;
      right:0;
      bottom:0;
      left:0;
      content:"";
      opacity:0.4;
      background:linear-gradient(180deg, rgba(0, 0, 0, 0.1) 20%, rgb(0, 0, 0) 80%);
      background:linear-gradient(180deg, rgb(0 0 0 / 0.1) 20%, rgb(0 0 0 / 1) 80%);
      mix-blend-mode:multiply;
    }

.awx-card--overlay img{
    aspect-ratio:5/4;
  }

.awx-card--overlay .awx-card__content{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    padding:var(--awx-sp-v) var(--awx-sp-h);
    transition:background-color 300ms var(--awx-ease-in-out);
    color:var(--awx-color-text-light);
    background-color:rgba(0, 0, 0, 0.4);
    background-color:rgb(0 0 0 / 0.4);
    text-shadow:0 1px 5px var(--awx-black);
  }

.awx-card--overlay .awx-card__footer{
    margin-top:var(--awx-sp-v);
    color:var(--awx-color-text-light);
  }

.awx-card--overlay .awx-card__location + .awx-card__footer{
    margin-top:0;
  }

.awx-card--overlay .awx-card__taxonomy{
    margin-bottom:var(--awx-sp-v);
  }

.awx-card--overlay .awx-card__title{
    padding:0;
    color:var(--awx-color-text-light);
    font-weight:500;
  }

.awx-card--overlay .awx-card__summary{
    position:relative;
    margin-bottom:0;
    color:var(--awx-color-text-light);
  }

.awx-card--overlay .awx-card__location{
    color:var(--awx-color-text-light);
  }

.awx-card--overlay.has-location .awx-card__summary{
      margin-bottom:var(--awx-sp-v);
    }

.awx-card--overlay.has-location .awx-card__title,.awx-card--overlay.has-summary .awx-card__title{
      padding-bottom:var(--awx-sp-v);
    }

.awx-card--overlay:hover .awx-card__content{
      background-color:rgba(0, 0, 0, 0.4);
      background-color:rgb(0 0 0 / 0.4);
    }

.awx-card--overlay.awx-card--overlay-rect .awx-card__summary{
    display:none;
  }

.awx-card--overlay.awx-card--overlay-square{
  --min-size:17rem;
  --max-size:100%;

  width:100%;
  min-width:17rem;
  min-width:var(--min-size);
  max-width:100%;
  max-width:var(--max-size);
  min-height:17rem;
  min-height:var(--min-size);
  max-height:100%;
  max-height:var(--max-size);
  margin:0 auto;
  aspect-ratio:1/1;

}

.awx-card--overlay.awx-card--overlay-square .awx-card__link{
    width:100%;
    height:100%;
    max-height:var(--max-size);
    aspect-ratio:1/1;
  }

.awx-card--overlay.awx-card--overlay-square:not(.has-picture) .awx-card__link{
      min-width:17rem;
    }

.awx-card--overlay.awx-card--overlay-square img,.awx-card--overlay.awx-card--overlay-square picture,.awx-card--overlay.awx-card--overlay-square .awx-image,.awx-card--overlay.awx-card--overlay-square .awx-card__picture{
    aspect-ratio:1/1;
  }

.awx-card--overlay.awx-card--overlay-square img,.awx-card--overlay.awx-card--overlay-square picture{
    min-height:var(--min-size);
  }

.awx-card--overlay.awx-card--overlay-square .awx-card__title{
    padding-bottom:0;
  }

.awx-card--overlay.awx-card--overlay-square .awx-card__content{
    top:0;
    display:flex;
    flex-direction:column;
    justify-content:end;
    background-color:transparent;
  }

.awx-card--overlay.awx-card--overlay-square .awx-card__summary{
    display:none;
  }

.awx-card--overlay.awx-card--overlay-square:hover .awx-card__content{
      background-color:rgba(0, 0, 0, 0.4);
      background-color:rgb(0 0 0 / 0.4);
    }

@container card (width > 23rem){
    .awx-card--overlay.awx-card--overlay-square .awx-card__title{
      font-size:1.5rem;
      line-height:1.3;
    }
      .awx-card--overlay.awx-card--overlay-square.has-location .awx-card__title,.awx-card--overlay.awx-card--overlay-square.has-summary .awx-card__title{
        padding-bottom:var(--awx-sp-v);
      }

    .awx-card--overlay.awx-card--overlay-square .awx-card__summary{
      display:block;
    }

    .awx-card--overlay.awx-card--overlay-square .awx-card__content{
      padding:var(--awx-sp-v2) var(--awx-sp-h2);
    }
}

@container card (width > 80rem){
    .awx-card--overlay.awx-card--overlay-large .awx-card__title{
      font-size:1.75rem;
      line-height:1.2;
    }
}

.awx-card--teaser,
.awx-card--teaser-small,
.awx-card--teaser-large{
  width:100%;
  color:var(--awx-color-text);
  border:1px solid var(--awx-color-dominant-lighter);
  background-color:var(--awx-white);
}

.awx-card--teaser picture,.awx-card--teaser-small picture,.awx-card--teaser-large picture,.awx-card--teaser img,.awx-card--teaser-small img,.awx-card--teaser-large img,.awx-card--teaser .awx-image,.awx-card--teaser-small .awx-image,.awx-card--teaser-large .awx-image,.awx-card--teaser .awx-card__picture,.awx-card--teaser-small .awx-card__picture,.awx-card--teaser-large .awx-card__picture{
    border-radius:var(--awx-border-radius) var(--awx-border-radius) 0 0;
    aspect-ratio:16/9;
  }

.awx-card--teaser .awx-card__content,.awx-card--teaser-small .awx-card__content,.awx-card--teaser-large .awx-card__content{
    padding:var(--awx-sp-v1-5) var(--awx-sp-h1-5);
  }

.awx-card--teaser .awx-card__link::before{
      position:absolute;
      z-index:11;
      bottom:0;
      left:0;
      width:0;
      height:1px;
      content:"";
      transition:width 600ms var(--awx-ease-in-out), opacity 200ms var(--awx-ease-in-out);
      opacity:0;
      background-color:var(--awx-color-dominant);
    }

.awx-card--teaser-small .awx-card__link::before{
      position:absolute;
      z-index:11;
      bottom:0;
      left:0;
      width:0;
      height:1px;
      content:"";
      transition:width 600ms var(--awx-ease-in-out), opacity 200ms var(--awx-ease-in-out);
      opacity:0;
      background-color:var(--awx-color-dominant);
    }

.awx-card--teaser-large .awx-card__link::before{
      position:absolute;
      z-index:11;
      bottom:0;
      left:0;
      width:0;
      height:1px;
      content:"";
      transition:width 600ms var(--awx-ease-in-out), opacity 200ms var(--awx-ease-in-out);
      opacity:0;
      background-color:var(--awx-color-dominant);
    }

.awx-card--teaser .awx-card__link:hover::before{
      width:100%;
      opacity:1;
    }

.awx-card--teaser-small .awx-card__link:hover::before{
      width:100%;
      opacity:1;
    }

.awx-card--teaser-large .awx-card__link:hover::before{
      width:100%;
      opacity:1;
    }

.awx-card--light-gray{
  border-color:var(--awx-color-dominant-light-faded);
  background-color:var(--awx-color-dominant-lighter);
}

.awx-card--light-gray img{
    background-color:var(--awx-color-dominant-light);
  }

.awx-card--dark{
  color:var(--awx-color-text-light);
  border-color:var(--awx-color-dominant-dark);
  background-color:var(--awx-color-dominant);
}

.awx-card--dark .awx-card__picture,.awx-card--dark img{
    background-color:var(--awx-color-dominant-darker);
  }

.awx-card--dark .awx-card__title{
    color:var(--awx-color-text-light);
  }

.awx-card--dark .awx-card__summary{
    color:var(--awx-color-text-light);
  }

.awx-card--dark .awx-card__location{
    color:var(--awx-color-text-light);
  }

.awx-card--dark .awx-card__footer{
    color:var(--awx-color-link-light-active);
  }

.awx-card--dark .awx-card__link::before{
    background-color:var(--awx-color-text-light);
  }

.awx-card--light-gray.awx-card--full{
  border-color:var(--awx-color-dark-line);
}

.awx-card--dark.awx-card--full{
  border-color:var(--awx-color-light-line);
}

.awx-card--light-gray.awx-card--teaser-large .awx-card__content{
  border-color:var(--awx-color-dominant-light-faded);
  background-color:var(--awx-color-dominant-lighter);
}

.awx-card--dark.awx-card--teaser-large .awx-card__content{
  border-color:var(--awx-color-dominant-dark);
  background-color:var(--awx-color-dominant-dark);
}

@media (min-width: 36em){
    .awx-card--teaser .awx-card__link,.awx-card--teaser-small .awx-card__link{
      display:flex;
      flex-direction:column;
      align-items:flex-end;
    }

    .awx-card--teaser picture,.awx-card--teaser-small picture,.awx-card--teaser img,.awx-card--teaser-small img,.awx-card--teaser .awx-image,.awx-card--teaser-small .awx-image,.awx-card--teaser .awx-card__picture,.awx-card--teaser-small .awx-card__picture{
      flex:0 0 auto;
      width:100%;
    }

    .awx-card--teaser .awx-card__content,.awx-card--teaser-small .awx-card__content{
      display:flex;
      flex-direction:column;
      align-items:stretch;
      width:100%;
      height:100%;
    }

  .awx-card--overlay.awx-card--overlay-square.awx-card--overlay-large{
    --min-size:20rem;
    --max-size:30rem;

    width:100%;
    max-width:var(--awx-view-max-width);
    margin-bottom:0 !important;
    aspect-ratio:auto;
  }

    .awx-card--overlay.awx-card--overlay-square.awx-card--overlay-large .awx-card__link{
      aspect-ratio:auto;
    }

    .awx-card--overlay.awx-card--overlay-square.awx-card--overlay-large img,.awx-card--overlay.awx-card--overlay-square.awx-card--overlay-large picture,.awx-card--overlay.awx-card--overlay-square.awx-card--overlay-large .awx-image,.awx-card--overlay.awx-card--overlay-square.awx-card--overlay-large .awx-media,.awx-card--overlay.awx-card--overlay-square.awx-card--overlay-large .awx-card__picture{
      aspect-ratio:auto;
      height:100%;
    }

    .awx-card--overlay.awx-card--overlay-square.awx-card--overlay-large .awx-card__title,.awx-card--overlay.awx-card--overlay-square.awx-card--overlay-large .awx-card__summary{
      width:100%;
      max-width:calc(var(--awx-view-max-width)/3);
    }
}

@media (min-width: 64em){
  .awx-card__title{
    font-size:1.25rem;
  }

  .awx-card__footer{
    font-size:0.875rem;
  }

  .awx-card--overlay{
    margin-bottom:0 !important;
  }

    .awx-card--overlay .awx-card__title{
      font-size:1.125rem;
    }

  .awx-card--teaser,
  .awx-card--teaser-small,
  .awx-card--teaser-large{
    margin:0;
  }

    .awx-card--teaser picture,.awx-card--teaser-small picture,.awx-card--teaser-large picture,.awx-card--teaser img,.awx-card--teaser-small img,.awx-card--teaser-large img,.awx-card--teaser .awx-image,.awx-card--teaser-small .awx-image,.awx-card--teaser-large .awx-image,.awx-card--teaser .awx-card__picture,.awx-card--teaser-small .awx-card__picture,.awx-card--teaser-large .awx-card__picture{
      aspect-ratio:16/9;
      height:auto;
      border-radius:var(--awx-border-radius) var(--awx-border-radius) 0 0;
    }
    .awx-card--teaser-small .awx-card__content{
      height:100%;
    }

  .awx-card--teaser-large{
    flex:1 1 100%;
    border-width:0;
    background-color:transparent;
  }

    .awx-card--teaser-large .awx-card__link{
      display:flex;
      align-items:flex-end;
    }

    .awx-card--teaser-large picture,.awx-card--teaser-large .awx-image,.awx-card--teaser-large .awx-card__picture{
      flex:0 1 100%;
    }

    .awx-card--teaser-large picture,.awx-card--teaser-large img,.awx-card--teaser-large .awx-image,.awx-card--teaser-large .awx-card__picture{
      min-height:100%;
      border-radius:var(--awx-border-radius);
    }

    .awx-card--teaser-large .awx-card__content{
      position:relative;
      z-index:10;
      margin-left:calc(var(--awx-sp-h4)*-1);
      border:1px solid var(--awx-color-dominant-lighter);
      border-radius:var(--awx-border-radius) var(--awx-border-radius) var(--awx-border-radius) 0;
      background-color:var(--awx-white);
    }

    .awx-card--teaser-large .awx-card__title{
      font-size:1.875rem;
      line-height:1.2;
    }
}

@media (min-width: 80em){
  .awx-card{
    width:320px;
    margin-bottom:var(--awx-sp-v3);
  }

  .awx-card__summary,
  .awx-card__location{
    font-size:1rem;
  }

  .awx-card--teaser,
  .awx-card--teaser-small,
  .awx-card--teaser-large{
    width:100%;
  }

  .awx-card--overlay-rect{
    width:480px;
    aspect-ratio:4/3;

  }

    .awx-card--overlay-rect picture,.awx-card--overlay-rect .awx-image,.awx-card--overlay-rect .awx-card__picture{
      aspect-ratio:4/3;
    }

    .awx-card--overlay-rect .awx-card__link{
      width:480px;
      aspect-ratio:4/3;
    }

    .awx-card--overlay-rect img{
      aspect-ratio:4/3;
    }

    .awx-card--overlay-rect .awx-card__content{
      padding:var(--awx-sp-v1-5) var(--awx-sp-h1-5);
      background-color:rgba(0, 0, 0, 0);
      background-color:rgb(0 0 0 / 0);
    }

    .awx-card--overlay-rect .awx-card__title{
      font-size:1.5rem;
    }
      .awx-card--overlay-rect:not(.processed--cd) .awx-card__location,.awx-card--overlay-rect:not(.processed--cd) .awx-card__summary{
        display:none;
      }
        .awx-card--overlay-rect:not(.processed--cd):hover .awx-card__location,.awx-card--overlay-rect:not(.processed--cd):hover .awx-card__summary{
          display:block;
        }
      .awx-card--overlay-rect.processed--cd .awx-card__summary{
        display:block;
      }

      .awx-card--overlay-rect.processed--cd .awx-card__content{
        --title-height:1.4em;

        height:calc(1.4em - 3px + var(--awx-sp-v1-5)*2);

        height:calc(var(--title-height) - 3px + var(--awx-sp-v1-5)*2);
        transition:background-color 600ms var(--awx-ease-in-out), height 300ms var(--awx-ease-in-out) 200ms;
      }

      .awx-card--overlay-rect.processed--cd:hover .awx-card__content{
        height:100%;
      }

}

@media (min-width: 120em){
  .awx-card--overlay.awx-card--overlay-square{
    --min-size:21.6rem;
    --max-size:30rem;
  }

  .awx-card--overlay.awx-card--overlay-square.awx-card--overlay-large{
    --min-size:21.6rem;
  }
}