/* 
 * 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.
 */

*:focus{
  outline:var(--awx-color-focus) dotted 2px;
  outline-offset:4px;
}

.inset-focus:focus{
  outline-offset:-6px;
}

.focus-not-visible:focus{
  outline-width:0;
  outline-color:transparent;
}

@supports selector(div:focus-visible){
  *:focus:not(:focus-visible){
    outline-width:0;
    outline-color:transparent;
  }
}

#skip-links{
  position:absolute;
  z-index:1500;
  right:0;
  left:0;
  text-align:center;
}

#skip-links a{
  display:inline-block;
  padding:var(--awx-sp-v) var(--awx-sp-h);
  text-align:center;
  -webkit-text-decoration:none;
  text-decoration:none;
  color:var(--awx-color-info-dark);
  border-radius:0 0 4px 4px;
  background-color:var(--awx-color-info);
  box-shadow:0 1px 3px -5px rgba(0, 0, 0, 0.05), 0 6px 24px -5px rgba(0, 0, 0, 0.1) !important;
  box-shadow:0 1px 3px -5px rgb(0 0 0 / 0.05), 0 6px 24px -5px rgb(0 0 0 / 0.1) !important;
  font-weight:var(--awx-font-weight-medium);
}