/* 
 * 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-fullscreen{
  position:relative;
  display:flex;
  overflow:visible;
  overflow:initial;
  overflow:unset;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100svh;
  margin:0;
  padding:0;
}

.awx-fullscreen > *{
    position:relative;
    display:block;
    overflow:visible;
    overflow:initial;
    overflow:unset;
    width:100%;
    height:100svh !important;
    margin:0;
    padding:0;
    border-radius:0 !important;
  }

.awx-fullscreen video,.awx-fullscreen img{
    display:block;
    overflow:visible;
    overflow:initial;
    overflow:unset;
    width:100% !important;
    height:100% !important;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:0 !important;
  }

.awx-fullscreen.has-portrait > *:first-child{
      display:none;
    }

.awx-fullscreen.has-portrait > *:last-child{
      display:block;
    }

.awx-fullscreen .awx-media,.awx-fullscreen .awx-video-container{
    overflow:visible;
    overflow:initial;
    overflow:unset;
    width:100%;
    max-width:100%;
    height:100%;
    margin:0;
    padding:0;
  }

@media (orientation: portrait) and (max-width: 48em){
    .awx-fullscreen.has-portrait > *:first-child{
      display:block;
    }

    .awx-fullscreen.has-portrait > *:last-child{
      display:none;
    }
}

@media (min-width: 120em){
  .awx-fullscreen{
    height:auto;
  }

    .awx-fullscreen > *{
      max-width:var(--awx-view-max-width) !important;
      height:auto !important;
      margin:0 auto !important;
    }

    .awx-fullscreen video,.awx-fullscreen img{
      height:auto !important;
    }
}