@font-face {
    font-family: "icons";
    src: url("fonts/icons.woff2") format("woff2"),
        url("fonts/icons.ttf") format("truetype"),
        url("fonts/icons.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
.icon, [class^="icon-"], [class*=" icon-"] {
    /* Use !important to prevent extensions from overriding this font. */
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
:root {
    --icon-linkedin: "\f23f";
    --icon-threads: "\f879";
    --icon-xbox: "\f27a";
    --icon-steam: "\fbf6";
    --icon-twitter: "\f0d3";
    --icon-x: "\f917";
    --icon-github: "\fa65";
    --icon-mastodon: "\f927";
    --icon-bluesky: "\f765";
}
.icon-linkedin:before {
    content: var(--icon-linkedin);
}
.icon-threads:before {
    content: var(--icon-threads);
}
.icon-xbox:before {
    content: var(--icon-xbox);
}
.icon-steam:before {
    content: var(--icon-steam);
}
.icon-twitter:before {
    content: var(--icon-twitter);
}
.icon-x:before {
    content: var(--icon-x);
}
.icon-github:before {
    content: var(--icon-github);
}
.icon-mastodon:before {
    content: var(--icon-mastodon);
}
.icon-bluesky:before {
    content: var(--icon-bluesky);
}