/* 
 * 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-viewer__fragment{
  display:none;
}

.awx-viewer-modal .awx-viewer__fragment{
  display:grid;
  align-content:center;
  justify-content:center;
  place-content:center;
  width:100vw;
  height:100vh;
}

.awx-viewer-modal .awx-viewer__fragment picture,.awx-viewer-modal .awx-viewer__fragment .awx-svg--preprocessed{
    width:100%;
    margin:0 auto;
  }

.awx-viewer-modal .awx-viewer__fragment picture{
    max-width:-moz-fit-content;
    max-width:fit-content;
  }

.awx-viewer-target{
  position:relative;
  cursor:zoom-in;
}

.awx-viewer-target.awx-load.awx-load--fullscreen{
    position:relative;
    z-index:auto;
  }

.awx-viewer-target--not-found{
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:grid;
  align-content:center;
  justify-content:center;
  place-content:center;
  cursor:not-allowed;
  animation:fade-in 200ms var(--awx-ease-in-out);
  text-align:center;
  pointer-events:none;
  color:var(--awx-color-text-light);
  background-color:var(--awx-color-accent-faded);
}

[data-awx-viewer-aborted]{
  cursor:default;
}

.awx-viewer-modal,
.awx-viewer-modal__backdrop{
  position:fixed;
  z-index:-1;
  top:0;
  right:0;
  bottom:0;
  left:0;
  transition:opacity 250ms var(--awx-ease-in-out), z-index 260ms;
  pointer-events:none;
  opacity:0;
  color:var(--awx-color-text-light);
  background-color:var(--awx-color-dominant);
}

.awx-viewer-modal .awx-media__info,.awx-viewer-modal__backdrop .awx-media__info{
    display:none;
  }

.awx-viewer-modal.awx-viewer-modal--opened .awx-media__info{
    --background-color:var(--awx-color-dominant-darker);
    --meta-color:var(--awx-color-text-light);
    --heading-color:var(--awx-color-text-light);

    position:fixed;
    right:0;
    bottom:-90vh;
    left:0;
    display:block;
    overflow:auto;
    max-height:90vh;
    transition:bottom 250ms var(--awx-ease-in-out);
  }

.awx-viewer-modal.awx-viewer-modal--opened .awx-media__info .awx-switch-toggler--chip{
      border-color:var(--awx-color-light-line);
    }

.awx-viewer-modal.awx-viewer-modal--opened .awx-media__info .awx-switch-toggler--chip .awx-chip--checkbox{
        color:var(--meta-color) !important;
      }

.awx-viewer-modal.awx-viewer-modal--opened .awx-media__info .awx-switch-toggler--chip .awx-icon{
        fill:var(--meta-color) !important;
      }

.awx-viewer-modal.awx-viewer-modal--opened .awx-media:hover .awx-media__info{
      bottom:-90vh;
    }

.awx-viewer-modal.awx-viewer-modal--opened,
.awx-viewer--navigating .awx-viewer-modal__backdrop{
  z-index:5000;
  transition:z-index 0s, opacity 250ms var(--awx-ease-in-out) 10ms;
  pointer-events:auto;
  opacity:1;
}

.awx-viewer-modal__backdrop{
  transition:none !important;
}

.awx-viewer--navigating .awx-viewer-modal__backdrop{
  opacity:1;
}

.awx-viewer-modal.awx-viewer-modal--opened.awx-viewer-modal--video,
.awx-viewer-modal.awx-viewer-modal--opened .awx-viewer__fragment--video{
  cursor:auto;
}

.awx-viewer-modal.awx-viewer-modal--opened.awx-viewer-modal--video .video-responsive,.awx-viewer-modal.awx-viewer-modal--opened .awx-viewer__fragment--video .video-responsive{
    padding:0 !important;
  }

.awx-viewer-modal.awx-viewer-modal--opened .awx-viewer__fragment--oembed-video .media-oembed-content{
  display:block;
  width:calc(100% - var(--awx-body-padding-h-lg));
  max-width:var(--awx-body-max-width);
  height:calc(100% - var(--awx-sp-v4));
  margin:var(--awx-sp-v2) auto;
  aspect-ratio:16 / 9;
  -o-object-fit:contain;
  object-fit:contain;
}

.awx-viewer-modal__content{
  position:absolute;
  z-index:0;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:grid;
  align-content:center;
  justify-content:center;
  place-content:center;
}

.awx-viewer-modal__content video{
    border-radius:var(--awx-border-radius);
  }

.awx-viewer-modal__content .awx-media,.awx-viewer-modal__content .awx-video-container{
    width:100vw;
    margin:0 auto;
    padding:0;
    background-color:transparent;
  }

.awx-viewer-modal__content .awx-media--video,.awx-viewer-modal__content .awx-media--embed-video,.awx-viewer-modal__content .media-oembed-content,.awx-viewer-modal__content .awx-media--keepicker-video,.awx-viewer-modal__content .awx-video-container{
    max-width:80vw;
  }

.awx-viewer-modal__content .awx-media--video .awx-video__player,.awx-viewer-modal__content .awx-media--embed-video .awx-video__player,.awx-viewer-modal__content .media-oembed-content .awx-video__player,.awx-viewer-modal__content .awx-media--keepicker-video .awx-video__player,.awx-viewer-modal__content .awx-video-container .awx-video__player{
      z-index:10;
      max-height:90vh;
      margin:0 auto;
      border-radius:0;
    }

.awx-viewer-modal__content .media-oembed-content{
    width:80vw;
  }

.awx-viewer-modal__inner > .awx-button{
  width:2.5rem;
  height:auto;
  padding:0;
  border-radius:0;
  background-color:transparent !important;
  line-height:inherit;
  line-height:unset;
}

.awx-viewer-modal__inner > .awx-button::before{
  display:none;
}

.awx-viewer-modal__inner > .awx-button .awx-icon{
  width:2rem;
  height:2rem;
  filter:drop-shadow(0 0 10px var(--awx-color-dominant));
  color:var(--awx-color-text-light);
  font-size:2rem;
}

.awx-viewer-modal__close{
  position:fixed;
  z-index:2;
  top:0;
  right:0;
  padding-top:var(--awx-sp-v) !important;
  padding-right:var(--awx-sp-h) !important;
  padding-bottom:var(--awx-sp-v) !important;
  text-align:right;
}

.awx-viewer-modal__prev,
.awx-viewer-modal__next{
  position:fixed;
  z-index:1;
  top:0;
  right:0;
  bottom:0;
  visibility:hidden;
  width:6rem;
  height:auto;
  transition:visibility, opacity 300ms var(--awx-ease-in-out);
  text-align:center;
  opacity:0;
  line-height:100vh;
  transition-behavior:allow-discrete;
}

.awx-viewer-modal__prev{
  right:auto;
  left:0;
}

.has-prev .awx-viewer-modal__prev,
.has-next .awx-viewer-modal__next{
  visibility:visible;
  opacity:1;
}

.awx-viewer-placeholder{
  position:relative;
}

.awx-viewer-placeholder > .awx-viewer__fragment{
    display:none;
    transition:display, opacity 300ms var(--awx-ease-in-out);
    transition-behavior:allow-discrete;
    opacity:0;
  }

.awx-viewer-placeholder > .awx-viewer__fragment .awx-media,.awx-viewer-placeholder > .awx-viewer__fragment .awx-video-container{
      width:100%;
      max-width:none;
      margin:0;
      padding:0;
    }

.awx-viewer-placeholder.awx-viewer-placeholder--active > .awx-viewer__fragment{
    display:block;
    opacity:1;

  }

@starting-style{

.awx-viewer-placeholder.awx-viewer-placeholder--active > .awx-viewer__fragment{
      opacity:0;

  }
    }

.awx-viewer-placeholder .awx-viewer__fragment--oembed-video{
    position:static;
  }

.awx-viewer-placeholder .awx-viewer__fragment--oembed-video .media-oembed-content{
    width:100%;
    height:100%;
    aspect-ratio:16 / 9;
    -o-object-fit:contain;
    object-fit:contain;
  }

.awx-viewer__label{
  display:none;
}

[data-viewer-placeholder] .awx-viewer-target{
    cursor:pointer;
  }

[data-viewer-placeholder] .awx-viewer--video .awx-icon{
      --icon-size:max(2rem, min(4vw, 3rem));
      --icon-size:clamp(2rem, 4vw, 3rem);

      top:var(--awx-sp-v);
      right:var(--awx-sp-h);
      bottom:auto;
      left:auto;
    }

[data-viewer-placeholder] .awx-viewer--video::before{
      position:absolute;
      z-index:1;
      top:0;
      right:0;
      bottom:0;
      left:0;
      display:block;
      content:"";
      opacity:0.6;
      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;
    }

[data-viewer-placeholder] .awx-viewer__label{
    position:absolute;
    z-index:2;
    top:auto;
    right:auto;
    bottom:var(--awx-sp-v);
    left:var(--awx-sp-h);
    display:block;
    text-align:left;
    color:var(--awx-white);
    font-size:1.25rem;
    font-weight:500;
    line-height:var(--awx-line-height);
  }

.awx-viewer__anchor{
  position:relative;
  display:block;
  overflow:hidden;
  align-content:center;
  justify-content:center;
  place-content:center;
  width:-moz-fit-content;
  width:fit-content;
  min-width:160px;
  min-height:120px;
  margin-right:auto;
  margin-left:auto;
  transition:filter 250ms var(--awx-ease-in-out);
  text-align:center;
  color:var(--awx-color-text-light) !important;
  border-radius:var(--awx-border-radius);
  background-color:var(--awx-color-dominant-lighter)
}

.pattern-preview__markup--viewer .awx-viewer__anchor{
  width:100%;
  max-width:320px;
  max-height:240px;
  aspect-ratio:4/3;
}

.awx-viewer__anchor[target="_blank"]::after{
  display:none;
}

.awx-viewer__anchor img{
  width:100%;
  height:100%;
  transition:transform 1s var(--awx-ease-in-out);
  animation:fade-in 200ms var(--awx-ease-in-out);
  -o-object-fit:cover;
  object-fit:cover;
}

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

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

.awx-viewer--image .awx-icon,.awx-viewer--svg .awx-icon{
    --icon-size:max(1.5rem, min(3vw, 2rem));
    --icon-size:clamp(1.5rem, 3vw, 2rem);
    --icon-width:calc(var(--icon-size) + var(--awx-sp-h0-25)*2);
    --icon-height:calc(var(--icon-size) + var(--awx-sp-v0-25)*2);

    position:absolute;
    z-index:2;
    top:auto;
    right:0;
    bottom:0;
    left:auto;
    width:var(--icon-width);
    height:var(--icon-height);
    padding:var(--awx-sp-v0-25) var(--awx-sp-h0-25);
    transition:transform 600ms var(--awx-ease-in-out);
    transform:translateX(var(--icon-width));
    filter:drop-shadow(0 0 0.75rem var(--awx-color-dominant-shadow));
    color:var(--awx-color-dominant-disabled);
    border-top-left-radius:var(--awx-border-radius);
    background-color:var(--awx-white);
    font-size:max(1.5rem, min(3vw, 2rem));
    font-size:clamp(1.5rem, 3vw, 2rem);
    font-size:var(--icon-size);
  }

.awx-viewer--image .awx-icon use,.awx-viewer--svg .awx-icon use{
      font-size:var(--icon-size);
    }

.awx-viewer--image:active .awx-icon{
      transform:translateX(0);
    }

.awx-viewer--svg:active .awx-icon{
      transform:translateX(0);
    }

.awx-viewer--image:hover .awx-icon,.awx-viewer--svg:hover .awx-icon,.awx-viewer--image:focus .awx-icon,.awx-viewer--svg:focus .awx-icon{
      transform:translateX(0);
    }

.awx-viewer--no-thumbnail{
  background-color:var(--awx-color-dominant);
  background-image:url("../../../../assets/images/airbus-carbon-grid.png");
  background-repeat:no-repeat;
  background-position:center center;
  background-blend-mode:normal;
  background-size:cover;
}

.awx-viewer--no-thumbnail:hover,
.awx-viewer--no-thumbnail:active,
.awx-viewer--no-thumbnail:focus{
  -webkit-mask-image:linear-gradient(130deg, var(--awx-color-dominant) 55%, var(--awx-color-accent-active) 75%, var(--awx-color-dominant) 95%);
  mask-image:linear-gradient(130deg, var(--awx-color-dominant) 55%, var(--awx-color-accent-active) 75%, var(--awx-color-dominant) 95%);
  -webkit-mask-size:600% 100%;
  mask-size:600% 100%;
  animation:fx-wave 2s linear infinite;
}

.awx-viewer--video .awx-icon{
  --icon-size:max(2rem, min(4vw, 5rem));
  --icon-size:clamp(2rem, 4vw, 5rem);

  position:absolute;
  z-index:2;
  top:calc(50% - max(2rem, min(4vw, 5rem))/2);
  top:calc(50% - clamp(2rem, 4vw, 5rem)/2);
  top:calc(50% - var(--icon-size)/2);
  right:auto;
  bottom:auto;
  left:calc(50% - max(2rem, min(4vw, 5rem))/2);
  left:calc(50% - clamp(2rem, 4vw, 5rem)/2);
  left:calc(50% - var(--icon-size)/2);
  width:max(2rem, min(4vw, 5rem));
  width:clamp(2rem, 4vw, 5rem);
  width:var(--icon-size);
  height:max(2rem, min(4vw, 5rem));
  height:clamp(2rem, 4vw, 5rem);
  height:var(--icon-size);
  transition:transform 200ms var(--awx-ease-in-out);
  filter:drop-shadow(0 0 0.75rem var(--awx-color-dominant-shadow));
  font-size:max(2rem, min(4vw, 5rem));
  font-size:clamp(2rem, 4vw, 5rem);
  font-size:var(--icon-size);
}

.awx-viewer--video::after{
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:block;
  content:"";
  opacity:0.5;
  background-color:var(--awx-color-dominant);
  background-image:none;
}

.awx-viewer__label-anchor::after{
  display:none;
}

.awx-viewer--video:hover .awx-icon,.awx-viewer--video:focus .awx-icon{
    transform:scale(1.05);
  }

.awx-viewer--video:active .awx-icon{
  transform:scale(0.95);
}

.awx-viewer__label-anchor{
  position:static;
}

.awx-viewer__label-anchor .awx-icon{
    position:relative;
    z-index:auto;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    width:auto;
    height:auto;
    padding:0;
    transform:none !important;
    filter:none;
    color:currentColor;
    border-radius:0;
    background-color:transparent;
    font-size:1em;
  }

.awx-viewer__label-anchor .awx-icon use{
      font-size:1em;
    }

.awx-viewer--active{
  filter:saturate(1) brightness(1.2);
}

.awx-viewer--video--playing{
  filter:saturate(1.5) brightness(1.5);
}

[data-color-scheme="dark"] .awx-viewer__label-anchor{
    color:var(--awx-color-text-light);
  }

[data-color-scheme="dark"] .awx-viewer__anchor{
    background-color:var(--awx-color-dominant-dark);
  }

@media (min-width: 48em){
    [data-viewer-placeholder] .awx-viewer__label{
      font-size:1rem;
    }
}

@media (min-width: 64em){
  .awx-viewer-modal .awx-button{
    width:6rem;
  }
    .awx-viewer-modal__content .awx-media{
      --background-color:transparent;

      max-width:90vw;
      height:auto;
      max-height:90vh;
    }

    .awx-viewer-modal__content .awx-video-container{
      max-width:75vw;

    }

  .awx-viewer-modal .awx-viewer__fragment{
  }

  .awx-viewer-modal.awx-viewer-modal--opened .awx-viewer__fragment--oembed-video .media-oembed-content{
    width:calc(100% - var(--awx-sp-h8));
    height:calc(100% - var(--awx-sp-v4));
  }
}

@media (min-width: 90em){
    [data-viewer-placeholder] .awx-viewer__label{
      font-size:1.25rem;
    }
}