@font-face {
            font-family: 'Font Awesome 6 Brands';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url('/fa/webfonts/fa-brands-400.woff2') format('woff2');
            }

            @font-face {
            font-family: 'Font Awesome 6 Free';
            font-style: normal;
            font-weight: 900;
            font-display: swap;
            src: url('/fa/webfonts/fa-solid-900.woff2') format('woff2');
            }

            .fa, .fa-brands, .fa-solid {
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            }

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

            .fa-solid {
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            }

            .fa-square-facebook::before { content: "\f082"; }
            .fa-square-x-twitter::before { content: "\e61a"; }
            .fa-square-reddit::before { content: "\f1a2"; }
            .fa-square-pinterest::before { content: "\f0d3"; }
            .fa-square-bluesky::before { content: "\e6a3"; }
            .fa-thumbs-up::before { content: "\f164"; }
            .fa-thumbs-down::before { content: "\f165"; }
            .fa-yin-yang::before { content: "\f6ad"; }

            .fa-spin {
            animation: fa-spin 2s infinite linear;
            }
            @keyframes fa-spin {
            0% { transform: rotate(0deg);}
            100% { transform: rotate(360deg);}
            }