/* 
 * 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-switch-state{
  display:none !important;
}

.awx-switch-state ~ .awx-switch-toggler .awx-close{
  display:none;
}

.awx-switch-toggler{
  position:relative;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
}

.awx-switch-button,
.awx-switch-label{
  position:absolute;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  top:0;
  right:0;
  bottom:0;
  left:0;
  text-align:center;
}

.awx-switch-toggler--chip .awx-switch-label{
    position:relative;
    padding:5px 12px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
  }

.awx-switch-state:checked ~ .awx-switch-toggler .awx-close,
.awx-switch-state:target ~ .awx-switch-toggler .awx-close{
  display:inline;
  display:initial;
}

.awx-switch-state:checked ~ .awx-switch-toggler .awx-open,
.awx-switch-state:target ~ .awx-switch-toggler .awx-open{
  display:none;
}