/* 
 * 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-menu-drawer{
  position:fixed;
  z-index:98;
  top:0;
  right:auto;
  bottom:0;
  left:calc(var(--awx-drawer-menu-width)*-1);
  display:block;
  overflow-x:hidden;
  overflow-y:hidden;
  width:var(--awx-drawer-menu-width);
  max-width:100%;
  will-change:left;
  transition:left 250ms ease-in-out;
  pointer-events:none;
  color:var(--awx-color-text);
  background-color:var(--awx-white);
  box-shadow:1px 1px 11px rgba(0, 0, 0, 0.035), 10px 10px 90px rgba(0, 0, 0, 0.07);
  box-shadow:1px 1px 11px rgb(0 0 0 / 0.035), 10px 10px 90px rgb(0 0 0 / 0.07);
}

.awx-menu-drawer:focus,
.awx-menu-drawer:focus-within{
  visibility:hidden;
}

.awx-menu-dialog-drawer{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:none;
}

.awx-menu-dialog-drawer::before{
    position:absolute;
    left:calc(var(--awx-sp-h)*4.3);
    display:block;
    width:132px;
    height:24px;
    margin-top:22px;
    content:"";
    background-color:var(--awx-color-accent);
    -webkit-mask-image:var(--awx-theme-logo-url);
    mask-image:var(--awx-theme-logo-url);
    -webkit-mask-repeat:round, no-repeat;
    mask-repeat:round, no-repeat;
  }

.awx-menu-drawer-toggler__label{
  display:flex;
  flex-direction:column-reverse;
  flex-wrap:nowrap;
  align-content:stretch;
  align-items:flex-start;
  justify-content:center;
  padding-left:var(--awx-sp-h1-5);
  cursor:pointer;
  transition:transform ease-in-out 100ms;
  font-size:0.75rem;
  gap:2px;
}

.awx-menu-drawer-toggler__label:hover .awx-menu-drawer-toggler__icon.open{
  animation:1s ease-in-out bounce-right infinite;
}

.awx-menu-drawer-toggler__label:active .awx-menu-drawer-toggler__icon{
  transform:scale(0.9);
}

.awx-menu-drawer-toggler__text{
  display:block;
}

.awx-menu-drawer-toggler__icon{
  display:block;
  font-size:1.75em;
}

.awx-menu-drawer-toggler__icon .awx-icon{
  top:auto;
  display:block;
}

.awx-menu-drawer .awx-menu-drawer-toggler{
  position:absolute;
  z-index:0;
  top:0;
  right:0;
  left:0;
  height:69px;
  border-bottom:1px solid var(--awx-color-dark-line);
}

.awx-menu-drawer .awx-menu-drawer-toggler__label{
  position:absolute;
  display:flex;
  align-items:flex-start;
  justify-content:initial;
  padding:0 0 0 var(--awx-sp-h1-5);
  color:var(--awx-color-accent) !important;
  background:transparent !important;
  top:0;
  right:0;
  bottom:0;
  left:0;
}

.awx-menu-drawer .awx-menu-drawer-toggler__label:hover,
.awx-menu-drawer .awx-menu-drawer-toggler__label:active{
  border-width:0;
}

.awx-menu-drawer .awx-menu-drawer-toggler .awx-icon{
  width:2rem;
  height:2rem;
  margin-bottom:16px;
  font-size:2em;
}

.awx-menu-drawer-state:checked ~ .awx-menu-drawer,
.awx-menu-drawer-state:target ~ .awx-menu-drawer{
  left:0;
  pointer-events:auto;
}

.awx-menu-drawer-state:checked ~ .awx-menu-drawer .awx-menu-dialog-drawer,
.awx-menu-drawer-state:target ~ .awx-menu-drawer .awx-menu-dialog-drawer{
  display:block;
}

.awx-menu-drawer-state:checked ~ .awx-menu-drawer:focus,
.awx-menu-drawer-state:checked ~ .awx-menu-drawer:focus-within,
.awx-menu-drawer-state:target ~ .awx-menu-drawer:focus,
.awx-menu-drawer-state:target ~ .awx-menu-drawer:focus-within{
  visibility:visible;
  visibility:initial;
}

.awx-menu-secondary{
  display:none;
}

.awx-menu-tasks{
  position:fixed;
  z-index:114;
  right:0;
  bottom:0;
  left:0;
  display:block;
  overflow-x:auto;
  padding:var(--awx-sp-v) var(--awx-sp-h);
  background-color:var(--awx-color-dominant-light-faded);
}

.awx-menu-drawer .awx-menu-search{
  position:fixed;
  z-index:2;
  right:0;
  bottom:0;
  left:0;
  max-width:var(--awx-drawer-menu-width);
  padding:var(--awx-sp-v2) var(--awx-sp-h2);
  background-color:var(--awx-white);
}

.awx-menu-social .awx-menu-title{
  margin-bottom:var(--awx-sp-v2);
  font-size:max(1.125rem, min(2vw, 1.5rem));
  font-size:clamp(1.125rem, 2vw, 1.5rem);
}

.multilingual{
  --awx-menu-secondary-min-width:89em;
}

@media (min-width: 64em){
  .awx-menu-dialog-drawer{
    left:var(--awx-sp-h4);
    border-left:1px solid var(--awx-color-dark-line);
  }

  .awx-menu-dialog-drawer::before{
    left:var(--awx-sp-h2);
    margin-top:var(--awx-sp-v4);
  }

  .awx-menu-drawer .awx-menu-drawer-toggler{
    top:calc(var(--awx-sp-v3) + var(--awx-sp-v0-5));
    right:var(--awx-sp-h2-5);
    left:auto;
    width:3rem;
    height:3rem;
    border-bottom:none;
  }

  .awx-menu-drawer-toggler__label{
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
    padding-right:var(--awx-sp-h);
    padding-left:0;
    font-size:1rem;
    gap:1rem;
  }

  .awx-menu-drawer .awx-menu-drawer-toggler__label{
    align-items:center;
    justify-content:center;
    padding:0;
  }

  .awx-menu-drawer .awx-menu-drawer-toggler .awx-icon{
    margin-bottom:0;
  }

  .awx-menu-drawer .awx-menu-search{
    display:none;
  }

  .awx-menu-footer{
    flex-basis:max-content;
    min-width:56%;
  }

}

@media (min-width: 80em){
  .awx-menu-secondary{
    display:block;
    flex:1 1 auto;
    padding:0 var(--awx-sp-h) 0 0;
  }

  .awx-menu-footer{
    flex-basis:80%;
  }
}

@media (min-width: 90em){
  .awx-menu-secondary{
    display:block !important;
  }
}