/**
 *  for custom icons
 */
/**
 *  using :where for specificity reasons to not overwrite fontawesome contents
 */
:where(.fab, .fad, .fal, .far, .fas)::before {
    content: "\f111";
    -webkit-mask-image: var(--icon-svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    mask-image: var(--icon-svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center center;
}

:where(.fad)::after {
    content: "\10f111";
    -webkit-mask-image: var(--icon-svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    mask-image: var(--icon-svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center center;
}
.fa-math-count:before {
    content: "\f069 ";
    font-weight: bold;
}
.fa-math-sum:before {
    content: "\f68b";
    font-weight: 500;
}
.fa-math-average:before {
    content: "\2205";
    font-family: initial;
}
.fa-math-ceil:before {
    content: "\2308";
    font-family: initial;
}
.fa-math-floor:before {
    content: "\230A";
    font-family: initial;
}
.fa-math-integral:before {
    content: "\f667";
}
.fa-plus-thin:before {
    content: "\f067";
    font-weight: 300;
}
.fa-spin.fa-ease {
    animation-timing-function: cubic-bezier(0.45, 0.27, 0.1, 0.38);
}
.favourite.fa-heart:hover::before {
    content: "\f7a9";
}