/* ===========================================
   Phosphor Icons - Local Version (Fixed)
   https://phosphoricons.com/
   =========================================== */

/* ------ Font Face Declarations ------ */
@font-face {
  font-family: 'Phosphor';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('Phosphor.woff2') format('woff2'),
       url('Phosphor.woff') format('woff');
}

@font-face {
  font-family: 'Phosphor';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('Phosphor-Bold.woff2') format('woff2'),
       url('Phosphor-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Phosphor-Fill';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('Phosphor-Fill.woff2') format('woff2'),
       url('Phosphor-Fill.woff') format('woff');
}

/* ------ Base Icon Classes ------ */
[class^="ph-"],
[class*=" ph-"] {
  font-family: 'Phosphor', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Bold weight */
.ph-bold {
  font-family: 'Phosphor', sans-serif;
  font-weight: 700;
}

/* Fill weight */
.ph-fill {
  font-family: 'Phosphor-Fill', sans-serif;
  font-weight: 400;
}