/* 
 * 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-chip{
  display:inline-block;
  overflow:hidden;
  flex:0 0 auto;
  align-self:first baseline;
  margin:0 var(--awx-sp-h0-25) 0 0;
  padding:0;
  -webkit-text-decoration:none !important;
  text-decoration:none !important;
  color:var(--awx-color-accent);
  border:1px solid var(--awx-white);
  border-radius:var(--awx-border-radius-lg);
  background-color:var(--awx-white);
  box-shadow:0 0 3em -0.2em var(--awx-color-dominant-shadow);
  text-shadow:none !important;
  font-size:0.875rem;
  font-weight:700;
  line-height:var(--awx-line-height);
}

.awx-chip .awx-icon:not(.awx-icon--close){
    top:-0.1em;
    margin-right:4px;
  }

.awx-chip:last-child{
    margin-right:0;
  }

.awx-chip--border{
  border:1px solid currentColor;
}

a.awx-chip,
.awx-chip--checkbox,
.awx-chip.has-no-link,
.awx-chip__link,
.awx-chip__link-close{
  display:inline-block;
  padding:5px 12px;
  transition:transform 100ms, color 200ms ease-out, background-color 250ms ease-in-out, outline-color 200ms;
  transform:scale(1, 1);
  -webkit-text-decoration:none !important;
  text-decoration:none !important;
  color:var(--awx-color-accent);
}

a.awx-chip:not(.does-not-exist) .awx-icon,.awx-chip--checkbox:not(.does-not-exist) .awx-icon,.awx-chip.has-no-link .awx-icon,.awx-chip__link:not(.does-not-exist) .awx-icon,.awx-chip__link-close:not(.does-not-exist) .awx-icon{
    fill:var(--awx-color-accent);
  }

.awx-chip__link-close{
  margin:-5px -12px -5px 2px;
  padding-left:8px;
}

.awx-chip.has-no-link,
.awx-chip.has-close{
  padding-right:12px;
}

.awx-chip.has-close .awx-chip__link{
  padding-right:4px;
}

.awx-chip.has-close.has-link .awx-chip__link-close{
  margin-left:-2px;
  padding-left:4px;
}

.awx-chip.has-no-link .awx-chip__link-close{
  margin-left:0;
}

a.awx-chip.has-icon,
.awx-chip.has-icon .awx-chip__link{
  padding-left:12px;
}

.awx-chip.has-icon.has-no-link:not(.has-close){
  padding-right:16px;
}

.awx-chip--checkbox{
  padding:0 !important;
}

.awx-chip--checkbox .form-checkbox{
    display:none;
  }

.awx-chip--checkbox .form-item__label.option{
    display:block;
    margin:0 !important;
    padding:5px 12px;
  }

.awx-chip--checkbox.awx-chip--border:active,.awx-chip--checkbox.awx-chip--border.is-active{
    border-color:var(--awx-color-accent-active);
  }

a.awx-chip:hover,.awx-chip--checkbox:not(does-not-exist):hover,.awx-chip__link:not(does-not-exist):hover,.awx-chip__link-close:not(does-not-exist):hover{
    transform:scale(1.01, 1.01);
    color:var(--awx-white);
    background-color:var(--awx-color-accent-hover);
  }

a.awx-chip:hover .awx-icon,.awx-chip--checkbox:not(does-not-exist):hover .awx-icon,.awx-chip__link:not(does-not-exist):hover .awx-icon,.awx-chip__link-close:not(does-not-exist):hover .awx-icon{
      fill:var(--awx-white);
    }

a.awx-chip:focus,.awx-chip--checkbox:not(does-not-exist):focus,.awx-chip__link:not(does-not-exist):focus,.awx-chip__link-close:not(does-not-exist):focus{
    transform:scale(1.01, 1.01);
    color:var(--awx-white);
    background-color:var(--awx-color-focus);
  }

a.awx-chip:focus .awx-icon,.awx-chip--checkbox:not(does-not-exist):focus .awx-icon,.awx-chip__link:not(does-not-exist):focus .awx-icon,.awx-chip__link-close:not(does-not-exist):focus .awx-icon{
      fill:var(--awx-white);
    }

a.awx-chip:active{
    color:var(--awx-color-dominant-lighter);
    background-color:var(--awx-color-accent-active);
  }

.awx-chip--checkbox:not(does-not-exist):active{
    color:var(--awx-color-dominant-lighter);
    background-color:var(--awx-color-accent-active);
  }

.awx-chip__link:not(does-not-exist):active{
    color:var(--awx-color-dominant-lighter);
    background-color:var(--awx-color-accent-active);
  }

.awx-chip__link-close:not(does-not-exist):active{
    color:var(--awx-color-dominant-lighter);
    background-color:var(--awx-color-accent-active);
  }

a.is-active.awx-chip,.is-active.awx-chip--checkbox:not(does-not-exist),.is-active.awx-chip__link:not(does-not-exist),.is-active.awx-chip__link-close:not(does-not-exist){
    color:var(--awx-color-dominant-lighter);
    background-color:var(--awx-color-accent-active);
  }

a.awx-chip:active .awx-icon{
      fill:var(--awx-color-dominant-lighter);
    }

.awx-chip--checkbox:not(does-not-exist):active .awx-icon{
      fill:var(--awx-color-dominant-lighter);
    }

.awx-chip__link:not(does-not-exist):active .awx-icon{
      fill:var(--awx-color-dominant-lighter);
    }

.awx-chip__link-close:not(does-not-exist):active .awx-icon{
      fill:var(--awx-color-dominant-lighter);
    }

a.is-active.awx-chip .awx-icon,.is-active.awx-chip--checkbox:not(does-not-exist) .awx-icon,.is-active.awx-chip__link:not(does-not-exist) .awx-icon,.is-active.awx-chip__link-close:not(does-not-exist) .awx-icon{
      fill:var(--awx-color-dominant-lighter);
    }

a.is-active.awx-chip,.is-active.awx-chip--checkbox:not(does-not-exist),.is-active.awx-chip__link:not(does-not-exist),.is-active.awx-chip__link-close:not(does-not-exist){
    transform:scale(1.02, 1.02);
  }

[data-color-scheme="dark"] .awx-chip,
.awx-chip--dark,
a.awx-chip--dark,
.awx-chip--dark.has-no-link{
  color:var(--awx-white);
  border:1px solid var(--awx-color-light-line);
  background-color:var(--awx-color-accent);
}

[data-color-scheme="dark"] .awx-chip .awx-chip__link,.awx-chip--dark:not(.does-not-exist) .awx-chip__link,a.awx-chip--dark:not(.does-not-exist) .awx-chip__link,.awx-chip--dark.has-no-link .awx-chip__link,[data-color-scheme="dark"] .awx-chip .awx-chip__link-close,.awx-chip--dark:not(.does-not-exist) .awx-chip__link-close,a.awx-chip--dark:not(.does-not-exist) .awx-chip__link-close,.awx-chip--dark.has-no-link .awx-chip__link-close{
    color:var(--awx-white);
  }

[data-color-scheme="dark"] .awx-chip .awx-icon,.awx-chip--dark:not(.does-not-exist) .awx-icon,a.awx-chip--dark:not(.does-not-exist) .awx-icon,.awx-chip--dark.has-no-link .awx-icon{
    fill:var(--awx-white);
  }

.awx-chip--transparent{
  background-color:transparent !important;
}

.awx-chip--transparent:hover{
    color:var(--awx-color-accent-hover) !important;
    background-color:transparent !important;
  }

.awx-chip--transparent .awx-icon{
    fill:var(--awx-color-accent-hover) !important;
  }

.awx-chip--transparent a.awx-chip,.awx-chip--transparent .awx-chip__link,.awx-chip--transparent .awx-chip__link-close{
    background-color:transparent !important;
  }

[data-color-scheme="dark"] .awx-chip--transparent.awx-chip:hover,.awx-chip--transparent.awx-chip--dark:not(.does-not-exist):hover{
      color:var(--awx-white) !important;
    }

[data-color-scheme="dark"] .awx-chip--transparent.awx-chip .awx-icon,.awx-chip--transparent.awx-chip--dark:not(.does-not-exist) .awx-icon{
      fill:var(--awx-white) !important;
    }

.awx-chip--small{
  font-size:0.75rem;
}

.awx-chip--small a.awx-chip,.awx-chip--small.awx-chip.has-no-link,.awx-chip--small .awx-chip__link,.awx-chip--small .awx-chip__link-close{
    display:inline-block;
    padding:2px 7px;
  }

.awx-chip--small .awx-chip__link-close{
    margin:-2px -5px -2px 2px;
    padding-left:8px;
  }

.awx-chip--small.awx-chip.has-no-link,.awx-chip--small.awx-chip.has-close{
    padding-right:7px;
  }

.awx-chip--small.awx-chip.has-close .awx-chip__link{
    padding-right:4px;
  }

.awx-chip--small.awx-chip .awx-icon:not(.awx-icon--close){
    margin-right:2px;
  }

.awx-chip--small.awx-chip.has-close.has-link .awx-chip__link-close{
    margin-left:-2px;
    padding-left:4px;
  }

.awx-chip--small.awx-chip.has-no-link .awx-chip__link-close{
    margin-left:0;
  }

.awx-chip--small a.awx-chip.has-icon,.awx-chip--small.awx-chip.has-icon .awx-chip__link{
    padding-left:7px;
  }

.awx-chip--small.awx-chip.has-icon.has-no-link:not(.has-close){
    padding-right:8px;
  }