:root, :host { --fa-style-family-duotone: 'Font Awesome 6 Duotone'; --fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone'; } @font-face { font-family: 'Font Awesome 6 Duotone'; font-style: normal; font-weight: 900; font-display: block; src: url("../webfonts/fa-duotone-900.woff2") format("woff2"), url("../webfonts/fa-duotone-900.ttf") format("truetype"); } .fad, .fa-duotone { position: relative; font-weight: 900; letter-spacing: normal; } .fad::before, .fa-duotone::before { position: absolute; color: var(--fa-primary-color, inherit); opacity: var(--fa-primary-opacity, 1); } .fad::after, .fa-duotone::after { color: var(--fa-secondary-color, inherit); opacity: var(--fa-secondary-opacity, 0.4); } .fa-swap-opacity .fad::before, .fa-swap-opacity .fa-duotone::before, .fad.fa-swap-opacity::before, .fa-duotone.fa-swap-opacity::before { opacity: var(--fa-secondary-opacity, 0.4); } .fa-swap-opacity .fad::after, .fa-swap-opacity .fa-duotone::after, .fad.fa-swap-opacity::after, .fa-duotone.fa-swap-opacity::after { opacity: var(--fa-primary-opacity, 1); } .fad.fa-inverse, .fa-duotone.fa-inverse { color: var(--fa-inverse, #fff); } .fad.fa-stack-1x, .fad.fa-stack-2x, .fa-duotone.fa-stack-1x, .fa-duotone.fa-stack-2x { position: absolute; }