/* GHOST SHOP local icon system
   Original SVG icons stored in static/icons. No CDN or internet connection is required. */
.fa-solid, .fa-regular {
  --ghost-icon: none;
  display: inline-grid;
  place-items: center;
  vertical-align: -0.125em;
  font-style: normal;
  line-height: 1;
  flex: 0 0 auto;
}
.fa-solid::before, .fa-regular::before {
  content: "";
  width: 1em;
  height: 1em;
  display: block;
  background-color: currentColor;
  -webkit-mask: var(--ghost-icon) center / contain no-repeat;
  mask: var(--ghost-icon) center / contain no-repeat;
}
.fa-spin::before { animation: ghost-icon-spin .9s linear infinite; }
@keyframes ghost-icon-spin { to { transform: rotate(360deg); } }
.fa-arrow-left { --ghost-icon: url("../icons/arrow-left.svg"); }
.fa-at { --ghost-icon: url("../icons/at.svg"); }
.fa-bag-shopping { --ghost-icon: url("../icons/bag-shopping.svg"); }
.fa-bars { --ghost-icon: url("../icons/bars.svg"); }
.fa-box { --ghost-icon: url("../icons/box.svg"); }
.fa-box-open { --ghost-icon: url("../icons/box-open.svg"); }
.fa-cart-plus { --ghost-icon: url("../icons/cart-plus.svg"); }
.fa-cart-shopping { --ghost-icon: url("../icons/cart-shopping.svg"); }
.fa-chart-column { --ghost-icon: url("../icons/chart-column.svg"); }
.fa-chart-line { --ghost-icon: url("../icons/chart-line.svg"); }
.fa-chevron-left { --ghost-icon: url("../icons/chevron-left.svg"); }
.fa-chevron-right { --ghost-icon: url("../icons/chevron-right.svg"); }
.fa-circle-info { --ghost-icon: url("../icons/circle-info.svg"); }
.fa-coins { --ghost-icon: url("../icons/coins.svg"); }
.fa-envelope { --ghost-icon: url("../icons/envelope.svg"); }
.fa-eye { --ghost-icon: url("../icons/eye.svg"); }
.fa-eye-slash { --ghost-icon: url("../icons/eye-slash.svg"); }
.fa-filter { --ghost-icon: url("../icons/filter.svg"); }
.fa-fingerprint { --ghost-icon: url("../icons/fingerprint.svg"); }
.fa-gear { --ghost-icon: url("../icons/gear.svg"); }
.fa-gem { --ghost-icon: url("../icons/gem.svg"); }
.fa-ghost { --ghost-icon: url("../icons/ghost.svg"); }
.fa-grip-vertical { --ghost-icon: url("../icons/grip-vertical.svg"); }
.fa-hat-cowboy-side { --ghost-icon: url("../icons/hat-cowboy-side.svg"); }
.fa-id-card { --ghost-icon: url("../icons/id-card.svg"); }
.fa-images { --ghost-icon: url("../icons/images.svg"); }
.fa-key { --ghost-icon: url("../icons/key.svg"); }
.fa-link { --ghost-icon: url("../icons/link.svg"); }
.fa-lock { --ghost-icon: url("../icons/lock.svg"); }
.fa-magnifying-glass { --ghost-icon: url("../icons/magnifying-glass.svg"); }
.fa-mask-face { --ghost-icon: url("../icons/mask-face.svg"); }
.fa-mitten { --ghost-icon: url("../icons/mitten.svg"); }
.fa-palette { --ghost-icon: url("../icons/palette.svg"); }
.fa-pen { --ghost-icon: url("../icons/pen.svg"); }
.fa-person { --ghost-icon: url("../icons/person.svg"); }
.fa-phone { --ghost-icon: url("../icons/phone.svg"); }
.fa-plus { --ghost-icon: url("../icons/plus.svg"); }
.fa-receipt { --ghost-icon: url("../icons/receipt.svg"); }
.fa-repeat { --ghost-icon: url("../icons/repeat.svg"); }
.fa-shield-halved { --ghost-icon: url("../icons/shield-halved.svg"); }
.fa-shirt { --ghost-icon: url("../icons/shirt.svg"); }
.fa-shoe-prints { --ghost-icon: url("../icons/shoe-prints.svg"); }
.fa-spinner { --ghost-icon: url("../icons/spinner.svg"); }
.fa-tag { --ghost-icon: url("../icons/tag.svg"); }
.fa-triangle-exclamation { --ghost-icon: url("../icons/triangle-exclamation.svg"); }
.fa-user { --ghost-icon: url("../icons/user.svg"); }
.fa-user-lock { --ghost-icon: url("../icons/user-lock.svg"); }
.fa-user-pen { --ghost-icon: url("../icons/user-pen.svg"); }
.fa-user-plus { --ghost-icon: url("../icons/user-plus.svg"); }
.fa-user-shield { --ghost-icon: url("../icons/user-shield.svg"); }
.fa-users { --ghost-icon: url("../icons/users.svg"); }
.fa-users-gear { --ghost-icon: url("../icons/users-gear.svg"); }
.fa-vest-patches { --ghost-icon: url("../icons/vest-patches.svg"); }
.fa-wand-magic-sparkles { --ghost-icon: url("../icons/wand-magic-sparkles.svg"); }
.fa-warehouse { --ghost-icon: url("../icons/warehouse.svg"); }

.fa-kscoin { --ghost-icon: url("../icons/kscoin-cp.svg"); }

.fa-truck-fast { --ghost-icon: url("../icons/truck-fast.svg"); }
.fa-ruler-combined { --ghost-icon: url("../icons/ruler-combined.svg"); }
