diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0de4b106..3ae73b8d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,7 +8,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [Unreleased](https://github.com/nationalarchives/tna-frontend/compare/v0.5.0...HEAD)
 
 ### Added
+
+- More tracking added to galleries and sidebars
+
 ### Changed
+
+- Update Font Awesome from `6.4.2` to `6.7.2`
+
 ### Deprecated
 ### Removed
 ### Fixed
diff --git a/src/nationalarchives/assets/fonts/fa-brands-400.ttf b/src/nationalarchives/assets/fonts/fa-brands-400.ttf
index 30f55b74..0f82a836 100644
Binary files a/src/nationalarchives/assets/fonts/fa-brands-400.ttf and b/src/nationalarchives/assets/fonts/fa-brands-400.ttf differ
diff --git a/src/nationalarchives/assets/fonts/fa-brands-400.woff2 b/src/nationalarchives/assets/fonts/fa-brands-400.woff2
index 8a480d9b..3c5cf97e 100644
Binary files a/src/nationalarchives/assets/fonts/fa-brands-400.woff2 and b/src/nationalarchives/assets/fonts/fa-brands-400.woff2 differ
diff --git a/src/nationalarchives/assets/fonts/fa-solid-900.ttf b/src/nationalarchives/assets/fonts/fa-solid-900.ttf
index e479fb29..1c10972e 100644
Binary files a/src/nationalarchives/assets/fonts/fa-solid-900.ttf and b/src/nationalarchives/assets/fonts/fa-solid-900.ttf differ
diff --git a/src/nationalarchives/assets/fonts/fa-solid-900.woff2 b/src/nationalarchives/assets/fonts/fa-solid-900.woff2
index 88b0367a..16721020 100644
Binary files a/src/nationalarchives/assets/fonts/fa-solid-900.woff2 and b/src/nationalarchives/assets/fonts/fa-solid-900.woff2 differ
diff --git a/src/nationalarchives/font-awesome.scss b/src/nationalarchives/font-awesome.scss
index 3206536f..39f08768 100644
--- a/src/nationalarchives/font-awesome.scss
+++ b/src/nationalarchives/font-awesome.scss
@@ -3,4 +3,4 @@
 $fa-font-path: assets.$fa-font-path;
 @import "lib/font-awesome/fontawesome";
 @import "lib/font-awesome/solid";
-// @import "lib/font-awesome/brands";
+@import "lib/font-awesome/brands";
diff --git a/src/nationalarchives/lib/font-awesome/LICENSE.txt b/src/nationalarchives/lib/font-awesome/LICENSE.txt
new file mode 100644
index 00000000..e69c5e39
--- /dev/null
+++ b/src/nationalarchives/lib/font-awesome/LICENSE.txt
@@ -0,0 +1,165 @@
+Fonticons, Inc. (https://fontawesome.com)
+
+--------------------------------------------------------------------------------
+
+Font Awesome Free License
+
+Font Awesome Free is free, open source, and GPL friendly. You can use it for
+commercial projects, open source projects, or really almost whatever you want.
+Full Font Awesome Free license: https://fontawesome.com/license/free.
+
+--------------------------------------------------------------------------------
+
+# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/)
+
+The Font Awesome Free download is licensed under a Creative Commons
+Attribution 4.0 International License and applies to all icons packaged
+as SVG and JS file types.
+
+--------------------------------------------------------------------------------
+
+# Fonts: SIL OFL 1.1 License
+
+In the Font Awesome Free download, the SIL OFL license applies to all icons
+packaged as web and desktop font files.
+
+Copyright (c) 2024 Fonticons, Inc. (https://fontawesome.com)
+with Reserved Font Name: "Font Awesome".
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+SIL OPEN FONT LICENSE
+Version 1.1 - 26 February 2007
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting — in part or in whole — any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
+
+--------------------------------------------------------------------------------
+
+# Code: MIT License (https://opensource.org/licenses/MIT)
+
+In the Font Awesome Free download, the MIT license applies to all non-font and
+non-icon files.
+
+Copyright 2024 Fonticons, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in the
+Software without restriction, including without limitation the rights to use, copy,
+modify, merge, publish, distribute, sublicense, and/or sell copies of the Software,
+and to permit persons to whom the Software is furnished to do so, subject to the
+following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+--------------------------------------------------------------------------------
+
+# Attribution
+
+Attribution is required by MIT, SIL OFL, and CC BY licenses. Downloaded Font
+Awesome Free files already contain embedded comments with sufficient
+attribution, so you shouldn't need to do anything additional when using these
+files normally.
+
+We've kept attribution comments terse, so we ask that you do not actively work
+to remove them from files, especially code. They're a great way for folks to
+learn about Font Awesome.
+
+--------------------------------------------------------------------------------
+
+# Brand Icons
+
+All brand icons are trademarks of their respective owners. The use of these
+trademarks does not indicate endorsement of the trademark holder by Font
+Awesome, nor vice versa. **Please do not use brand logos for any purpose except
+to represent the company, product, or service to which they refer.**
diff --git a/src/nationalarchives/lib/font-awesome/_animated.scss b/src/nationalarchives/lib/font-awesome/_animated.scss
index ff140281..1b629fa2 100644
--- a/src/nationalarchives/lib/font-awesome/_animated.scss
+++ b/src/nationalarchives/lib/font-awesome/_animated.scss
@@ -145,7 +145,6 @@
   90% {
     transform: scale(1);
   }
-
   45% {
     transform: scale(var(--#{$fa-css-prefix}-beat-scale, 1.25));
   }
@@ -155,7 +154,6 @@
   0% {
     transform: scale(1, 1) translateY(0);
   }
-
   10% {
     transform: scale(
         var(--#{$fa-css-prefix}-bounce-start-scale-x, 1.1),
@@ -163,7 +161,6 @@
       )
       translateY(0);
   }
-
   30% {
     transform: scale(
         var(--#{$fa-css-prefix}-bounce-jump-scale-x, 0.9),
@@ -171,7 +168,6 @@
       )
       translateY(var(--#{$fa-css-prefix}-bounce-height, -0.5em));
   }
-
   50% {
     transform: scale(
         var(--#{$fa-css-prefix}-bounce-land-scale-x, 1.05),
@@ -179,16 +175,13 @@
       )
       translateY(0);
   }
-
   57% {
     transform: scale(1, 1)
       translateY(var(--#{$fa-css-prefix}-bounce-rebound, -0.125em));
   }
-
   64% {
     transform: scale(1, 1) translateY(0);
   }
-
   100% {
     transform: scale(1, 1) translateY(0);
   }
@@ -206,7 +199,6 @@
     opacity: var(--#{$fa-css-prefix}-beat-fade-opacity, 0.4);
     transform: scale(1);
   }
-
   50% {
     opacity: 1;
     transform: scale(var(--#{$fa-css-prefix}-beat-fade-scale, 1.125));
@@ -228,37 +220,29 @@
   0% {
     transform: rotate(-15deg);
   }
-
   4% {
     transform: rotate(15deg);
   }
-
   8%,
   24% {
     transform: rotate(-18deg);
   }
-
   12%,
   28% {
     transform: rotate(18deg);
   }
-
   16% {
     transform: rotate(-22deg);
   }
-
   20% {
     transform: rotate(22deg);
   }
-
   32% {
     transform: rotate(-12deg);
   }
-
   36% {
     transform: rotate(12deg);
   }
-
   40%,
   100% {
     transform: rotate(0deg);
@@ -269,7 +253,6 @@
   0% {
     transform: rotate(0deg);
   }
-
   100% {
     transform: rotate(360deg);
   }
diff --git a/src/nationalarchives/lib/font-awesome/_core.scss b/src/nationalarchives/lib/font-awesome/_core.scss
index ea89d380..77c10230 100644
--- a/src/nationalarchives/lib/font-awesome/_core.scss
+++ b/src/nationalarchives/lib/font-awesome/_core.scss
@@ -6,15 +6,13 @@
   font-weight: var(--#{$fa-css-prefix}-style, #{$fa-style});
 }
 
-.#{$fa-css-prefix},
-.#{$fa-css-prefix}-classic,
-.#{$fa-css-prefix}-sharp,
 .fas,
-.#{$fa-css-prefix}-solid,
 .far,
-.#{$fa-css-prefix}-regular,
 .fab,
-.#{$fa-css-prefix}-brands {
+.#{$fa-css-prefix}-solid,
+.#{$fa-css-prefix}-regular,
+.#{$fa-css-prefix}-brands,
+.#{$fa-css-prefix} {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: var(--#{$fa-css-prefix}-display, #{$fa-display});
@@ -24,16 +22,25 @@
   text-rendering: auto;
 }
 
-.fas,
+.fas::before,
+.far::before,
+.fab::before,
+.#{$fa-css-prefix}-solid::before,
+.#{$fa-css-prefix}-regular::before,
+.#{$fa-css-prefix}-brands::before,
+.#{$fa-css-prefix}::before {
+  content: var(#{$fa-icon-property});
+}
+
 .#{$fa-css-prefix}-classic,
+.fas,
 .#{$fa-css-prefix}-solid,
 .far,
 .#{$fa-css-prefix}-regular {
   font-family: "Font Awesome 6 Free";
 }
-
-.fab,
-.#{$fa-css-prefix}-brands {
+.#{$fa-css-prefix}-brands,
+.fab {
   font-family: "Font Awesome 6 Brands";
 }
 
diff --git a/src/nationalarchives/lib/font-awesome/_icons.scss b/src/nationalarchives/lib/font-awesome/_icons.scss
index b565cf86..13885f41 100644
--- a/src/nationalarchives/lib/font-awesome/_icons.scss
+++ b/src/nationalarchives/lib/font-awesome/_icons.scss
@@ -5,7 +5,7 @@
 readers do not read off random characters that represent icons */
 
 @each $name, $icon in $fa-icons {
-  .#{$fa-css-prefix}-#{$name}::before {
-    content: unquote('"#{ $icon }"');
+  .#{$fa-css-prefix}-#{$name} {
+    #{$fa-icon-property}: unquote('"#{ $icon }"');
   }
 }
diff --git a/src/nationalarchives/lib/font-awesome/_list.scss b/src/nationalarchives/lib/font-awesome/_list.scss
index 8a2a58c3..77590f5f 100644
--- a/src/nationalarchives/lib/font-awesome/_list.scss
+++ b/src/nationalarchives/lib/font-awesome/_list.scss
@@ -12,7 +12,7 @@
 }
 
 .#{$fa-css-prefix}-li {
-  left: calc(var(--#{$fa-css-prefix}-li-width, #{$fa-li-width}) * -1);
+  left: calc(-1 * var(--#{$fa-css-prefix}-li-width, #{$fa-li-width}));
   position: absolute;
   text-align: center;
   width: var(--#{$fa-css-prefix}-li-width, #{$fa-li-width});
diff --git a/src/nationalarchives/lib/font-awesome/_mixins.scss b/src/nationalarchives/lib/font-awesome/_mixins.scss
index 7cf8b48e..1cfad3e6 100644
--- a/src/nationalarchives/lib/font-awesome/_mixins.scss
+++ b/src/nationalarchives/lib/font-awesome/_mixins.scss
@@ -37,38 +37,38 @@
 // use in conjunction with .sr-only to only display content when it's focused
 @mixin fa-sr-only-focusable() {
   &:not(:focus) {
-    @include fa-sr-only;
+    @include fa-sr-only();
   }
 }
 
 // sets a specific icon family to use alongside style + icon mixins
+@mixin fa-family-classic() {
+  @extend .fa-classic;
+}
 
 // convenience mixins for declaring pseudo-elements by CSS variable,
-// including all style-specific font properties, and both the ::before
-// and ::after elements in the duotone case.
+// including all style-specific font properties
 @mixin fa-icon-solid($fa-var) {
-  @extend %fa-icon;
   @extend .fa-solid;
 
-  &::before {
-    content: unquote('"#{ $fa-var }"');
+  & {
+    #{$fa-icon-property}: unquote('"#{ $fa-var }"');
+    #{$fa-duotone-icon-property}: unquote('"#{ $fa-var }#{ $fa-var }"');
   }
 }
-
 @mixin fa-icon-regular($fa-var) {
-  @extend %fa-icon;
   @extend .fa-regular;
 
-  &::before {
-    content: unquote('"#{ $fa-var }"');
+  & {
+    #{$fa-icon-property}: unquote('"#{ $fa-var }"');
+    #{$fa-duotone-icon-property}: unquote('"#{ $fa-var }#{ $fa-var }"');
   }
 }
-
 @mixin fa-icon-brands($fa-var) {
-  @extend %fa-icon;
   @extend .fa-brands;
 
-  &::before {
-    content: unquote('"#{ $fa-var }"');
+  & {
+    #{$fa-icon-property}: unquote('"#{ $fa-var }"');
+    #{$fa-duotone-icon-property}: unquote('"#{ $fa-var }#{ $fa-var }"');
   }
 }
diff --git a/src/nationalarchives/lib/font-awesome/_rotated-flipped.scss b/src/nationalarchives/lib/font-awesome/_rotated-flipped.scss
index de479c0e..0bd4b7cb 100644
--- a/src/nationalarchives/lib/font-awesome/_rotated-flipped.scss
+++ b/src/nationalarchives/lib/font-awesome/_rotated-flipped.scss
@@ -27,5 +27,5 @@
 }
 
 .#{$fa-css-prefix}-rotate-by {
-  transform: rotate(var(--#{$fa-css-prefix}-rotate-angle, none));
+  transform: rotate(var(--#{$fa-css-prefix}-rotate-angle, 0));
 }
diff --git a/src/nationalarchives/lib/font-awesome/_shims.scss b/src/nationalarchives/lib/font-awesome/_shims.scss
index a8f17b37..f3f2f6da 100644
--- a/src/nationalarchives/lib/font-awesome/_shims.scss
+++ b/src/nationalarchives/lib/font-awesome/_shims.scss
@@ -1,2652 +1,2193 @@
-.#{$fa-css-prefix}.#{$fa-css-prefix}-glass:before {
-  content: unquote('"#{ $fa-var-martini-glass-empty }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-glass {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-martini-glass-empty }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-envelope-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-envelope-o:before {
-  content: unquote('"#{ $fa-var-envelope }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-envelope-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-envelope }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-star-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-star-o:before {
-  content: unquote('"#{ $fa-var-star }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-star-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-star }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-remove:before {
-  content: unquote('"#{ $fa-var-xmark }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-remove {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-xmark }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-close:before {
-  content: unquote('"#{ $fa-var-xmark }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-close {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-xmark }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-gear:before {
-  content: unquote('"#{ $fa-var-gear }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-gear {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-gear }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-trash-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-trash-o:before {
-  content: unquote('"#{ $fa-var-trash-can }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-trash-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-trash-can }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-home:before {
-  content: unquote('"#{ $fa-var-house }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-home {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-house }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-file-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-file-o:before {
-  content: unquote('"#{ $fa-var-file }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-file-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-file }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-clock-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-clock-o:before {
-  content: unquote('"#{ $fa-var-clock }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-clock-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-clock }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-arrow-circle-o-down {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-arrow-circle-o-down:before {
-  content: unquote('"#{ $fa-var-circle-down }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-arrow-circle-o-down {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-circle-down }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-arrow-circle-o-up {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-arrow-circle-o-up:before {
-  content: unquote('"#{ $fa-var-circle-up }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-arrow-circle-o-up {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-circle-up }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-play-circle-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-play-circle-o:before {
-  content: unquote('"#{ $fa-var-circle-play }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-play-circle-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-circle-play }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-repeat:before {
-  content: unquote('"#{ $fa-var-arrow-rotate-right }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-repeat {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-arrow-rotate-right }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-rotate-right:before {
-  content: unquote('"#{ $fa-var-arrow-rotate-right }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-rotate-right {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-arrow-rotate-right }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-refresh:before {
-  content: unquote('"#{ $fa-var-arrows-rotate }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-refresh {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-arrows-rotate }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-list-alt {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-list-alt:before {
-  content: unquote('"#{ $fa-var-rectangle-list }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-list-alt {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-rectangle-list }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-dedent:before {
-  content: unquote('"#{ $fa-var-outdent }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-dedent {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-outdent }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-video-camera:before {
-  content: unquote('"#{ $fa-var-video }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-video-camera {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-video }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-picture-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-picture-o:before {
-  content: unquote('"#{ $fa-var-image }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-picture-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-image }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-photo {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-photo:before {
-  content: unquote('"#{ $fa-var-image }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-photo {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-image }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-image {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-image:before {
-  content: unquote('"#{ $fa-var-image }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-image {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-image }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-map-marker:before {
-  content: unquote('"#{ $fa-var-location-dot }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-map-marker {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-location-dot }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-pencil-square-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-pencil-square-o:before {
-  content: unquote('"#{ $fa-var-pen-to-square }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-pencil-square-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-pen-to-square }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-edit {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-edit:before {
-  content: unquote('"#{ $fa-var-pen-to-square }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-edit {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-pen-to-square }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-share-square-o:before {
-  content: unquote('"#{ $fa-var-share-from-square }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-share-square-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-share-from-square }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-check-square-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-check-square-o:before {
-  content: unquote('"#{ $fa-var-square-check }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-check-square-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-check }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-arrows:before {
-  content: unquote('"#{ $fa-var-up-down-left-right }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-arrows {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-up-down-left-right }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-times-circle-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-times-circle-o:before {
-  content: unquote('"#{ $fa-var-circle-xmark }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-times-circle-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-circle-xmark }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-check-circle-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-check-circle-o:before {
-  content: unquote('"#{ $fa-var-circle-check }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-check-circle-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-circle-check }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-mail-forward:before {
-  content: unquote('"#{ $fa-var-share }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-mail-forward {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-share }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-expand:before {
-  content: unquote('"#{ $fa-var-up-right-and-down-left-from-center }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-expand {
+  #{$fa-icon-property}: unquote(
+    '"#{ $fa-var-up-right-and-down-left-from-center }"'
+  );
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-compress:before {
-  content: unquote('"#{ $fa-var-down-left-and-up-right-to-center }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-compress {
+  #{$fa-icon-property}: unquote(
+    '"#{ $fa-var-down-left-and-up-right-to-center }"'
+  );
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-eye {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-eye-slash {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-warning:before {
-  content: unquote('"#{ $fa-var-triangle-exclamation }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-warning {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-triangle-exclamation }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar:before {
-  content: unquote('"#{ $fa-var-calendar-days }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-calendar-days }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-arrows-v:before {
-  content: unquote('"#{ $fa-var-up-down }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-arrows-v {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-up-down }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-arrows-h:before {
-  content: unquote('"#{ $fa-var-left-right }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-arrows-h {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-left-right }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-bar-chart:before {
-  content: unquote('"#{ $fa-var-chart-column }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-bar-chart {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-chart-column }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-bar-chart-o:before {
-  content: unquote('"#{ $fa-var-chart-column }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-bar-chart-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-chart-column }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-twitter-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-twitter-square:before {
-  content: unquote('"#{ $fa-var-square-twitter }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-twitter-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-twitter }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-facebook-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-facebook-square:before {
-  content: unquote('"#{ $fa-var-square-facebook }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-facebook-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-facebook }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-gears:before {
-  content: unquote('"#{ $fa-var-gears }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-gears {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-gears }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-thumbs-o-up {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-thumbs-o-up:before {
-  content: unquote('"#{ $fa-var-thumbs-up }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-thumbs-o-up {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-thumbs-up }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-thumbs-o-down {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-thumbs-o-down:before {
-  content: unquote('"#{ $fa-var-thumbs-down }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-thumbs-o-down {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-thumbs-down }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-heart-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-heart-o:before {
-  content: unquote('"#{ $fa-var-heart }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-heart-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-heart }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-sign-out:before {
-  content: unquote('"#{ $fa-var-right-from-bracket }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-sign-out {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-right-from-bracket }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-linkedin-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-linkedin-square:before {
-  content: unquote('"#{ $fa-var-linkedin }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-linkedin-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-linkedin }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-thumb-tack:before {
-  content: unquote('"#{ $fa-var-thumbtack }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-thumb-tack {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-thumbtack }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-external-link:before {
-  content: unquote('"#{ $fa-var-up-right-from-square }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-external-link {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-up-right-from-square }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-sign-in:before {
-  content: unquote('"#{ $fa-var-right-to-bracket }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-sign-in {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-right-to-bracket }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-github-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-github-square:before {
-  content: unquote('"#{ $fa-var-square-github }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-github-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-github }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-lemon-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-lemon-o:before {
-  content: unquote('"#{ $fa-var-lemon }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-lemon-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-lemon }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-square-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-square-o:before {
-  content: unquote('"#{ $fa-var-square }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-square-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-bookmark-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-bookmark-o:before {
-  content: unquote('"#{ $fa-var-bookmark }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-bookmark-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-bookmark }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-twitter {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-facebook {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-facebook:before {
-  content: unquote('"#{ $fa-var-facebook-f }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-facebook {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-facebook-f }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-facebook-f {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-facebook-f:before {
-  content: unquote('"#{ $fa-var-facebook-f }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-facebook-f {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-facebook-f }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-github {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-credit-card {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-feed:before {
-  content: unquote('"#{ $fa-var-rss }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-feed {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-rss }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-hdd-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hdd-o:before {
-  content: unquote('"#{ $fa-var-hard-drive }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hdd-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hard-drive }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-hand-o-right {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-o-right:before {
-  content: unquote('"#{ $fa-var-hand-point-right }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-o-right {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hand-point-right }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-hand-o-left {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-o-left:before {
-  content: unquote('"#{ $fa-var-hand-point-left }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-o-left {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hand-point-left }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-hand-o-up {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-o-up:before {
-  content: unquote('"#{ $fa-var-hand-point-up }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-o-up {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hand-point-up }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-hand-o-down {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-o-down:before {
-  content: unquote('"#{ $fa-var-hand-point-down }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-o-down {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hand-point-down }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-globe:before {
-  content: unquote('"#{ $fa-var-earth-americas }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-globe {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-earth-americas }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-tasks:before {
-  content: unquote('"#{ $fa-var-bars-progress }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-tasks {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-bars-progress }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-arrows-alt:before {
-  content: unquote('"#{ $fa-var-maximize }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-arrows-alt {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-maximize }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-group:before {
-  content: unquote('"#{ $fa-var-users }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-group {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-users }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-chain:before {
-  content: unquote('"#{ $fa-var-link }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-chain {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-link }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-cut:before {
-  content: unquote('"#{ $fa-var-scissors }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-cut {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-scissors }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-files-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-files-o:before {
-  content: unquote('"#{ $fa-var-copy }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-files-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-copy }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-floppy-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-floppy-o:before {
-  content: unquote('"#{ $fa-var-floppy-disk }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-floppy-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-floppy-disk }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-save {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-save:before {
-  content: unquote('"#{ $fa-var-floppy-disk }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-save {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-floppy-disk }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-navicon:before {
-  content: unquote('"#{ $fa-var-bars }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-navicon {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-bars }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-reorder:before {
-  content: unquote('"#{ $fa-var-bars }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-reorder {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-bars }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-magic:before {
-  content: unquote('"#{ $fa-var-wand-magic-sparkles }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-magic {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-wand-magic-sparkles }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-pinterest {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-pinterest-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-pinterest-square:before {
-  content: unquote('"#{ $fa-var-square-pinterest }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-pinterest-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-pinterest }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-google-plus-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-google-plus-square:before {
-  content: unquote('"#{ $fa-var-square-google-plus }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-google-plus-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-google-plus }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-google-plus {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-google-plus:before {
-  content: unquote('"#{ $fa-var-google-plus-g }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-google-plus {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-google-plus-g }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-money:before {
-  content: unquote('"#{ $fa-var-money-bill-1 }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-money {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-money-bill-1 }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-unsorted:before {
-  content: unquote('"#{ $fa-var-sort }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-unsorted {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-sort }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-desc:before {
-  content: unquote('"#{ $fa-var-sort-down }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-desc {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-sort-down }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-asc:before {
-  content: unquote('"#{ $fa-var-sort-up }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-asc {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-sort-up }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-linkedin {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-linkedin:before {
-  content: unquote('"#{ $fa-var-linkedin-in }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-linkedin {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-linkedin-in }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-rotate-left:before {
-  content: unquote('"#{ $fa-var-arrow-rotate-left }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-rotate-left {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-arrow-rotate-left }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-legal:before {
-  content: unquote('"#{ $fa-var-gavel }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-legal {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-gavel }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-tachometer:before {
-  content: unquote('"#{ $fa-var-gauge-high }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-tachometer {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-gauge-high }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-dashboard:before {
-  content: unquote('"#{ $fa-var-gauge-high }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-dashboard {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-gauge-high }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-comment-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-comment-o:before {
-  content: unquote('"#{ $fa-var-comment }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-comment-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-comment }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-comments-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-comments-o:before {
-  content: unquote('"#{ $fa-var-comments }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-comments-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-comments }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-flash:before {
-  content: unquote('"#{ $fa-var-bolt }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-flash {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-bolt }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-clipboard:before {
-  content: unquote('"#{ $fa-var-paste }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-clipboard {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-paste }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-lightbulb-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-lightbulb-o:before {
-  content: unquote('"#{ $fa-var-lightbulb }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-lightbulb-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-lightbulb }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-exchange:before {
-  content: unquote('"#{ $fa-var-right-left }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-exchange {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-right-left }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-cloud-download:before {
-  content: unquote('"#{ $fa-var-cloud-arrow-down }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-cloud-download {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-cloud-arrow-down }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-cloud-upload:before {
-  content: unquote('"#{ $fa-var-cloud-arrow-up }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-cloud-upload {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-cloud-arrow-up }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-bell-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-bell-o:before {
-  content: unquote('"#{ $fa-var-bell }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-bell-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-bell }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-cutlery:before {
-  content: unquote('"#{ $fa-var-utensils }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-cutlery {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-utensils }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-file-text-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-file-text-o:before {
-  content: unquote('"#{ $fa-var-file-lines }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-file-text-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-file-lines }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-building-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-building-o:before {
-  content: unquote('"#{ $fa-var-building }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-building-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-building }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-hospital-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hospital-o:before {
-  content: unquote('"#{ $fa-var-hospital }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hospital-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hospital }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-tablet:before {
-  content: unquote('"#{ $fa-var-tablet-screen-button }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-tablet {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-tablet-screen-button }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-mobile:before {
-  content: unquote('"#{ $fa-var-mobile-screen-button }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-mobile {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-mobile-screen-button }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-mobile-phone:before {
-  content: unquote('"#{ $fa-var-mobile-screen-button }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-mobile-phone {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-mobile-screen-button }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-circle-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-circle-o:before {
-  content: unquote('"#{ $fa-var-circle }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-circle-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-circle }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-mail-reply:before {
-  content: unquote('"#{ $fa-var-reply }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-mail-reply {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-reply }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-github-alt {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-folder-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-folder-o:before {
-  content: unquote('"#{ $fa-var-folder }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-folder-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-folder }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-folder-open-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-folder-open-o:before {
-  content: unquote('"#{ $fa-var-folder-open }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-folder-open-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-folder-open }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-smile-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-smile-o:before {
-  content: unquote('"#{ $fa-var-face-smile }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-smile-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-face-smile }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-frown-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-frown-o:before {
-  content: unquote('"#{ $fa-var-face-frown }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-frown-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-face-frown }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-meh-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-meh-o:before {
-  content: unquote('"#{ $fa-var-face-meh }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-meh-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-face-meh }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-keyboard-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-keyboard-o:before {
-  content: unquote('"#{ $fa-var-keyboard }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-keyboard-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-keyboard }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-flag-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-flag-o:before {
-  content: unquote('"#{ $fa-var-flag }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-flag-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-flag }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-mail-reply-all:before {
-  content: unquote('"#{ $fa-var-reply-all }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-mail-reply-all {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-reply-all }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-star-half-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-star-half-o:before {
-  content: unquote('"#{ $fa-var-star-half-stroke }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-star-half-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-star-half-stroke }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-star-half-empty {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-star-half-empty:before {
-  content: unquote('"#{ $fa-var-star-half-stroke }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-star-half-empty {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-star-half-stroke }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-star-half-full {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-star-half-full:before {
-  content: unquote('"#{ $fa-var-star-half-stroke }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-star-half-full {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-star-half-stroke }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-code-fork:before {
-  content: unquote('"#{ $fa-var-code-branch }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-code-fork {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-code-branch }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-chain-broken:before {
-  content: unquote('"#{ $fa-var-link-slash }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-chain-broken {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-link-slash }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-unlink:before {
-  content: unquote('"#{ $fa-var-link-slash }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-unlink {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-link-slash }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-o:before {
-  content: unquote('"#{ $fa-var-calendar }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-calendar }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-maxcdn {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-html5 {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-css3 {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-unlock-alt:before {
-  content: unquote('"#{ $fa-var-unlock }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-unlock-alt {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-unlock }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-minus-square-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-minus-square-o:before {
-  content: unquote('"#{ $fa-var-square-minus }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-minus-square-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-minus }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-level-up:before {
-  content: unquote('"#{ $fa-var-turn-up }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-level-up {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-turn-up }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-level-down:before {
-  content: unquote('"#{ $fa-var-turn-down }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-level-down {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-turn-down }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-pencil-square:before {
-  content: unquote('"#{ $fa-var-square-pen }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-pencil-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-pen }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-external-link-square:before {
-  content: unquote('"#{ $fa-var-square-up-right }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-external-link-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-up-right }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-compass {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-caret-square-o-down {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-caret-square-o-down:before {
-  content: unquote('"#{ $fa-var-square-caret-down }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-caret-square-o-down {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-caret-down }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-toggle-down {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-toggle-down:before {
-  content: unquote('"#{ $fa-var-square-caret-down }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-toggle-down {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-caret-down }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-caret-square-o-up {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-caret-square-o-up:before {
-  content: unquote('"#{ $fa-var-square-caret-up }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-caret-square-o-up {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-caret-up }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-toggle-up {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-toggle-up:before {
-  content: unquote('"#{ $fa-var-square-caret-up }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-toggle-up {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-caret-up }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-caret-square-o-right {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-caret-square-o-right:before {
-  content: unquote('"#{ $fa-var-square-caret-right }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-caret-square-o-right {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-caret-right }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-toggle-right {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-toggle-right:before {
-  content: unquote('"#{ $fa-var-square-caret-right }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-toggle-right {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-caret-right }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-eur:before {
-  content: unquote('"#{ $fa-var-euro-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-eur {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-euro-sign }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-euro:before {
-  content: unquote('"#{ $fa-var-euro-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-euro {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-euro-sign }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-gbp:before {
-  content: unquote('"#{ $fa-var-sterling-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-gbp {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-sterling-sign }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-usd:before {
-  content: unquote('"#{ $fa-var-dollar-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-usd {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-dollar-sign }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-dollar:before {
-  content: unquote('"#{ $fa-var-dollar-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-dollar {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-dollar-sign }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-inr:before {
-  content: unquote('"#{ $fa-var-indian-rupee-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-inr {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-indian-rupee-sign }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-rupee:before {
-  content: unquote('"#{ $fa-var-indian-rupee-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-rupee {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-indian-rupee-sign }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-jpy:before {
-  content: unquote('"#{ $fa-var-yen-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-jpy {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-yen-sign }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-cny:before {
-  content: unquote('"#{ $fa-var-yen-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-cny {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-yen-sign }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-rmb:before {
-  content: unquote('"#{ $fa-var-yen-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-rmb {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-yen-sign }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-yen:before {
-  content: unquote('"#{ $fa-var-yen-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-yen {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-yen-sign }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-rub:before {
-  content: unquote('"#{ $fa-var-ruble-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-rub {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-ruble-sign }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-ruble:before {
-  content: unquote('"#{ $fa-var-ruble-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-ruble {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-ruble-sign }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-rouble:before {
-  content: unquote('"#{ $fa-var-ruble-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-rouble {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-ruble-sign }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-krw:before {
-  content: unquote('"#{ $fa-var-won-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-krw {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-won-sign }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-won:before {
-  content: unquote('"#{ $fa-var-won-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-won {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-won-sign }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-btc {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-bitcoin {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-bitcoin:before {
-  content: unquote('"#{ $fa-var-btc }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-bitcoin {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-btc }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-file-text:before {
-  content: unquote('"#{ $fa-var-file-lines }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-file-text {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-file-lines }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-alpha-asc:before {
-  content: unquote('"#{ $fa-var-arrow-down-a-z }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-alpha-asc {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-arrow-down-a-z }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-alpha-desc:before {
-  content: unquote('"#{ $fa-var-arrow-down-z-a }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-alpha-desc {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-arrow-down-z-a }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-amount-asc:before {
-  content: unquote('"#{ $fa-var-arrow-down-short-wide }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-amount-asc {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-arrow-down-short-wide }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-amount-desc:before {
-  content: unquote('"#{ $fa-var-arrow-down-wide-short }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-amount-desc {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-arrow-down-wide-short }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-numeric-asc:before {
-  content: unquote('"#{ $fa-var-arrow-down-1-9 }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-numeric-asc {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-arrow-down-1-9 }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-numeric-desc:before {
-  content: unquote('"#{ $fa-var-arrow-down-9-1 }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-numeric-desc {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-arrow-down-9-1 }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-youtube-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-youtube-square:before {
-  content: unquote('"#{ $fa-var-square-youtube }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-youtube-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-youtube }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-youtube {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-xing {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-xing-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-xing-square:before {
-  content: unquote('"#{ $fa-var-square-xing }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-xing-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-xing }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-youtube-play {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-youtube-play:before {
-  content: unquote('"#{ $fa-var-youtube }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-youtube-play {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-youtube }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-dropbox {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-stack-overflow {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-instagram {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-flickr {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-adn {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-bitbucket {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-bitbucket-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-bitbucket-square:before {
-  content: unquote('"#{ $fa-var-bitbucket }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-bitbucket-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-bitbucket }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-tumblr {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-tumblr-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-tumblr-square:before {
-  content: unquote('"#{ $fa-var-square-tumblr }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-tumblr-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-tumblr }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-long-arrow-down:before {
-  content: unquote('"#{ $fa-var-down-long }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-long-arrow-down {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-down-long }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-long-arrow-up:before {
-  content: unquote('"#{ $fa-var-up-long }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-long-arrow-up {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-up-long }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-long-arrow-left:before {
-  content: unquote('"#{ $fa-var-left-long }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-long-arrow-left {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-left-long }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-long-arrow-right:before {
-  content: unquote('"#{ $fa-var-right-long }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-long-arrow-right {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-right-long }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-apple {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-windows {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-android {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-linux {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-dribbble {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-skype {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-foursquare {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-trello {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-gratipay {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-gittip {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-gittip:before {
-  content: unquote('"#{ $fa-var-gratipay }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-gittip {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-gratipay }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-sun-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-sun-o:before {
-  content: unquote('"#{ $fa-var-sun }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-sun-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-sun }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-moon-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-moon-o:before {
-  content: unquote('"#{ $fa-var-moon }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-moon-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-moon }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-vk {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-weibo {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-renren {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-pagelines {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-stack-exchange {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-arrow-circle-o-right {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-arrow-circle-o-right:before {
-  content: unquote('"#{ $fa-var-circle-right }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-arrow-circle-o-right {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-circle-right }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-arrow-circle-o-left {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-arrow-circle-o-left:before {
-  content: unquote('"#{ $fa-var-circle-left }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-arrow-circle-o-left {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-circle-left }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-caret-square-o-left {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-caret-square-o-left:before {
-  content: unquote('"#{ $fa-var-square-caret-left }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-caret-square-o-left {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-caret-left }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-toggle-left {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-toggle-left:before {
-  content: unquote('"#{ $fa-var-square-caret-left }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-toggle-left {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-caret-left }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-dot-circle-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-dot-circle-o:before {
-  content: unquote('"#{ $fa-var-circle-dot }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-dot-circle-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-circle-dot }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-vimeo-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-vimeo-square:before {
-  content: unquote('"#{ $fa-var-square-vimeo }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-vimeo-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-vimeo }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-try:before {
-  content: unquote('"#{ $fa-var-turkish-lira-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-try {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-turkish-lira-sign }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-turkish-lira:before {
-  content: unquote('"#{ $fa-var-turkish-lira-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-turkish-lira {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-turkish-lira-sign }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-plus-square-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-plus-square-o:before {
-  content: unquote('"#{ $fa-var-square-plus }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-plus-square-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-plus }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-slack {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-wordpress {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-openid {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-institution:before {
-  content: unquote('"#{ $fa-var-building-columns }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-institution {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-building-columns }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-bank:before {
-  content: unquote('"#{ $fa-var-building-columns }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-bank {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-building-columns }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-mortar-board:before {
-  content: unquote('"#{ $fa-var-graduation-cap }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-mortar-board {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-graduation-cap }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-yahoo {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-google {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-reddit {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-reddit-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-reddit-square:before {
-  content: unquote('"#{ $fa-var-square-reddit }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-reddit-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-reddit }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-stumbleupon-circle {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-stumbleupon {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-delicious {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-digg {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-pied-piper-pp {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-pied-piper-alt {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-drupal {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-joomla {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-behance {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-behance-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-behance-square:before {
-  content: unquote('"#{ $fa-var-square-behance }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-behance-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-behance }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-steam {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-steam-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-steam-square:before {
-  content: unquote('"#{ $fa-var-square-steam }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-steam-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-steam }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-automobile:before {
-  content: unquote('"#{ $fa-var-car }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-automobile {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-car }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-cab:before {
-  content: unquote('"#{ $fa-var-taxi }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-cab {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-taxi }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-spotify {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-deviantart {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-soundcloud {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-file-pdf-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-file-pdf-o:before {
-  content: unquote('"#{ $fa-var-file-pdf }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-file-pdf-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-file-pdf }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-file-word-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-file-word-o:before {
-  content: unquote('"#{ $fa-var-file-word }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-file-word-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-file-word }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-file-excel-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-file-excel-o:before {
-  content: unquote('"#{ $fa-var-file-excel }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-file-excel-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-file-excel }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-file-powerpoint-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-file-powerpoint-o:before {
-  content: unquote('"#{ $fa-var-file-powerpoint }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-file-powerpoint-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-file-powerpoint }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-file-image-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-file-image-o:before {
-  content: unquote('"#{ $fa-var-file-image }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-file-image-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-file-image }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-file-photo-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-file-photo-o:before {
-  content: unquote('"#{ $fa-var-file-image }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-file-photo-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-file-image }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-file-picture-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-file-picture-o:before {
-  content: unquote('"#{ $fa-var-file-image }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-file-picture-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-file-image }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-file-archive-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-file-archive-o:before {
-  content: unquote('"#{ $fa-var-file-zipper }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-file-archive-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-file-zipper }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-file-zip-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-file-zip-o:before {
-  content: unquote('"#{ $fa-var-file-zipper }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-file-zip-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-file-zipper }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-file-audio-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-file-audio-o:before {
-  content: unquote('"#{ $fa-var-file-audio }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-file-audio-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-file-audio }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-file-sound-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-file-sound-o:before {
-  content: unquote('"#{ $fa-var-file-audio }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-file-sound-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-file-audio }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-file-video-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-file-video-o:before {
-  content: unquote('"#{ $fa-var-file-video }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-file-video-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-file-video }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-file-movie-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-file-movie-o:before {
-  content: unquote('"#{ $fa-var-file-video }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-file-movie-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-file-video }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-file-code-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-file-code-o:before {
-  content: unquote('"#{ $fa-var-file-code }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-file-code-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-file-code }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-vine {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-codepen {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-jsfiddle {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-life-bouy:before {
-  content: unquote('"#{ $fa-var-life-ring }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-life-bouy {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-life-ring }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-life-buoy:before {
-  content: unquote('"#{ $fa-var-life-ring }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-life-buoy {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-life-ring }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-life-saver:before {
-  content: unquote('"#{ $fa-var-life-ring }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-life-saver {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-life-ring }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-support:before {
-  content: unquote('"#{ $fa-var-life-ring }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-support {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-life-ring }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-circle-o-notch:before {
-  content: unquote('"#{ $fa-var-circle-notch }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-circle-o-notch {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-circle-notch }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-rebel {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-ra {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-ra:before {
-  content: unquote('"#{ $fa-var-rebel }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-ra {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-rebel }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-resistance {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-resistance:before {
-  content: unquote('"#{ $fa-var-rebel }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-resistance {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-rebel }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-empire {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-ge {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-ge:before {
-  content: unquote('"#{ $fa-var-empire }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-ge {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-empire }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-git-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-git-square:before {
-  content: unquote('"#{ $fa-var-square-git }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-git-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-git }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-git {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-hacker-news {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-y-combinator-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-y-combinator-square:before {
-  content: unquote('"#{ $fa-var-hacker-news }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-y-combinator-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hacker-news }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-yc-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-yc-square:before {
-  content: unquote('"#{ $fa-var-hacker-news }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-yc-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hacker-news }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-tencent-weibo {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-qq {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-weixin {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-wechat {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-wechat:before {
-  content: unquote('"#{ $fa-var-weixin }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-wechat {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-weixin }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-send:before {
-  content: unquote('"#{ $fa-var-paper-plane }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-send {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-paper-plane }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-paper-plane-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-paper-plane-o:before {
-  content: unquote('"#{ $fa-var-paper-plane }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-paper-plane-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-paper-plane }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-send-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-send-o:before {
-  content: unquote('"#{ $fa-var-paper-plane }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-send-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-paper-plane }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-circle-thin {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-circle-thin:before {
-  content: unquote('"#{ $fa-var-circle }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-circle-thin {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-circle }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-header:before {
-  content: unquote('"#{ $fa-var-heading }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-header {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-heading }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-futbol-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-futbol-o:before {
-  content: unquote('"#{ $fa-var-futbol }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-futbol-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-futbol }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-soccer-ball-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-soccer-ball-o:before {
-  content: unquote('"#{ $fa-var-futbol }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-soccer-ball-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-futbol }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-slideshare {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-twitch {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-yelp {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-newspaper-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-newspaper-o:before {
-  content: unquote('"#{ $fa-var-newspaper }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-newspaper-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-newspaper }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-paypal {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-google-wallet {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-cc-visa {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-cc-mastercard {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-cc-discover {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-cc-amex {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-cc-paypal {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-cc-stripe {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-bell-slash-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-bell-slash-o:before {
-  content: unquote('"#{ $fa-var-bell-slash }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-bell-slash-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-bell-slash }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-trash:before {
-  content: unquote('"#{ $fa-var-trash-can }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-trash {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-trash-can }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-copyright {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-eyedropper:before {
-  content: unquote('"#{ $fa-var-eye-dropper }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-eyedropper {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-eye-dropper }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-area-chart:before {
-  content: unquote('"#{ $fa-var-chart-area }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-area-chart {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-chart-area }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-pie-chart:before {
-  content: unquote('"#{ $fa-var-chart-pie }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-pie-chart {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-chart-pie }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-line-chart:before {
-  content: unquote('"#{ $fa-var-chart-line }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-line-chart {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-chart-line }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-lastfm {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-lastfm-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-lastfm-square:before {
-  content: unquote('"#{ $fa-var-square-lastfm }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-lastfm-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-lastfm }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-ioxhost {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-angellist {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-cc {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-cc:before {
-  content: unquote('"#{ $fa-var-closed-captioning }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-cc {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-closed-captioning }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-ils:before {
-  content: unquote('"#{ $fa-var-shekel-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-ils {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-shekel-sign }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-shekel:before {
-  content: unquote('"#{ $fa-var-shekel-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-shekel {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-shekel-sign }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-sheqel:before {
-  content: unquote('"#{ $fa-var-shekel-sign }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-sheqel {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-shekel-sign }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-buysellads {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-connectdevelop {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-dashcube {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-forumbee {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-leanpub {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-sellsy {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-shirtsinbulk {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-simplybuilt {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-skyatlas {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-diamond {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-diamond:before {
-  content: unquote('"#{ $fa-var-gem }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-diamond {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-gem }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-transgender:before {
-  content: unquote('"#{ $fa-var-mars-and-venus }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-transgender {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-mars-and-venus }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-intersex:before {
-  content: unquote('"#{ $fa-var-mars-and-venus }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-intersex {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-mars-and-venus }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-transgender-alt:before {
-  content: unquote('"#{ $fa-var-transgender }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-transgender-alt {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-transgender }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-facebook-official {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-facebook-official:before {
-  content: unquote('"#{ $fa-var-facebook }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-facebook-official {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-facebook }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-pinterest-p {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-whatsapp {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hotel:before {
-  content: unquote('"#{ $fa-var-bed }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hotel {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-bed }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-viacoin {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-medium {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-y-combinator {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-yc {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-yc:before {
-  content: unquote('"#{ $fa-var-y-combinator }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-yc {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-y-combinator }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-optin-monster {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-opencart {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-expeditedssl {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-battery-4:before {
-  content: unquote('"#{ $fa-var-battery-full }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-battery-4 {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-battery-full }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-battery:before {
-  content: unquote('"#{ $fa-var-battery-full }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-battery {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-battery-full }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-battery-3:before {
-  content: unquote('"#{ $fa-var-battery-three-quarters }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-battery-3 {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-battery-three-quarters }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-battery-2:before {
-  content: unquote('"#{ $fa-var-battery-half }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-battery-2 {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-battery-half }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-battery-1:before {
-  content: unquote('"#{ $fa-var-battery-quarter }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-battery-1 {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-battery-quarter }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-battery-0:before {
-  content: unquote('"#{ $fa-var-battery-empty }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-battery-0 {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-battery-empty }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-object-group {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-object-ungroup {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-sticky-note-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-sticky-note-o:before {
-  content: unquote('"#{ $fa-var-note-sticky }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-sticky-note-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-note-sticky }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-cc-jcb {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-cc-diners-club {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-clone {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hourglass-o:before {
-  content: unquote('"#{ $fa-var-hourglass }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hourglass-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hourglass }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hourglass-1:before {
-  content: unquote('"#{ $fa-var-hourglass-start }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hourglass-1 {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hourglass-start }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hourglass-2:before {
-  content: unquote('"#{ $fa-var-hourglass-half }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hourglass-2 {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hourglass-half }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hourglass-3:before {
-  content: unquote('"#{ $fa-var-hourglass-end }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hourglass-3 {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hourglass-end }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-hand-rock-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-rock-o:before {
-  content: unquote('"#{ $fa-var-hand-back-fist }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-rock-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hand-back-fist }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-hand-grab-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-grab-o:before {
-  content: unquote('"#{ $fa-var-hand-back-fist }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-grab-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hand-back-fist }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-hand-paper-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-paper-o:before {
-  content: unquote('"#{ $fa-var-hand }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-paper-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hand }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-hand-stop-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-stop-o:before {
-  content: unquote('"#{ $fa-var-hand }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-stop-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hand }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-hand-scissors-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-scissors-o:before {
-  content: unquote('"#{ $fa-var-hand-scissors }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-scissors-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hand-scissors }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-hand-lizard-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-lizard-o:before {
-  content: unquote('"#{ $fa-var-hand-lizard }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-lizard-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hand-lizard }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-hand-spock-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-spock-o:before {
-  content: unquote('"#{ $fa-var-hand-spock }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-spock-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hand-spock }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-hand-pointer-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-pointer-o:before {
-  content: unquote('"#{ $fa-var-hand-pointer }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-pointer-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hand-pointer }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-hand-peace-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-peace-o:before {
-  content: unquote('"#{ $fa-var-hand-peace }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-peace-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hand-peace }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-registered {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-creative-commons {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-gg {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-gg-circle {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-odnoklassniki {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-odnoklassniki-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-odnoklassniki-square:before {
-  content: unquote('"#{ $fa-var-square-odnoklassniki }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-odnoklassniki-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-odnoklassniki }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-get-pocket {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-wikipedia-w {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-safari {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-chrome {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-firefox {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-opera {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-internet-explorer {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-television:before {
-  content: unquote('"#{ $fa-var-tv }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-television {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-tv }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-contao {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-500px {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-amazon {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-plus-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-plus-o:before {
-  content: unquote('"#{ $fa-var-calendar-plus }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-plus-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-calendar-plus }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-minus-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-minus-o:before {
-  content: unquote('"#{ $fa-var-calendar-minus }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-minus-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-calendar-minus }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-times-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-times-o:before {
-  content: unquote('"#{ $fa-var-calendar-xmark }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-times-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-calendar-xmark }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-check-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-check-o:before {
-  content: unquote('"#{ $fa-var-calendar-check }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-check-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-calendar-check }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-map-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-map-o:before {
-  content: unquote('"#{ $fa-var-map }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-map-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-map }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-commenting:before {
-  content: unquote('"#{ $fa-var-comment-dots }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-commenting {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-comment-dots }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-commenting-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-commenting-o:before {
-  content: unquote('"#{ $fa-var-comment-dots }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-commenting-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-comment-dots }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-houzz {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-vimeo {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-vimeo:before {
-  content: unquote('"#{ $fa-var-vimeo-v }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-vimeo {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-vimeo-v }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-black-tie {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-fonticons {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-reddit-alien {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-edge {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-credit-card-alt:before {
-  content: unquote('"#{ $fa-var-credit-card }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-credit-card-alt {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-credit-card }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-codiepie {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-modx {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-fort-awesome {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-usb {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-product-hunt {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-mixcloud {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-scribd {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-pause-circle-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-pause-circle-o:before {
-  content: unquote('"#{ $fa-var-circle-pause }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-pause-circle-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-circle-pause }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-stop-circle-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-stop-circle-o:before {
-  content: unquote('"#{ $fa-var-circle-stop }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-stop-circle-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-circle-stop }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-bluetooth {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-bluetooth-b {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-gitlab {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-wpbeginner {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-wpforms {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-envira {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-wheelchair-alt {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-wheelchair-alt:before {
-  content: unquote('"#{ $fa-var-accessible-icon }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-wheelchair-alt {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-accessible-icon }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-question-circle-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-question-circle-o:before {
-  content: unquote('"#{ $fa-var-circle-question }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-question-circle-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-circle-question }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-volume-control-phone:before {
-  content: unquote('"#{ $fa-var-phone-volume }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-volume-control-phone {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-phone-volume }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-asl-interpreting:before {
-  content: unquote('"#{ $fa-var-hands-asl-interpreting }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-asl-interpreting {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hands-asl-interpreting }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-deafness:before {
-  content: unquote('"#{ $fa-var-ear-deaf }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-deafness {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-ear-deaf }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-hard-of-hearing:before {
-  content: unquote('"#{ $fa-var-ear-deaf }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-hard-of-hearing {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-ear-deaf }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-glide {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-glide-g {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-signing:before {
-  content: unquote('"#{ $fa-var-hands }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-signing {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-hands }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-viadeo {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-viadeo-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-viadeo-square:before {
-  content: unquote('"#{ $fa-var-square-viadeo }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-viadeo-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-viadeo }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-snapchat {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-snapchat-ghost {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-snapchat-ghost:before {
-  content: unquote('"#{ $fa-var-snapchat }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-snapchat-ghost {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-snapchat }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-snapchat-square {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-snapchat-square:before {
-  content: unquote('"#{ $fa-var-square-snapchat }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-snapchat-square {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-square-snapchat }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-pied-piper {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-first-order {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-yoast {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-themeisle {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-google-plus-official {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-google-plus-official:before {
-  content: unquote('"#{ $fa-var-google-plus }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-google-plus-official {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-google-plus }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-google-plus-circle {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-google-plus-circle:before {
-  content: unquote('"#{ $fa-var-google-plus }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-google-plus-circle {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-google-plus }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-font-awesome {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-fa {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-fa:before {
-  content: unquote('"#{ $fa-var-font-awesome }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-fa {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-font-awesome }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-handshake-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-handshake-o:before {
-  content: unquote('"#{ $fa-var-handshake }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-handshake-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-handshake }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-envelope-open-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-envelope-open-o:before {
-  content: unquote('"#{ $fa-var-envelope-open }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-envelope-open-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-envelope-open }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-linode {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-address-book-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-address-book-o:before {
-  content: unquote('"#{ $fa-var-address-book }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-address-book-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-address-book }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-vcard:before {
-  content: unquote('"#{ $fa-var-address-card }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-vcard {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-address-card }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-address-card-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-address-card-o:before {
-  content: unquote('"#{ $fa-var-address-card }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-address-card-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-address-card }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-vcard-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-vcard-o:before {
-  content: unquote('"#{ $fa-var-address-card }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-vcard-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-address-card }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-user-circle-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-user-circle-o:before {
-  content: unquote('"#{ $fa-var-circle-user }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-user-circle-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-circle-user }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-user-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-user-o:before {
-  content: unquote('"#{ $fa-var-user }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-user-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-user }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-id-badge {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-drivers-license:before {
-  content: unquote('"#{ $fa-var-id-card }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-drivers-license {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-id-card }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-id-card-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-id-card-o:before {
-  content: unquote('"#{ $fa-var-id-card }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-id-card-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-id-card }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-drivers-license-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-drivers-license-o:before {
-  content: unquote('"#{ $fa-var-id-card }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-drivers-license-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-id-card }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-quora {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-free-code-camp {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-telegram {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-thermometer-4:before {
-  content: unquote('"#{ $fa-var-temperature-full }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-thermometer-4 {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-temperature-full }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-thermometer:before {
-  content: unquote('"#{ $fa-var-temperature-full }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-thermometer {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-temperature-full }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-thermometer-3:before {
-  content: unquote('"#{ $fa-var-temperature-three-quarters }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-thermometer-3 {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-temperature-three-quarters }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-thermometer-2:before {
-  content: unquote('"#{ $fa-var-temperature-half }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-thermometer-2 {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-temperature-half }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-thermometer-1:before {
-  content: unquote('"#{ $fa-var-temperature-quarter }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-thermometer-1 {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-temperature-quarter }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-thermometer-0:before {
-  content: unquote('"#{ $fa-var-temperature-empty }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-thermometer-0 {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-temperature-empty }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-bathtub:before {
-  content: unquote('"#{ $fa-var-bath }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-bathtub {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-bath }"');
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-s15:before {
-  content: unquote('"#{ $fa-var-bath }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-s15 {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-bath }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-window-maximize {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-window-restore {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-
-.#{$fa-css-prefix}.#{$fa-css-prefix}-times-rectangle:before {
-  content: unquote('"#{ $fa-var-rectangle-xmark }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-times-rectangle {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-rectangle-xmark }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-window-close-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-window-close-o:before {
-  content: unquote('"#{ $fa-var-rectangle-xmark }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-window-close-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-rectangle-xmark }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-times-rectangle-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-times-rectangle-o:before {
-  content: unquote('"#{ $fa-var-rectangle-xmark }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-times-rectangle-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-rectangle-xmark }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-bandcamp {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-grav {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-etsy {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-imdb {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-ravelry {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-eercast {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-eercast:before {
-  content: unquote('"#{ $fa-var-sellcast }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-eercast {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-sellcast }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-snowflake-o {
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
 }
-.#{$fa-css-prefix}.#{$fa-css-prefix}-snowflake-o:before {
-  content: unquote('"#{ $fa-var-snowflake }"');
+.#{$fa-css-prefix}.#{$fa-css-prefix}-snowflake-o {
+  #{$fa-icon-property}: unquote('"#{ $fa-var-snowflake }"');
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-superpowers {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-wpexplorer {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
 }
-
 .#{$fa-css-prefix}.#{$fa-css-prefix}-meetup {
   font-family: "Font Awesome 6 Brands";
   font-weight: 400;
diff --git a/src/nationalarchives/lib/font-awesome/_variables.scss b/src/nationalarchives/lib/font-awesome/_variables.scss
index 0ec33b29..ad2caa1e 100644
--- a/src/nationalarchives/lib/font-awesome/_variables.scss
+++ b/src/nationalarchives/lib/font-awesome/_variables.scss
@@ -5,6 +5,9 @@ $fa-css-prefix: fa !default;
 $fa-style: 900 !default;
 $fa-style-family: "Font Awesome 6 Free" !default;
 
+$fa-icon-property: --fa;
+$fa-duotone-icon-property: --fa--fa;
+
 $fa-display: inline-block !default;
 
 $fa-fw-width: fa-divide(20em, 16) !default;
@@ -514,6 +517,8 @@ $fa-var-right-to-bracket: \f2f6;
 $fa-var-sign-in-alt: \f2f6;
 $fa-var-venus: \f221;
 $fa-var-passport: \f5ab;
+$fa-var-thumbtack-slash: \e68f;
+$fa-var-thumb-tack-slash: \e68f;
 $fa-var-heart-pulse: \f21e;
 $fa-var-heartbeat: \f21e;
 $fa-var-people-carry-box: \f4ce;
@@ -634,6 +639,7 @@ $fa-var-square-nfi: \e576;
 $fa-var-arrow-up-from-ground-water: \e4b5;
 $fa-var-martini-glass: \f57b;
 $fa-var-glass-martini-alt: \f57b;
+$fa-var-square-binary: \e69b;
 $fa-var-rotate-left: \f2ea;
 $fa-var-rotate-back: \f2ea;
 $fa-var-rotate-backward: \f2ea;
@@ -806,6 +812,7 @@ $fa-var-glass-martini: \f000;
 $fa-var-couch: \f4b8;
 $fa-var-cedi-sign: \e0df;
 $fa-var-italic: \f033;
+$fa-var-table-cells-column-lock: \e678;
 $fa-var-church: \f51d;
 $fa-var-comments-dollar: \f653;
 $fa-var-democrat: \f747;
@@ -1052,6 +1059,7 @@ $fa-var-face-grin-squint: \f585;
 $fa-var-grin-squint: \f585;
 $fa-var-hand-holding-dollar: \f4c0;
 $fa-var-hand-holding-usd: \f4c0;
+$fa-var-chart-diagram: \e695;
 $fa-var-bacterium: \e05a;
 $fa-var-hand-pointer: \f25a;
 $fa-var-drum-steelpan: \f56a;
@@ -1084,6 +1092,7 @@ $fa-var-door-closed: \f52a;
 $fa-var-shield-virus: \e06c;
 $fa-var-dice-six: \f526;
 $fa-var-mosquito-net: \e52c;
+$fa-var-file-fragment: \e697;
 $fa-var-bridge-water: \e4ce;
 $fa-var-person-booth: \f756;
 $fa-var-text-width: \f035;
@@ -1265,6 +1274,7 @@ $fa-var-vials: \f493;
 $fa-var-plug-circle-plus: \e55f;
 $fa-var-place-of-worship: \f67f;
 $fa-var-grip-vertical: \f58e;
+$fa-var-hexagon-nodes: \e699;
 $fa-var-arrow-turn-up: \f148;
 $fa-var-level-up: \f148;
 $fa-var-u: \55;
@@ -1530,6 +1540,7 @@ $fa-var-assistive-listening-systems: \f2a2;
 $fa-var-tree-city: \e587;
 $fa-var-play: \f04b;
 $fa-var-font: \f031;
+$fa-var-table-cells-row-lock: \e67a;
 $fa-var-rupiah-sign: \e23d;
 $fa-var-magnifying-glass: \f002;
 $fa-var-search: \f002;
@@ -1653,6 +1664,7 @@ $fa-var-rocket: \f135;
 $fa-var-photo-film: \f87c;
 $fa-var-photo-video: \f87c;
 $fa-var-folder-minus: \f65d;
+$fa-var-hexagon-nodes-bolt: \e69a;
 $fa-var-store: \f54e;
 $fa-var-arrow-trend-up: \e098;
 $fa-var-plug-circle-minus: \e55e;
@@ -1740,6 +1752,7 @@ $fa-var-shield: \f132;
 $fa-var-shield-blank: \f132;
 $fa-var-arrow-up-short-wide: \f885;
 $fa-var-sort-amount-up-alt: \f885;
+$fa-var-comment-nodes: \e696;
 $fa-var-house-medical: \e3b2;
 $fa-var-golf-ball-tee: \f450;
 $fa-var-golf-ball: \f450;
@@ -1873,7 +1886,6 @@ $fa-var-exclamation-triangle: \f071;
 $fa-var-warning: \f071;
 $fa-var-database: \f1c0;
 $fa-var-share: \f064;
-$fa-var-arrow-turn-right: \f064;
 $fa-var-mail-forward: \f064;
 $fa-var-bottle-droplet: \e4c4;
 $fa-var-mask-face: \e1d7;
@@ -1931,6 +1943,7 @@ $fa-var-window-minimize: \f2d1;
 $fa-var-mug-saucer: \f0f4;
 $fa-var-coffee: \f0f4;
 $fa-var-brush: \f55d;
+$fa-var-file-half-dashed: \e698;
 $fa-var-mask: \f6fa;
 $fa-var-magnifying-glass-minus: \f010;
 $fa-var-search-minus: \f010;
@@ -1950,6 +1963,7 @@ $fa-var-sticky-note: \f249;
 $fa-var-bug-slash: \e490;
 $fa-var-arrow-up-from-water-pump: \e4b6;
 $fa-var-bone: \f5d7;
+$fa-var-table-cells-row-unlock: \e691;
 $fa-var-user-injured: \f728;
 $fa-var-face-sad-tear: \f5b4;
 $fa-var-sad-tear: \f5b4;
@@ -2012,6 +2026,7 @@ $fa-var-redhat: \f7bc;
 $fa-var-yoast: \f2b1;
 $fa-var-cloudflare: \e07d;
 $fa-var-ups: \f7e0;
+$fa-var-pixiv: \e640;
 $fa-var-wpexplorer: \f2de;
 $fa-var-dyalog: \f399;
 $fa-var-bity: \f37a;
@@ -2032,6 +2047,8 @@ $fa-var-creative-commons-pd-alt: \f4ed;
 $fa-var-centercode: \f380;
 $fa-var-glide-g: \f2a6;
 $fa-var-drupal: \f1a9;
+$fa-var-jxl: \e67b;
+$fa-var-dart-lang: \e693;
 $fa-var-hire-a-helper: \f3b0;
 $fa-var-creative-commons-by: \f4e7;
 $fa-var-unity: \e049;
@@ -2047,6 +2064,7 @@ $fa-var-vimeo-v: \f27d;
 $fa-var-contao: \f26d;
 $fa-var-square-font-awesome: \e5ad;
 $fa-var-deskpro: \f38f;
+$fa-var-brave: \e63c;
 $fa-var-sistrix: \f3ee;
 $fa-var-square-instagram: \e055;
 $fa-var-instagram-square: \e055;
@@ -2103,6 +2121,7 @@ $fa-var-meetup: \f2e0;
 $fa-var-centos: \f789;
 $fa-var-adn: \f170;
 $fa-var-cloudsmith: \f384;
+$fa-var-opensuse: \e62b;
 $fa-var-pied-piper-alt: \f1a8;
 $fa-var-square-dribbble: \f397;
 $fa-var-dribbble-square: \f397;
@@ -2115,6 +2134,7 @@ $fa-var-scribd: \f28a;
 $fa-var-debian: \e60b;
 $fa-var-openid: \f19b;
 $fa-var-instalod: \e081;
+$fa-var-files-pinwheel: \e69f;
 $fa-var-expeditedssl: \f23e;
 $fa-var-sellcast: \f2da;
 $fa-var-square-twitter: \f081;
@@ -2131,6 +2151,7 @@ $fa-var-cc-mastercard: \f1f1;
 $fa-var-itunes-note: \f3b5;
 $fa-var-golang: \e40f;
 $fa-var-kickstarter: \f3bb;
+$fa-var-square-kickstarter: \f3bb;
 $fa-var-grav: \f2d6;
 $fa-var-weibo: \f18a;
 $fa-var-uncharted: \e084;
@@ -2151,9 +2172,11 @@ $fa-var-meta: \e49b;
 $fa-var-laravel: \f3bd;
 $fa-var-hotjar: \f3b1;
 $fa-var-bluetooth-b: \f294;
+$fa-var-square-letterboxd: \e62e;
 $fa-var-sticker-mule: \f3f7;
 $fa-var-creative-commons-zero: \f4f3;
 $fa-var-hips: \f452;
+$fa-var-css: \e6a2;
 $fa-var-behance: \f1b4;
 $fa-var-reddit: \f1a1;
 $fa-var-discord: \f392;
@@ -2162,6 +2185,7 @@ $fa-var-app-store-ios: \f370;
 $fa-var-cc-discover: \f1f2;
 $fa-var-wpbeginner: \f297;
 $fa-var-confluence: \f78d;
+$fa-var-shoelace: \e60c;
 $fa-var-mdb: \f8ca;
 $fa-var-dochub: \f394;
 $fa-var-accessible-icon: \f368;
@@ -2203,6 +2227,7 @@ $fa-var-angrycreative: \f36e;
 $fa-var-y-combinator: \f23b;
 $fa-var-empire: \f1d1;
 $fa-var-envira: \f299;
+$fa-var-google-scholar: \e63b;
 $fa-var-square-gitlab: \e5ae;
 $fa-var-gitlab-square: \e5ae;
 $fa-var-studiovinari: \f3f8;
@@ -2247,6 +2272,7 @@ $fa-var-less: \f41d;
 $fa-var-blogger-b: \f37d;
 $fa-var-opencart: \f23d;
 $fa-var-vine: \f1ca;
+$fa-var-signal-messenger: \e663;
 $fa-var-paypal: \f1ed;
 $fa-var-gitlab: \f296;
 $fa-var-typo3: \f42b;
@@ -2258,6 +2284,7 @@ $fa-var-pied-piper-pp: \f1a7;
 $fa-var-bootstrap: \f836;
 $fa-var-odnoklassniki: \f263;
 $fa-var-nfc-symbol: \e531;
+$fa-var-mintbit: \e62f;
 $fa-var-ethereum: \f42e;
 $fa-var-speaker-deck: \f83c;
 $fa-var-creative-commons-nc-eu: \f4e9;
@@ -2266,9 +2293,11 @@ $fa-var-avianex: \f374;
 $fa-var-ello: \f5f1;
 $fa-var-gofore: \f3a7;
 $fa-var-bimobject: \f378;
+$fa-var-brave-reverse: \e63d;
 $fa-var-facebook-f: \f39e;
 $fa-var-square-google-plus: \f0d4;
 $fa-var-google-plus-square: \f0d4;
+$fa-var-web-awesome: \e682;
 $fa-var-mandalorian: \f50f;
 $fa-var-first-order-alt: \f50a;
 $fa-var-osi: \f41a;
@@ -2291,6 +2320,7 @@ $fa-var-magento: \f3c4;
 $fa-var-spotify: \f1bc;
 $fa-var-optin-monster: \f23c;
 $fa-var-fly: \f417;
+$fa-var-square-bluesky: \e6a3;
 $fa-var-aviato: \f421;
 $fa-var-itunes: \f3b4;
 $fa-var-cuttlefish: \f38c;
@@ -2300,6 +2330,7 @@ $fa-var-viber: \f409;
 $fa-var-soundcloud: \f1be;
 $fa-var-digg: \f1a6;
 $fa-var-tencent-weibo: \f1d5;
+$fa-var-letterboxd: \e62d;
 $fa-var-symfony: \f83d;
 $fa-var-maxcdn: \f136;
 $fa-var-etsy: \f2d7;
@@ -2322,6 +2353,7 @@ $fa-var-palfed: \f3d8;
 $fa-var-superpowers: \f2dd;
 $fa-var-resolving: \f3e7;
 $fa-var-xbox: \f412;
+$fa-var-square-web-awesome-stroke: \e684;
 $fa-var-searchengin: \f3eb;
 $fa-var-tiktok: \e07b;
 $fa-var-square-facebook: \f082;
@@ -2333,6 +2365,7 @@ $fa-var-linkedin: \f08c;
 $fa-var-hubspot: \f3b2;
 $fa-var-deploydog: \f38e;
 $fa-var-twitch: \f1e8;
+$fa-var-flutter: \e694;
 $fa-var-ravelry: \f2d9;
 $fa-var-mixer: \e056;
 $fa-var-square-lastfm: \f203;
@@ -2346,6 +2379,7 @@ $fa-var-cc-amazon-pay: \f42d;
 $fa-var-dropbox: \f16b;
 $fa-var-instagram: \f16d;
 $fa-var-cmplid: \e360;
+$fa-var-upwork: \e641;
 $fa-var-facebook: \f09a;
 $fa-var-gripfire: \f3ac;
 $fa-var-jedi-order: \f50e;
@@ -2357,6 +2391,7 @@ $fa-var-earlybirds: \f39a;
 $fa-var-trade-federation: \f513;
 $fa-var-autoprefixer: \f41c;
 $fa-var-whatsapp: \f232;
+$fa-var-square-upwork: \e67c;
 $fa-var-slideshare: \f1e7;
 $fa-var-google-play: \f3ab;
 $fa-var-viadeo: \f2a9;
@@ -2383,6 +2418,7 @@ $fa-var-yandex: \f413;
 $fa-var-readme: \f4d5;
 $fa-var-html5: \f13b;
 $fa-var-sellsy: \f213;
+$fa-var-square-web-awesome: \e683;
 $fa-var-sass: \f41e;
 $fa-var-wirsindhandwerk: \e2d0;
 $fa-var-wsh: \e2d0;
@@ -2395,6 +2431,7 @@ $fa-var-pinterest-p: \f231;
 $fa-var-apper: \f371;
 $fa-var-fort-awesome: \f286;
 $fa-var-waze: \f83f;
+$fa-var-bluesky: \e671;
 $fa-var-cc-jcb: \f24b;
 $fa-var-snapchat: \f2ab;
 $fa-var-snapchat-ghost: \f2ab;
@@ -2404,6 +2441,7 @@ $fa-var-wix: \f5cf;
 $fa-var-square-behance: \f1b5;
 $fa-var-behance-square: \f1b5;
 $fa-var-supple: \f3f9;
+$fa-var-webflow: \e65c;
 $fa-var-rebel: \f1d0;
 $fa-var-css3: \f13c;
 $fa-var-staylinked: \f3f5;
@@ -2974,6 +3012,8 @@ $fa-icons: (
   "sign-in-alt": $fa-var-sign-in-alt,
   "venus": $fa-var-venus,
   "passport": $fa-var-passport,
+  "thumbtack-slash": $fa-var-thumbtack-slash,
+  "thumb-tack-slash": $fa-var-thumb-tack-slash,
   "heart-pulse": $fa-var-heart-pulse,
   "heartbeat": $fa-var-heartbeat,
   "people-carry-box": $fa-var-people-carry-box,
@@ -3094,6 +3134,7 @@ $fa-icons: (
   "arrow-up-from-ground-water": $fa-var-arrow-up-from-ground-water,
   "martini-glass": $fa-var-martini-glass,
   "glass-martini-alt": $fa-var-glass-martini-alt,
+  "square-binary": $fa-var-square-binary,
   "rotate-left": $fa-var-rotate-left,
   "rotate-back": $fa-var-rotate-back,
   "rotate-backward": $fa-var-rotate-backward,
@@ -3267,6 +3308,7 @@ $fa-icons: (
   "couch": $fa-var-couch,
   "cedi-sign": $fa-var-cedi-sign,
   "italic": $fa-var-italic,
+  "table-cells-column-lock": $fa-var-table-cells-column-lock,
   "church": $fa-var-church,
   "comments-dollar": $fa-var-comments-dollar,
   "democrat": $fa-var-democrat,
@@ -3514,6 +3556,7 @@ $fa-icons: (
   "grin-squint": $fa-var-grin-squint,
   "hand-holding-dollar": $fa-var-hand-holding-dollar,
   "hand-holding-usd": $fa-var-hand-holding-usd,
+  "chart-diagram": $fa-var-chart-diagram,
   "bacterium": $fa-var-bacterium,
   "hand-pointer": $fa-var-hand-pointer,
   "drum-steelpan": $fa-var-drum-steelpan,
@@ -3546,6 +3589,7 @@ $fa-icons: (
   "shield-virus": $fa-var-shield-virus,
   "dice-six": $fa-var-dice-six,
   "mosquito-net": $fa-var-mosquito-net,
+  "file-fragment": $fa-var-file-fragment,
   "bridge-water": $fa-var-bridge-water,
   "person-booth": $fa-var-person-booth,
   "text-width": $fa-var-text-width,
@@ -3729,6 +3773,7 @@ $fa-icons: (
   "plug-circle-plus": $fa-var-plug-circle-plus,
   "place-of-worship": $fa-var-place-of-worship,
   "grip-vertical": $fa-var-grip-vertical,
+  "hexagon-nodes": $fa-var-hexagon-nodes,
   "arrow-turn-up": $fa-var-arrow-turn-up,
   "level-up": $fa-var-level-up,
   "u": $fa-var-u,
@@ -3994,6 +4039,7 @@ $fa-icons: (
   "tree-city": $fa-var-tree-city,
   "play": $fa-var-play,
   "font": $fa-var-font,
+  "table-cells-row-lock": $fa-var-table-cells-row-lock,
   "rupiah-sign": $fa-var-rupiah-sign,
   "magnifying-glass": $fa-var-magnifying-glass,
   "search": $fa-var-search,
@@ -4117,6 +4163,7 @@ $fa-icons: (
   "photo-film": $fa-var-photo-film,
   "photo-video": $fa-var-photo-video,
   "folder-minus": $fa-var-folder-minus,
+  "hexagon-nodes-bolt": $fa-var-hexagon-nodes-bolt,
   "store": $fa-var-store,
   "arrow-trend-up": $fa-var-arrow-trend-up,
   "plug-circle-minus": $fa-var-plug-circle-minus,
@@ -4204,6 +4251,7 @@ $fa-icons: (
   "shield-blank": $fa-var-shield-blank,
   "arrow-up-short-wide": $fa-var-arrow-up-short-wide,
   "sort-amount-up-alt": $fa-var-sort-amount-up-alt,
+  "comment-nodes": $fa-var-comment-nodes,
   "house-medical": $fa-var-house-medical,
   "golf-ball-tee": $fa-var-golf-ball-tee,
   "golf-ball": $fa-var-golf-ball,
@@ -4338,7 +4386,6 @@ $fa-icons: (
   "warning": $fa-var-warning,
   "database": $fa-var-database,
   "share": $fa-var-share,
-  "arrow-turn-right": $fa-var-arrow-turn-right,
   "mail-forward": $fa-var-mail-forward,
   "bottle-droplet": $fa-var-bottle-droplet,
   "mask-face": $fa-var-mask-face,
@@ -4396,6 +4443,7 @@ $fa-icons: (
   "mug-saucer": $fa-var-mug-saucer,
   "coffee": $fa-var-coffee,
   "brush": $fa-var-brush,
+  "file-half-dashed": $fa-var-file-half-dashed,
   "mask": $fa-var-mask,
   "magnifying-glass-minus": $fa-var-magnifying-glass-minus,
   "search-minus": $fa-var-search-minus,
@@ -4415,6 +4463,7 @@ $fa-icons: (
   "bug-slash": $fa-var-bug-slash,
   "arrow-up-from-water-pump": $fa-var-arrow-up-from-water-pump,
   "bone": $fa-var-bone,
+  "table-cells-row-unlock": $fa-var-table-cells-row-unlock,
   "user-injured": $fa-var-user-injured,
   "face-sad-tear": $fa-var-face-sad-tear,
   "sad-tear": $fa-var-sad-tear,
@@ -4479,6 +4528,7 @@ $fa-brand-icons: (
   "yoast": $fa-var-yoast,
   "cloudflare": $fa-var-cloudflare,
   "ups": $fa-var-ups,
+  "pixiv": $fa-var-pixiv,
   "wpexplorer": $fa-var-wpexplorer,
   "dyalog": $fa-var-dyalog,
   "bity": $fa-var-bity,
@@ -4499,6 +4549,8 @@ $fa-brand-icons: (
   "centercode": $fa-var-centercode,
   "glide-g": $fa-var-glide-g,
   "drupal": $fa-var-drupal,
+  "jxl": $fa-var-jxl,
+  "dart-lang": $fa-var-dart-lang,
   "hire-a-helper": $fa-var-hire-a-helper,
   "creative-commons-by": $fa-var-creative-commons-by,
   "unity": $fa-var-unity,
@@ -4514,6 +4566,7 @@ $fa-brand-icons: (
   "contao": $fa-var-contao,
   "square-font-awesome": $fa-var-square-font-awesome,
   "deskpro": $fa-var-deskpro,
+  "brave": $fa-var-brave,
   "sistrix": $fa-var-sistrix,
   "square-instagram": $fa-var-square-instagram,
   "instagram-square": $fa-var-instagram-square,
@@ -4570,6 +4623,7 @@ $fa-brand-icons: (
   "centos": $fa-var-centos,
   "adn": $fa-var-adn,
   "cloudsmith": $fa-var-cloudsmith,
+  "opensuse": $fa-var-opensuse,
   "pied-piper-alt": $fa-var-pied-piper-alt,
   "square-dribbble": $fa-var-square-dribbble,
   "dribbble-square": $fa-var-dribbble-square,
@@ -4582,6 +4636,7 @@ $fa-brand-icons: (
   "debian": $fa-var-debian,
   "openid": $fa-var-openid,
   "instalod": $fa-var-instalod,
+  "files-pinwheel": $fa-var-files-pinwheel,
   "expeditedssl": $fa-var-expeditedssl,
   "sellcast": $fa-var-sellcast,
   "square-twitter": $fa-var-square-twitter,
@@ -4598,6 +4653,7 @@ $fa-brand-icons: (
   "itunes-note": $fa-var-itunes-note,
   "golang": $fa-var-golang,
   "kickstarter": $fa-var-kickstarter,
+  "square-kickstarter": $fa-var-square-kickstarter,
   "grav": $fa-var-grav,
   "weibo": $fa-var-weibo,
   "uncharted": $fa-var-uncharted,
@@ -4618,9 +4674,11 @@ $fa-brand-icons: (
   "laravel": $fa-var-laravel,
   "hotjar": $fa-var-hotjar,
   "bluetooth-b": $fa-var-bluetooth-b,
+  "square-letterboxd": $fa-var-square-letterboxd,
   "sticker-mule": $fa-var-sticker-mule,
   "creative-commons-zero": $fa-var-creative-commons-zero,
   "hips": $fa-var-hips,
+  "css": $fa-var-css,
   "behance": $fa-var-behance,
   "reddit": $fa-var-reddit,
   "discord": $fa-var-discord,
@@ -4629,6 +4687,7 @@ $fa-brand-icons: (
   "cc-discover": $fa-var-cc-discover,
   "wpbeginner": $fa-var-wpbeginner,
   "confluence": $fa-var-confluence,
+  "shoelace": $fa-var-shoelace,
   "mdb": $fa-var-mdb,
   "dochub": $fa-var-dochub,
   "accessible-icon": $fa-var-accessible-icon,
@@ -4670,6 +4729,7 @@ $fa-brand-icons: (
   "y-combinator": $fa-var-y-combinator,
   "empire": $fa-var-empire,
   "envira": $fa-var-envira,
+  "google-scholar": $fa-var-google-scholar,
   "square-gitlab": $fa-var-square-gitlab,
   "gitlab-square": $fa-var-gitlab-square,
   "studiovinari": $fa-var-studiovinari,
@@ -4714,6 +4774,7 @@ $fa-brand-icons: (
   "blogger-b": $fa-var-blogger-b,
   "opencart": $fa-var-opencart,
   "vine": $fa-var-vine,
+  "signal-messenger": $fa-var-signal-messenger,
   "paypal": $fa-var-paypal,
   "gitlab": $fa-var-gitlab,
   "typo3": $fa-var-typo3,
@@ -4725,6 +4786,7 @@ $fa-brand-icons: (
   "bootstrap": $fa-var-bootstrap,
   "odnoklassniki": $fa-var-odnoklassniki,
   "nfc-symbol": $fa-var-nfc-symbol,
+  "mintbit": $fa-var-mintbit,
   "ethereum": $fa-var-ethereum,
   "speaker-deck": $fa-var-speaker-deck,
   "creative-commons-nc-eu": $fa-var-creative-commons-nc-eu,
@@ -4733,9 +4795,11 @@ $fa-brand-icons: (
   "ello": $fa-var-ello,
   "gofore": $fa-var-gofore,
   "bimobject": $fa-var-bimobject,
+  "brave-reverse": $fa-var-brave-reverse,
   "facebook-f": $fa-var-facebook-f,
   "square-google-plus": $fa-var-square-google-plus,
   "google-plus-square": $fa-var-google-plus-square,
+  "web-awesome": $fa-var-web-awesome,
   "mandalorian": $fa-var-mandalorian,
   "first-order-alt": $fa-var-first-order-alt,
   "osi": $fa-var-osi,
@@ -4758,6 +4822,7 @@ $fa-brand-icons: (
   "spotify": $fa-var-spotify,
   "optin-monster": $fa-var-optin-monster,
   "fly": $fa-var-fly,
+  "square-bluesky": $fa-var-square-bluesky,
   "aviato": $fa-var-aviato,
   "itunes": $fa-var-itunes,
   "cuttlefish": $fa-var-cuttlefish,
@@ -4767,6 +4832,7 @@ $fa-brand-icons: (
   "soundcloud": $fa-var-soundcloud,
   "digg": $fa-var-digg,
   "tencent-weibo": $fa-var-tencent-weibo,
+  "letterboxd": $fa-var-letterboxd,
   "symfony": $fa-var-symfony,
   "maxcdn": $fa-var-maxcdn,
   "etsy": $fa-var-etsy,
@@ -4789,6 +4855,7 @@ $fa-brand-icons: (
   "superpowers": $fa-var-superpowers,
   "resolving": $fa-var-resolving,
   "xbox": $fa-var-xbox,
+  "square-web-awesome-stroke": $fa-var-square-web-awesome-stroke,
   "searchengin": $fa-var-searchengin,
   "tiktok": $fa-var-tiktok,
   "square-facebook": $fa-var-square-facebook,
@@ -4800,6 +4867,7 @@ $fa-brand-icons: (
   "hubspot": $fa-var-hubspot,
   "deploydog": $fa-var-deploydog,
   "twitch": $fa-var-twitch,
+  "flutter": $fa-var-flutter,
   "ravelry": $fa-var-ravelry,
   "mixer": $fa-var-mixer,
   "square-lastfm": $fa-var-square-lastfm,
@@ -4813,6 +4881,7 @@ $fa-brand-icons: (
   "dropbox": $fa-var-dropbox,
   "instagram": $fa-var-instagram,
   "cmplid": $fa-var-cmplid,
+  "upwork": $fa-var-upwork,
   "facebook": $fa-var-facebook,
   "gripfire": $fa-var-gripfire,
   "jedi-order": $fa-var-jedi-order,
@@ -4824,6 +4893,7 @@ $fa-brand-icons: (
   "trade-federation": $fa-var-trade-federation,
   "autoprefixer": $fa-var-autoprefixer,
   "whatsapp": $fa-var-whatsapp,
+  "square-upwork": $fa-var-square-upwork,
   "slideshare": $fa-var-slideshare,
   "google-play": $fa-var-google-play,
   "viadeo": $fa-var-viadeo,
@@ -4850,6 +4920,7 @@ $fa-brand-icons: (
   "readme": $fa-var-readme,
   "html5": $fa-var-html5,
   "sellsy": $fa-var-sellsy,
+  "square-web-awesome": $fa-var-square-web-awesome,
   "sass": $fa-var-sass,
   "wirsindhandwerk": $fa-var-wirsindhandwerk,
   "wsh": $fa-var-wsh,
@@ -4862,6 +4933,7 @@ $fa-brand-icons: (
   "apper": $fa-var-apper,
   "fort-awesome": $fa-var-fort-awesome,
   "waze": $fa-var-waze,
+  "bluesky": $fa-var-bluesky,
   "cc-jcb": $fa-var-cc-jcb,
   "snapchat": $fa-var-snapchat,
   "snapchat-ghost": $fa-var-snapchat-ghost,
@@ -4871,6 +4943,7 @@ $fa-brand-icons: (
   "square-behance": $fa-var-square-behance,
   "behance-square": $fa-var-behance-square,
   "supple": $fa-var-supple,
+  "webflow": $fa-var-webflow,
   "rebel": $fa-var-rebel,
   "css3": $fa-var-css3,
   "staylinked": $fa-var-staylinked,
diff --git a/src/nationalarchives/lib/font-awesome/brands.scss b/src/nationalarchives/lib/font-awesome/brands.scss
index 60346ba6..3636819a 100644
--- a/src/nationalarchives/lib/font-awesome/brands.scss
+++ b/src/nationalarchives/lib/font-awesome/brands.scss
@@ -1,7 +1,7 @@
 /*!
- * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2023 Fonticons, Inc.
+ * Copyright 2024 Fonticons, Inc.
  */
 @import "functions";
 @import "variables";
@@ -28,7 +28,7 @@
 }
 
 @each $name, $icon in $fa-brand-icons {
-  .#{$fa-css-prefix}-#{$name}:before {
-    content: unquote('"#{ $icon }"');
+  .#{$fa-css-prefix}-#{$name} {
+    #{$fa-icon-property}: unquote('"#{ $icon }"');
   }
 }
diff --git a/src/nationalarchives/lib/font-awesome/fontawesome.scss b/src/nationalarchives/lib/font-awesome/fontawesome.scss
index e43d0d26..81d29d6a 100644
--- a/src/nationalarchives/lib/font-awesome/fontawesome.scss
+++ b/src/nationalarchives/lib/font-awesome/fontawesome.scss
@@ -1,7 +1,7 @@
 /*!
- * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2023 Fonticons, Inc.
+ * Copyright 2024 Fonticons, Inc.
  */
 // Font Awesome core compile (Web Fonts-based)
 // -------------------------
diff --git a/src/nationalarchives/lib/font-awesome/solid.scss b/src/nationalarchives/lib/font-awesome/solid.scss
index d93eb464..b1d8e82f 100644
--- a/src/nationalarchives/lib/font-awesome/solid.scss
+++ b/src/nationalarchives/lib/font-awesome/solid.scss
@@ -1,7 +1,7 @@
 /*!
- * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2023 Fonticons, Inc.
+ * Copyright 2024 Fonticons, Inc.
  */
 @import "functions";
 @import "variables";
diff --git a/src/nationalarchives/lib/font-awesome/v4-shims.scss b/src/nationalarchives/lib/font-awesome/v4-shims.scss
index b6331ed4..e2bdc7a6 100644
--- a/src/nationalarchives/lib/font-awesome/v4-shims.scss
+++ b/src/nationalarchives/lib/font-awesome/v4-shims.scss
@@ -1,7 +1,7 @@
 /*!
- * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2023 Fonticons, Inc.
+ * Copyright 2024 Fonticons, Inc.
  */
 // V4 shims compile (Web Fonts-based)
 // -------------------------