:host,
:root {
  --fa-family-sharp: "Font Awesome 7 Sharp";
  --fa-font-sharp-solid: normal 900 1em/1 var(--fa-family-sharp);
  --fa-font-sharp-regular: normal 400 1em/1 var(--fa-family-sharp);
  --fa-font-sharp-light: normal 300 1em/1 var(--fa-family-sharp);
  --fa-font-sharp-thin: normal 100 1em/1 var(--fa-family-sharp);
  --fa-style-family-sharp: var(--fa-family-sharp);
}

@font-face {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../webfonts/fa-sharp-solid-900.woff2");
}

@font-face {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-sharp-regular-400.woff2");
}

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

@font-face {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  font-weight: 100;
  font-display: block;
  src: url("../webfonts/fa-sharp-thin-100.woff2");
}

.fa-sharp {
  --fa-family: var(--fa-family-sharp);
}

.fass {
  --fa-family: var(--fa-family-sharp);
  --fa-style: 900;
}

.fasr {
  --fa-family: var(--fa-family-sharp);
  --fa-style: 400;
}

.fasl {
  --fa-family: var(--fa-family-sharp);
  --fa-style: 300;
}

.fast {
  --fa-family: var(--fa-family-sharp);
  --fa-style: 100;
}