@font-face {
    font-family: "Maskkancare Icons";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/maskkancare-icons.woff2") format("woff2");
}

.fa-solid {
    display: inline-block;
    font-family: "Maskkancare Icons";
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    width: 1.25em;
}

.fa-solid::before { content: var(--fa); }
.fa-arrow-left { --fa: "\f060"; }
.fa-bolt { --fa: "\f0e7"; }
.fa-broom { --fa: "\f51a"; }
.fa-bug { --fa: "\f188"; }
.fa-chevron-left { --fa: "\f053"; }
.fa-chevron-right { --fa: "\f054"; }
.fa-circle { --fa: "\f111"; }
.fa-droplet { --fa: "\f043"; }
.fa-fire-burner { --fa: "\e4f1"; }
.fa-magnifying-glass-location { --fa: "\f689"; }
.fa-shield-halved { --fa: "\f3ed"; }
.fa-star { --fa: "\f005"; }
.fa-wind { --fa: "\f72e"; }