/*
 * Phosphor icons for the storefront.
 *
 * The checkout, its success page, the warranty pages and the footer use
 * `ph ph-*` icons, but the storefront never loaded the font — so every one of
 * them rendered as an empty box. The admin panel's icons.min.css carries it,
 * at 4 MB with every icon set embedded; this is the same font file and only the
 * glyphs the storefront uses. Add a line here when a storefront view uses a new
 * one (the codes are in public/assets/css/icons.min.css).
 */
@font-face {
    font-family: "Phosphor";
    src: url("../fonts/Phosphor.woff2") format("woff2"),
         url("../fonts/Phosphor.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.ph {
    display: inline-flex;
}

.ph::before {
    font: normal normal normal 1em/1 "Phosphor";
    color: inherit;
    flex-shrink: 0;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ph-lock-key::before { content: "\f49e"; }
.ph-truck::before { content: "\f60c"; }
.ph-check-circle::before { content: "\f33f"; }
.ph-storefront::before { content: "\f5ba"; }
.ph-credit-card::before { content: "\f379"; }
.ph-user-plus::before { content: "\f61c"; }
.ph-user::before { content: "\f613"; }
.ph-sign-in::before { content: "\f581"; }
.ph-shield-check::before { content: "\f570"; }
.ph-receipt::before { content: "\f54f"; }
.ph-map-pin::before { content: "\f4ab"; }
.ph-user-circle::before { content: "\f614"; }
.ph-shopping-cart::before { content: "\f579"; }
.ph-paper-plane-tilt::before { content: "\f503"; }
.ph-package::before { content: "\f4fa"; }
.ph-map-trifold::before { content: "\f4ad"; }
.ph-list-checks::before { content: "\f499"; }
.ph-handshake::before { content: "\f458"; }
.ph-file-text::before { content: "\f3eb"; }
.ph-file-pdf::before { content: "\f3e5"; }
.ph-bank::before { content: "\f2bf"; }
.ph-arrow-left::before { content: "\f282"; }
.ph-check::before { content: "\f33e"; }
.ph-x::before { content: "\f642"; }
.ph-caret-down::before { content: "\f31a"; }
.ph-info::before { content: "\f478"; }
.ph-warning::before { content: "\f62c"; }