@font-face {
  font-family: "Phosphor";
  src:
    url("./Phosphor.ttf") format("truetype"),;
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.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-archive:before { content: "\e00c"; }
.ph.ph-arrow-clockwise:before { content: "\e036"; }
.ph.ph-arrow-counter-clockwise:before { content: "\e038"; }
.ph.ph-arrow-down:before { content: "\e03e"; }
.ph.ph-arrow-down-left:before { content: "\e040"; }
.ph.ph-arrow-fat-lines-up:before { content: "\e52a"; }
.ph.ph-arrow-left:before { content: "\e058"; }
.ph.ph-arrow-right:before { content: "\e06c"; }
.ph.ph-arrow-square-out:before { content: "\e5de"; }
.ph.ph-arrow-up:before { content: "\e08e"; }
.ph.ph-arrow-up-right:before { content: "\e092"; }
.ph.ph-arrows-clockwise:before { content: "\e094"; }
.ph.ph-arrows-down-up:before { content: "\e098"; }
.ph.ph-arrows-left-right:before { content: "\e0a0"; }
.ph.ph-bell:before { content: "\e0ce"; }
.ph.ph-bug:before { content: "\e5f4"; }
.ph.ph-buildings:before { content: "\e102"; }
.ph.ph-calculator:before { content: "\e538"; }
.ph.ph-calendar-blank:before { content: "\e10a"; }
.ph.ph-calendar-check:before { content: "\e712"; }
.ph.ph-cards-three:before { content: "\ee50"; }
.ph.ph-caret-double-left:before { content: "\e128"; }
.ph.ph-caret-double-right:before { content: "\e12a"; }
.ph.ph-caret-down:before { content: "\e136"; }
.ph.ph-caret-left:before { content: "\e138"; }
.ph.ph-caret-right:before { content: "\e13a"; }
.ph.ph-caret-up:before { content: "\e13c"; }
.ph.ph-chart-line:before { content: "\e154"; }
.ph.ph-chart-line-up:before { content: "\e156"; }
.ph.ph-chat-circle:before { content: "\e168"; }
.ph.ph-chat-circle-dots:before { content: "\e16c"; }
.ph.ph-chat-circle-text:before { content: "\e16e"; }
.ph.ph-check:before { content: "\e182"; }
.ph.ph-check-circle:before { content: "\e184"; }
.ph.ph-checks:before { content: "\e53a"; }
.ph.ph-clipboard-text:before { content: "\e198"; }
.ph.ph-clock:before { content: "\e19a"; }
.ph.ph-clock-countdown:before { content: "\ed2c"; }
.ph.ph-clock-counter-clockwise:before { content: "\e1a0"; }
.ph.ph-cloud-arrow-down:before { content: "\e1ac"; }
.ph.ph-cloud-arrow-up:before { content: "\e1ae"; }
.ph.ph-coin:before { content: "\e60e"; }
.ph.ph-columns:before { content: "\e546"; }
.ph.ph-copy:before { content: "\e1ca"; }
.ph.ph-cow:before { content: "\eabe"; }
.ph.ph-currency-eur:before { content: "\e554"; }
.ph.ph-dots-six-vertical:before { content: "\eae2"; }
.ph.ph-dots-three:before { content: "\e1fe"; }
.ph.ph-download-simple:before { content: "\e20c"; }
.ph.ph-envelope:before { content: "\e214"; }
.ph.ph-eye:before { content: "\e220"; }
.ph.ph-file:before { content: "\e230"; }
.ph.ph-file-arrow-up:before { content: "\e61e"; }
.ph.ph-file-csv:before { content: "\eb1c"; }
.ph.ph-file-pdf:before { content: "\e702"; }
.ph.ph-file-text:before { content: "\e23a"; }
.ph.ph-floppy-disk:before { content: "\e248"; }
.ph.ph-folder-open:before { content: "\e256"; }
.ph.ph-folders:before { content: "\e260"; }
.ph.ph-fork-knife:before { content: "\e262"; }
.ph.ph-funnel:before { content: "\e266"; }
.ph.ph-headset:before { content: "\e584"; }
.ph.ph-house:before { content: "\e2c2"; }
.ph.ph-identification-card:before { content: "\e2c8"; }
.ph.ph-image:before { content: "\e2ca"; }
.ph.ph-image-square:before { content: "\e2cc"; }
.ph.ph-info:before { content: "\e2ce"; }
.ph.ph-kanban:before { content: "\eb54"; }
.ph.ph-key:before { content: "\e2d6"; }
.ph.ph-leaf:before { content: "\e2da"; }
.ph.ph-lightbulb:before { content: "\e2dc"; }
.ph.ph-lightning:before { content: "\e2de"; }
.ph.ph-link:before { content: "\e2e2"; }
.ph.ph-link-break:before { content: "\e2e4"; }
.ph.ph-list:before { content: "\e2f0"; }
.ph.ph-list-bullets:before { content: "\e2f2"; }
.ph.ph-list-checks:before { content: "\eadc"; }
.ph.ph-magic-wand:before { content: "\e6b6"; }
.ph.ph-magnifying-glass:before { content: "\e30c"; }
.ph.ph-map-pin:before { content: "\e316"; }
.ph.ph-microphone:before { content: "\e326"; }
.ph.ph-moon:before { content: "\e330"; }
.ph.ph-note-pencil:before { content: "\e34c"; }
.ph.ph-package:before { content: "\e390"; }
.ph.ph-paper-plane-right:before { content: "\e396"; }
.ph.ph-paper-plane-tilt:before { content: "\e398"; }
.ph.ph-pause:before { content: "\e39e"; }
.ph.ph-pencil:before { content: "\e3ae"; }
.ph.ph-pencil-simple:before { content: "\e3b4"; }
.ph.ph-plus:before { content: "\e3d4"; }
.ph.ph-pulse:before { content: "\e000"; }
.ph.ph-question:before { content: "\e3e8"; }
.ph.ph-receipt:before { content: "\e3ec"; }
.ph.ph-repeat:before { content: "\e3f6"; }
.ph.ph-shopping-cart:before { content: "\e41e"; }
.ph.ph-sign-out:before { content: "\e42a"; }
.ph.ph-smiley:before { content: "\e436"; }
.ph.ph-sparkle:before { content: "\e6a2"; }
.ph.ph-spinner:before { content: "\e66a"; }
.ph.ph-stack:before { content: "\e466"; }
.ph.ph-sun-dim:before { content: "\e474"; }
.ph.ph-tag:before { content: "\e478"; }
.ph.ph-target:before { content: "\e47c"; }
.ph.ph-timer:before { content: "\e492"; }
.ph.ph-translate:before { content: "\e4a2"; }
.ph.ph-trash:before { content: "\e4a6"; }
.ph.ph-tray:before { content: "\e4aa"; }
.ph.ph-trend-down:before { content: "\e4ac"; }
.ph.ph-trend-up:before { content: "\e4ae"; }
.ph.ph-truck:before { content: "\e4b4"; }
.ph.ph-upload-simple:before { content: "\e4c0"; }
.ph.ph-user:before { content: "\e4c2"; }
.ph.ph-user-circle:before { content: "\e4c4"; }
.ph.ph-user-circle-check:before { content: "\ec38"; }
.ph.ph-users-three:before { content: "\e68e"; }
.ph.ph-video:before { content: "\e740"; }
.ph.ph-warehouse:before { content: "\ecd4"; }
.ph.ph-warning:before { content: "\e4e0"; }
.ph.ph-warning-circle:before { content: "\e4e2"; }
.ph.ph-warning-octagon:before { content: "\e4e4"; }
.ph.ph-wave-sawtooth:before { content: "\ea9c"; }
.ph.ph-wrench:before { content: "\e5d4"; }
.ph.ph-x:before { content: "\e4f6"; }
.ph.ph-x-circle:before { content: "\e4f8"; }