:root, :host {
  --fa-family-duotone: 'Font Awesome 7 Duotone';
  --fa-font-duotone-solid: normal 900 1em/1 var(--fa-family-duotone);
  /* deprecated: this older custom property will be removed next major release */
  --fa-style-family-duotone: var(--fa-family-duotone);
}

@font-face {
  font-family: "Font Awesome 7 Duotone";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../webfonts/fa-duotone-900.woff2");
}

.fad {
  --fa-family: var(--fa-family-duotone);
  --fa-style: 900;
  position: relative;
  letter-spacing: normal;
}

.fa-duotone {
  --fa-family: var(--fa-family-duotone);
  position: relative;
  letter-spacing: normal;
}

.fa-solid {
  --fa-style: 900;
}

.fad::before,
.fa-duotone::before {
  position: absolute;
  color: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.fad::after,
.fa-duotone::after {
  color: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

.fa-swap-opacity .fad::before,
.fa-swap-opacity .fa-duotone::before,
.fa-swap-opacity.fad::before,
.fa-swap-opacity.fa-duotone::before {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.fa-swap-opacity .fad::after,
.fa-swap-opacity .fa-duotone::after,
.fa-swap-opacity.fad::after,
.fa-swap-opacity.fa-duotone::after {
  opacity: var(--fa-primary-opacity, 1);
}

.fa-li.fad,
.fa-li.fa-duotone,
.fa-stack-1x.fad,
.fa-stack-1x.fa-duotone,
.fa-stack-2x.fad,
.fa-stack-2x.fa-duotone {
  position: absolute;
}
