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

input[type="checkbox"],
input[type="radio"]{
  display:inline-block;
  width:var(--awx-sp-h1-25);
  height:var(--awx-sp-h1-25);
  margin:0;
  transition:border-width 200ms, border-color 200ms, outline-color 200ms;
  vertical-align:middle;
  border:1px solid var(--awx-gray);
  border-radius:3px;
  outline-color:transparent;
  background-color:var(--awx-white);
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:var(--awx-sp-h) var(--awx-sp-v);
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

input[type="checkbox"]:focus,input[type="radio"]:focus{
    border-color:var(--awx-color-focus);
    outline-color:var(--awx-color-focus);
  }

input[type="checkbox"]:hover,input[type="radio"]:hover{
    border-color:var(--awx-color-accent);
  }

input[disabled][type="checkbox"],input[disabled][type="radio"]{
    background-color:var(--awx-color-dominant-lighter);
  }

input[disabled][type="checkbox"]:hover,input[disabled][type="radio"]:hover{
      border-color:var(--awx-gray);
    }

input[disabled][type="checkbox"]:checked{
      border-width:1px;
    }

input[disabled][type="radio"]:checked{
      border-width:1px;
    }

input[type="checkbox"]:checked{
    border-width:2px;
  }

input[type="radio"]:checked{
    border-width:2px;
  }

input.error[type="checkbox"],input.error[type="radio"]{
    border-color:var(--awx-color-error-dark);
  }

input.error[type="checkbox"]:focus,input.error[type="radio"]:focus{
      outline-color:var(--awx-color-error-dark);
      outline-offset:-2px;
    }

input.error[type="checkbox"]::-ms-check{
    border-color:var(--awx-color-error-dark);
  }

input.error[type="radio"]::-ms-check{
    border-color:var(--awx-color-error-dark);
  }

input[type="checkbox"] + label,input[type="radio"] + label{
    display:inline-block;
    padding-left:var(--awx-sp-v0-5);
  }

input[type="checkbox"]:checked{
    background-image:url("data:image/svg+xml,%3Csvg width='17px' height='13px' viewBox='0 0 17 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M14.8232,0.176777 C14.9209,0.0791457 15.0791,0.0791455 15.1768,0.176777 L16.9445,1.94454 C17.0422,2.04217 17.0422,2.20047 16.9445,2.2981 L6.23744,13.0052 C6.13981,13.1028 5.98151,13.1028 5.88388,13.0052 L0.176777,7.2981 C0.0791456,7.20047 0.0791456,7.04218 0.176777,6.94454 L1.94454,5.17678 C2.04217,5.07915 2.20047,5.07915 2.2981,5.17678 L5.88388,8.76256 C5.98151,8.86019 6.13981,8.86019 6.23744,8.76256 L14.8232,0.176777 Z' id='Path' fill='%232494DB' fill-rule='nonzero'%3E%3C/path%3E%3C/svg%3E");
  }

input[type="radio"]{
  border-radius:50%;
}

input[type="radio"]:checked{
    background-image:url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' fill='%232494DB'/%3E%3C/svg%3E%0A");
    background-size:17px;
  }

input[type="radio"]:focus{
    border-color:var(--awx-color-focus);
    outline-color:transparent;
    box-shadow:0 0 0 2px white, 0 0 0 4px var(--awx-color-focus);
  }

input.error[type="radio"]:focus{
    outline-color:transparent;
    box-shadow:0 0 0 2px white, 0 0 0 4px var(--awx-color-error-dark);
  }

.form-type-boolean{
  margin:var(--awx-sp-v) 0;
}

.form-type-boolean.form-item--chip{
  display:inline-block;
  margin:0;
}