/* 
 * 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-media{
  --background-color:transparent;
  --text-color:currentColor;
  --heading-color:var(--awx-color-dominant);
  --meta-color:var(--awx-color-dominant-gray);
  --border-color:var(--awx-color-dark-line);

  position:relative;
  display:flow-root;
}

.awx-media > *:not(.contextual){
    color:var(--text-color);
    background-color:var(--background-color);
  }

.awx-media.has-media-info{
    container-type:inline-size;
    container-name:media;
  }

.awx-media__info{
  padding:var(--awx-sp-v) var(--awx-sp-h2) var(--awx-sp-v2);
}

.awx-media__meta{
  color:var(--meta-color);
}

.awx-media__title{
  color:var(--heading-color);
  font-size:max(1.125rem, min(2vw, 1.5rem));
  font-size:clamp(1.125rem, 2vw, 1.5rem);
  font-weight:400;
}

.awx-media__duration .awx-skeleton{
    position:relative;
    top:0.15em;
    display:inline-block;
    width:4rem;
    height:1em;
    vertical-align:baseline;
    mix-blend-mode:luminosity;
  }

.awx-media__meta,
.awx-media__title,
.awx-media__description,
.awx-media__detailed-description .awx-show-more__content-inner{
  margin:var(--awx-sp-v) 0;
}

.awx-media__detailed-description .awx-show-more__content-inner{
  margin-bottom:0;
}

.awx-media__transcript{
  margin-top:var(--awx-sp-v2);
  margin-bottom:0;
}

.awx-media__transcript .awx-show-more--toggle-top .awx-show-more-toggler,.awx-media__transcript .awx-show-more--toggle-top .awx-switch-toggler--chip{
      top:calc(var(--awx-sp-v3)*-1);
    }

.awx-media__transcript .awx-show-more__content-inner{
    margin-top:0;
    margin-bottom:var(--awx-sp-v);
    padding-top:var(--awx-sp-v1-25);
    border-top:1px solid var(--border-color);
    font-size:0.875rem;
  }

.awx-media__transcript-title{
  color:var(--heading-color);
  font-size:1rem;
  font-weight:500;
}

.awx-media--video .awx-media__title,.awx-media--embed-video .awx-media__title,.awx-media--keepeek-video .awx-media__title,.awx-media--keepicker-video .awx-media__title,.awx-media--video .awx-media__description,.awx-media--embed-video .awx-media__description,.awx-media--keepeek-video .awx-media__description,.awx-media--keepicker-video .awx-media__description{
    padding-left:0;
  }

.awx-media--video .awx-media__transcript,.awx-media--embed-video .awx-media__transcript,.awx-media--keepeek-video .awx-media__transcript,.awx-media--keepicker-video .awx-media__transcript{
    margin-top:3rem;
  }

@container media (width > 40rem){
    .awx-media--video .awx-media__title,.awx-media--embed-video .awx-media__title,.awx-media--keepeek-video .awx-media__title,.awx-media--keepicker-video .awx-media__title,.awx-media--video .awx-media__description,.awx-media--embed-video .awx-media__description,.awx-media--keepeek-video .awx-media__description,.awx-media--keepicker-video .awx-media__description{
      padding-right:9.5rem;
    }

    .awx-media--video .awx-media__transcript,.awx-media--embed-video .awx-media__transcript,.awx-media--keepeek-video .awx-media__transcript,.awx-media--keepicker-video .awx-media__transcript{
      margin-top:0;
    }
  }

.awx-media__info--image,
.awx-media__info--vector-image,
.awx-media__info--keepeek-image,
.awx-media__info--keepicker-image{
  padding:var(--awx-sp-v) var(--awx-sp-h);
  font-size:0.875em;
}

.awx-media__info--image .awx-media__title,.awx-media__info--vector-image .awx-media__title,.awx-media__info--keepeek-image .awx-media__title,.awx-media__info--keepicker-image .awx-media__title{
    margin:0;
    padding:0;
    color:var(--meta-color);
    font-size:1rem;
    font-weight:500;
    line-height:var(--awx-line-height);
  }

.awx-media__info--image .awx-media__title::before{
      margin:0 0.25em 0 0;
      content:"—";
    }

.awx-media__info--vector-image .awx-media__title::before{
      margin:0 0.25em 0 0;
      content:"—";
    }

.awx-media__info--keepeek-image .awx-media__title::before{
      margin:0 0.25em 0 0;
      content:"—";
    }

.awx-media__info--keepicker-image .awx-media__title::before{
      margin:0 0.25em 0 0;
      content:"—";
    }

.awx-media__info--image .awx-media__detailed-description,.awx-media__info--vector-image .awx-media__detailed-description,.awx-media__info--keepeek-image .awx-media__detailed-description,.awx-media__info--keepicker-image .awx-media__detailed-description{
    margin-top:2rem;
  }

@container media (width > 40rem){
    .awx-media__info--image .awx-media__title,.awx-media__info--vector-image .awx-media__title,.awx-media__info--keepeek-image .awx-media__title,.awx-media__info--keepicker-image .awx-media__title{
      padding-right:13rem;
    }

    .awx-media__info--image .awx-media__detailed-description,.awx-media__info--vector-image .awx-media__detailed-description,.awx-media__info--keepeek-image .awx-media__detailed-description,.awx-media__info--keepicker-image .awx-media__detailed-description{
      margin-top:0;
    }
  }

.awx-rich-text[data-color-scheme="light-gray"] .awx-media,
.awx-rich-text[data-color-scheme="light-gray"] .awx-media[data-color-scheme="light-gray"],
.awx-rich-text[data-color-scheme="light-gray"] .awx-media[data-color-scheme="dark"],
.awx-media[data-color-scheme="light"]{
  --background-color:var(--awx-white);
  --text-color:var(--awx-color-text);
}

.awx-media[data-color-scheme="light-gray"]{
  --background-color:var(--awx-color-dominant-lighter);
  --text-color:var(--awx-color-text);
}

[data-color-scheme="dark"] .awx-media,
.awx-rich-text[data-color-scheme="dark"] .awx-media[data-color-scheme="light"],
.awx-rich-text[data-color-scheme="dark"] .awx-media[data-color-scheme="light-gray"],
.awx-media[data-color-scheme="dark"]{
  --background-color:var(--awx-color-dominant-dark);
  --text-color:var(--awx-color-text-light);
  --heading-color:var(--awx-color-text-light);
  --meta-color:var(--awx-color-link-light-active);
  --border-color:var(--awx-color-light-line);
}

.awx-media--awx-bare,
.awx-media--awx-bare *:not(.awx-video-container):not(.awx-video-container *):not(.awx-video__player){
  border:none !important;
  border-radius:0 !important;
  background-color:transparent !important;
  box-shadow:none !important;
}

.awx-media--awx-bare .awx-video__player--full{
  border-radius:var(--awx-border-radius);
}