/* Icon shim.
   The storefront, order and admin templates still mark icons up as Font
   Awesome (<i class="fa fa-cart">), but the rebuilt frontend does not load
   that font, so every one of them rendered as nothing - an empty blue circle
   where the cart button should be, blank alert badges, bare buttons.
   Rather than pull in a webfont for ~30 glyphs, each one is drawn with a
   Unicode character. Icons here are decorative: the surrounding text carries
   the meaning, so they are hidden from assistive technology. */
.fa, [class*="fa-"]::before { font-style: normal; }
.fa, .fas, .far, .fab, .fa-solid, .fa-regular {
  display: inline-block;
  width: 1em;
  font-style: normal;
  line-height: 1;
  text-align: center;
  speak: never;
}
.fa::before, .fas::before, .far::before, .fab::before, .fa-solid::before, .fa-regular::before { content: ""; }
.fa-check::before, .fa-check-circle::before { content: "\2713"; }
.fa-times::before, .fa-times-circle::before, .fa-xmark::before { content: "\2715"; }
.fa-info-circle::before, .fa-circle-info::before { content: "\2139"; }
.fa-exclamation-triangle::before, .fa-triangle-exclamation::before { content: "\26A0"; }
.fa-exclamation-circle::before { content: "\0021"; }
.fa-question-circle::before { content: "\003F"; }
.fa-shopping-cart::before, .fa-cart-shopping::before { content: "\1F6D2"; }
.fa-credit-card::before { content: "\1F4B3"; }
.fa-dollar-sign::before { content: "\0024"; }
.fa-user::before { content: "\1F464"; }
.fa-home::before { content: "\2302"; }
.fa-search::before { content: "\1F50D"; }
.fa-print::before { content: "\1F5A8"; }
.fa-box::before, .fa-inbox::before { content: "\1F4E6"; }
.fa-truck::before { content: "\1F69A"; }
.fa-clock::before { content: "\1F550"; }
.fa-comment::before { content: "\1F4AC"; }
.fa-headset::before, .fa-life-ring::before { content: "\260E"; }
.fa-file-alt::before, .fa-file-contract::before { content: "\1F4C4"; }
.fa-map-marker-alt::before { content: "\1F4CD"; }
.fa-shield-alt::before { content: "\1F6E1"; }
.fa-rss::before { content: "\1F4E1"; }
.fa-arrow-left::before { content: "\2190"; }
.fa-arrow-down::before { content: "\2193"; }
.fa-sign-in-alt::before { content: "\2192"; }
.fa-sign-out::before, .fa-sign-out-alt::before { content: "\2192"; }
.fa-sync-alt::before, .fa-spinner::before { content: "\27F3"; }
.fa-2x { font-size: 2em; }
.fa-key::before { content: "\1F511"; }
.fa-users::before { content: "\1F465"; }
.fa-layer-group::before { content: "\29C9"; }
.fa-bars::before { content: "\2261"; }
.fa-barcode::before { content: "\2593"; }
.fa-desktop::before { content: "\1F5A5"; }
.fa-tv::before { content: "\1F4FA"; }
.fa-tablet::before { content: "\1F4F1"; }
.fa-plug::before { content: "\1F50C"; }
.fa-th-large::before { content: "\25A6"; }
.fa-balance-scale::before { content: "\2696"; }
.fa-spin { animation: fa-spin 1.6s linear infinite; }
@keyframes fa-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .fa-spin { animation: none; } }
/* Bootstrap glyphicons, used on icon-only buttons that render blank without
   the dropped Bootstrap icon font. */
.glyphicon { display: inline-block; width: 1em; font-style: normal; line-height: 1; text-align: center; }
.glyphicon-ok::before { content: "\2713"; }
.glyphicon-usd::before { content: "\0024"; }
.glyphicon-pencil::before { content: "\270E"; }
.glyphicon-log-in::before { content: "\2192"; }
.glyphicon-hand-right::before { content: "\261E"; }
.glyphicon-calendar::before { content: "\1F5D3"; }