/* QuickPick storefront icons.
 *
 * Font Awesome 6.4.0, self-hosted and subset to the 51 icons this
 * storefront uses. The CDN build was 102 KB of CSS (97.6% of it unused here)
 * plus 283 KB of fonts, from a third-party origin the browser had to connect
 * to before it could draw a single icon.
 *
 * Regenerate with scratchpad/subsetfa.js when an icon is added: an icon that
 * is not in this file renders as a blank box.
 */

@font-face {
    font-family: "QuickPick Icons Solid";
    font-style: normal;
    font-weight: 900;
    /* swap: the text is readable immediately and icons arrive when they
       arrive. These are decorations; nothing waits for them. */
    font-display: swap;
    src: url("/fonts/icons/quickpick-icons-solid.woff2") format("woff2");
}

@font-face {
    font-family: "QuickPick Icons Regular";
    font-style: normal;
    font-weight: 400;
    /* swap: the text is readable immediately and icons arrive when they
       arrive. These are decorations; nothing waits for them. */
    font-display: swap;
    src: url("/fonts/icons/quickpick-icons-regular.woff2") format("woff2");
}

@font-face {
    font-family: "QuickPick Icons Brands";
    font-style: normal;
    font-weight: 400;
    /* swap: the text is readable immediately and icons arrive when they
       arrive. These are decorations; nothing waits for them. */
    font-display: swap;
    src: url("/fonts/icons/quickpick-icons-brands.woff2") format("woff2");
}

/* The families, in Font Awesome's own class names so no markup changed. */
.fa-solid, .fas { font-family: "QuickPick Icons Solid"; font-weight: 900; }
.fa-regular, .far { font-family: "QuickPick Icons Regular"; font-weight: 400; }
.fa-brands, .fab { font-family: "QuickPick Icons Brands"; font-weight: 400; }

.fa-solid, .fas, .fa-regular, .far, .fa-brands, .fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}

/* Sizing and layout helpers the storefront uses. */
.fa-fw { text-align: center; width: 1.25em; }

.fa-arrow-left::before { content: "\f060"; }
.fa-arrow-right-long::before { content: "\f178"; }
.fa-arrow-right::before { content: "\f061"; }
.fa-bars::before { content: "\f0c9"; }
.fa-bolt::before { content: "\f0e7"; }
.fa-cart-arrow-down::before { content: "\f218"; }
.fa-cart-plus::before { content: "\f217"; }
.fa-cart-shopping::before { content: "\f07a"; }
.fa-chevron-down::before { content: "\f078"; }
.fa-chevron-left::before { content: "\f053"; }
.fa-chevron-right::before { content: "\f054"; }
.fa-circle-check::before { content: "\f058"; }
.fa-circle-info::before { content: "\f05a"; }
.fa-circle-xmark::before { content: "\f057"; }
.fa-clipboard-check::before { content: "\f46c"; }
.fa-clock::before { content: "\f017"; }
.fa-compass::before { content: "\f14e"; }
.fa-copy::before { content: "\f0c5"; }
.fa-credit-card::before { content: "\f09d"; }
.fa-envelope::before { content: "\f0e0"; }
.fa-face-frown::before { content: "\f119"; }
.fa-facebook-f::before { content: "\f39e"; }
.fa-gift::before { content: "\f06b"; }
.fa-hand-holding-dollar::before { content: "\f4c0"; }
.fa-headset::before { content: "\f590"; }
.fa-heart::before { content: "\f004"; }
.fa-house::before { content: "\f015"; }
.fa-image::before { content: "\f03e"; }
.fa-instagram::before { content: "\f16d"; }
.fa-location-dot::before { content: "\f3c5"; }
.fa-magnifying-glass::before { content: "\f002"; }
.fa-minus::before { content: "\f068"; }
.fa-paper-plane::before { content: "\f1d8"; }
.fa-phone::before { content: "\f095"; }
.fa-plus::before { content: "\2b"; }
.fa-rotate-left::before { content: "\f2ea"; }
.fa-shield-halved::before { content: "\f3ed"; }
.fa-sliders::before { content: "\f1de"; }
.fa-star-half-stroke::before { content: "\f5c0"; }
.fa-star::before { content: "\f005"; }
.fa-store::before { content: "\f54e"; }
.fa-tag::before { content: "\f02b"; }
.fa-tags::before { content: "\f02c"; }
.fa-tiktok::before { content: "\e07b"; }
.fa-trash-can::before { content: "\f2ed"; }
.fa-truck-fast::before { content: "\f48b"; }
.fa-truck::before { content: "\f0d1"; }
.fa-user::before { content: "\f007"; }
.fa-whatsapp::before { content: "\f232"; }
.fa-xmark::before { content: "\f00d"; }
.fa-youtube::before { content: "\f167"; }
