/* Font Awesome 7 Sharp Duotone - Custom with absolute paths */

@font-face {
  font-family: "Font Awesome 7 Sharp Duotone";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("/fontawesome/webfonts/fa-sharp-duotone-light-300.woff2") format("woff2");
}

:root,
:host {
  --fa-family-sharp-duotone: "Font Awesome 7 Sharp Duotone";
  --fa-font-sharp-duotone-light: normal 300 1em/1 var(--fa-family-sharp-duotone);
  --fa-style-family-sharp-duotone: var(--fa-family-sharp-duotone);
}

/* Base icon classes */
.fa-sharp-duotone,
.fasdl {
  --fa-family: var(--fa-family-sharp-duotone);
  --_fa-family: var(--fa-family-sharp-duotone);
  font-family: var(--fa-family-sharp-duotone);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 300;
  line-height: 1;
  text-rendering: auto;
  position: relative;
  letter-spacing: normal;
}

/* Duotone layers */
.fa-sharp-duotone::before,
.fasdl::before {
  content: var(--fa);
  position: absolute;
  color: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.fa-sharp-duotone::after,
.fasdl::after {
  content: var(--fa);
  color: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

/* Light style */
.fa-light {
  --fa-style: 300;
}