@font-face {
  font-family: "Phosphor";
  src: url("/fonts/phosphor-regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.ph {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ph.ph-address-book:before {
  content: "\e6f8";
}

.ph.ph-airplane:before {
  content: "\e002";
}

.ph.ph-broadcast:before {
  content: "\e0f2";
}

.ph.ph-browser:before {
  content: "\e0f4";
}

.ph.ph-buildings:before {
  content: "\e102";
}

.ph.ph-car:before {
  content: "\e112";
}

.ph.ph-cash-register:before {
  content: "\ed80";
}

.ph.ph-chart-bar:before {
  content: "\e150";
}

.ph.ph-chart-line-up:before {
  content: "\e156";
}
.ph.ph-chart-pie:before {
  content: "\e158";
}

.ph.ph-cpu:before {
  content: "\e610";
}

.ph.ph-device-mobile:before {
  content: "\e1e0";
}

.ph.ph-factory:before {
  content: "\e760";
}

.ph.ph-flask:before {
  content: "\e79e";
}

.ph.ph-game-controller:before {
  content: "\e26e";
}

.ph.ph-globe:before {
  content: "\e288";
}

.ph.ph-graduation-cap:before {
  content: "\e62c";
}

.ph.ph-handshake:before {
  content: "\e582";
}

.ph.ph-headset:before {
  content: "\e584";
}

.ph.ph-link-simple:before {
  content: "\e2e6";
}

.ph.ph-moon:before {
  content: "\e330";
}

.ph.ph-pill:before {
  content: "\e700";
}

.ph.ph-puzzle-piece:before {
  content: "\e596";
}

.ph.ph-shopping-bag:before {
  content: "\e416";
}

.ph.ph-storefront:before {
  content: "\e470";
}

.ph.ph-sun:before {
  content: "\e472";
}

.ph.ph-tree-structure:before {
  content: "\e67c";
}

.ph.ph-truck:before {
  content: "\e4b4";
}

.ph.ph-warehouse:before {
  content: "\ecd4";
}