/* Font Awesome 6 Pro — subset (10 icons only) */

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

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

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

/* Base display */
.fa-solid, .fa-regular, .fa-light, .fas, .far, .fal {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fa-solid, .fas { font-weight: 900; }
.fa-regular, .far { font-weight: 400; }
.fa-light, .fal { font-weight: 300; }

.fa-solid::before, .fa-regular::before, .fa-light::before,
.fas::before, .far::before, .fal::before {
  content: var(--fa);
}

/* Icons */
.fa-play         { --fa: "\f04b"; }
.fa-eye          { --fa: "\f06e"; }
.fa-face-smile   { --fa: "\f5b8"; }
.fa-server       { --fa: "\f233"; }
.fa-pen-to-square{ --fa: "\f044"; }
.fa-thumbs-up    { --fa: "\f164"; }
.fa-thumbs-down  { --fa: "\f165"; }
.fa-tags         { --fa: "\f02c"; }
.fa-folders      { --fa: "\f660"; }
.fa-fire         { --fa: "\f06d"; }