/* Critical FontAwesome Icons - Only icons used on homepage */
/* This reduces fontawesome.min.css from 103KB to ~3KB */

/* Font Awesome Font Files */
@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"),
        url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/fontawesome/fa-brands-400.woff2") format("woff2"),
        url("../fonts/fontawesome/fa-brands-400.ttf") format("truetype");
}

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

/* Solid Icons */
.fa-solid {
    font-family: "Font Awesome 6 Free";
    font-weight: 900
}

.fa-brands {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

/* Icon definitions - only used icons */
.fa-paste:before {
    content: "\f0ea"
}

.fa-circle-arrow-down:before {
    content: "\f0ab"
}

.fa-mug-hot:before {
    content: "\f7b6"
}

.fa-circle-info:before {
    content: "\f05a"
}

.fa-cloud-arrow-down:before {
    content: "\f0ed"
}

.fa-circle-question:before {
    content: "\f059"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-circle-play:before {
    content: "\f144"
}

.fa-shield-halved:before {
    content: "\f3ed"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-moon:before {
    content: "\f186"
}

.fa-sun:before {
    content: "\f185"
}

.fa-grip:before {
    content: "\f58d"
}

.fa-bars:before {
    content: "\f0c9"
}

.fa-house:before {
    content: "\f015"
}

.fa-ellipsis:before {
    content: "\f141"
}

.fa-download:before {
    content: "\f019"
}

.fa-video:before {
    content: "\f03d"
}

.fa-music:before {
    content: "\f001"
}

.fa-user:before {
    content: "\f007"
}

.fa-calendar-days:before {
    content: "\f073"
}

.fa-clock:before {
    content: "\f017"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-circle-user:before {
    content: "\f2bd"
}

.fa-spinner:before {
    content: "\f110"
}

/* Brands */
.fa-facebook:before {
    content: "\f09a"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-chrome:before {
    content: "\f268"
}

/* Spinner animation */
.fa-spin {
    animation: fa-spin 2s infinite linear
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}