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

select{
  max-width:100%;
  height:var(--awx-sp-v3);
  padding:.375rem 2.25rem .375rem .75rem;
  transition:border-width 200ms, border-color 200ms, outline-color 200ms;
  color:var(--awx-color-text);
  border:1px solid var(--awx-gray);
  border-radius:var(--awx-border-radius);
  outline-color:transparent;
  background-color:var(--awx-white);
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat:no-repeat;
  background-position:right var(--awx-sp-v) center;
  background-size:1rem 0.75rem;
  font-family:inherit;
  font-size:inherit;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

select:focus{
    border-color:var(--awx-color-focus);
    outline-color:var(--awx-color-focus);
  }

select::-ms-expand{
    display:none;
  }

select[disabled]{
    color:var(--awx-color-disabled);
    border-color:var(--awx-color-disabled);
    background-color:var(--awx-color-dominant-lighter);
  }

select.error{
    border:solid 2px var(--awx-color-error-dark);
  }

select.error:focus{
      outline-color:var(--awx-color-error-dark);
    }

select[multiple]{
    height:auto;
    padding:var(--awx-sp-v0-5);
    background-image:none;
    line-height:1;
  }

select[multiple] option{
      padding:var(--awx-sp-v0-5);
    }

select.form-element--small{
    height:var(--awx-sp-h2-5);
  }

@media (forced-colors: active){

select{
    padding-left:var(--awx-sp-h);
    background-image:none;
    -webkit-appearance:auto;
    -moz-appearance:auto;
    appearance:auto;
}
    @supports ((-webkit-appearance: revert) or (-moz-appearance: revert) or (appearance: revert)){

select{
      -webkit-appearance:revert;
      -moz-appearance:revert;
      appearance:revert;
}
    }
  }

@media screen and (-ms-high-contrast: active){

select{
    padding-left:0;
}
    select::-ms-expand{
      display:block;
    }
  }