/*
 * Custom Font Awesome 6 Free - woff2 only
 * Works with the web package that ships only woff2 files.
 */

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('webfonts/fa-solid-900.woff2') format('woff2');
}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('webfonts/fa-regular-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('webfonts/fa-brands-400.woff2') format('woff2');
}

/* Base icon class */
.fa,
.fas,
.fa-solid,
.far,
.fa-regular,
.fab,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fas,
.fa-solid {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
}

.far,
.fa-regular {
  font-family: 'Font Awesome 6 Free';
  font-weight: 400;
}

.fab,
.fa-brands {
  font-family: 'Font Awesome 6 Brands';
  font-weight: 400;
}

/* Icon unicode mappings - the icons we use in the project */
.fa-tooth::before { content: "\f5c9"; }
.fa-feather::before { content: "\f52d"; }
.fa-font::before { content: "\f031"; }
.fa-bold::before { content: "\f032"; }
.fa-heading::before { content: "\f1dc"; }
.fa-star::before { content: "\f005"; }
.fa-message::before { content: "\f27a"; }
.fa-phone::before { content: "\f095"; }
.fa-paper-plane::before { content: "\f1d8"; }
.fa-gear::before { content: "\f013"; }
.fa-clock-rotate-left::before { content: "\f1da"; }
.fa-trash::before { content: "\f1f8"; }
.fa-circle-check::before { content: "\f058"; }
.fa-magnifying-glass::before { content: "\f002"; }
.fa-plus::before { content: "\2b"; }
.fa-pen-to-square::before { content: "\f044"; }
.fa-xmark::before { content: "\f00d"; }
.fa-check::before { content: "\f00c"; }
.fa-circle-info::before { content: "\f05a"; }
.fa-triangle-exclamation::before { content: "\f071"; }
.fa-wallet::before { content: "\f555"; }
.fa-user-doctor::before { content: "\f0f0"; }
.fa-syringe::before { content: "\f48e"; }
.fa-spinner::before { content: "\f110"; }

/* Spin animation for loading icons */
@keyframes fa-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.fa-spin {
  animation: fa-spin 2s linear infinite;
}
