@nationalarchives/frontend 0.1.17-prerelease → 0.1.19-prerelease

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (170) hide show
  1. package/nationalarchives/all.css +12 -2
  2. package/nationalarchives/all.css.map +1 -1
  3. package/nationalarchives/all.js +1 -1
  4. package/nationalarchives/all.js.map +1 -1
  5. package/nationalarchives/all.mjs +26 -2
  6. package/nationalarchives/all.scss +20 -4
  7. package/nationalarchives/assets/fonts/OpenSans-Bold.ttf +0 -0
  8. package/nationalarchives/assets/fonts/OpenSans-Medium.ttf +0 -0
  9. package/nationalarchives/assets/fonts/RobotoMono-Regular.ttf +0 -0
  10. package/nationalarchives/components/_index.scss +18 -16
  11. package/nationalarchives/components/breadcrumbs/_index.scss +1 -109
  12. package/nationalarchives/components/breadcrumbs/breadcrumbs.css +1 -0
  13. package/nationalarchives/components/breadcrumbs/breadcrumbs.css.map +1 -0
  14. package/nationalarchives/components/breadcrumbs/breadcrumbs.js +1 -1
  15. package/nationalarchives/components/breadcrumbs/breadcrumbs.js.map +1 -1
  16. package/nationalarchives/components/breadcrumbs/breadcrumbs.scss +111 -0
  17. package/nationalarchives/components/button/_button-group.scss +3 -5
  18. package/nationalarchives/components/button/_index.scss +1 -73
  19. package/nationalarchives/components/button/button.css +13 -0
  20. package/nationalarchives/components/button/button.css.map +1 -0
  21. package/nationalarchives/components/button/button.scss +103 -0
  22. package/nationalarchives/components/button/button.stories.js +61 -0
  23. package/nationalarchives/components/button/macro-options.json +19 -1
  24. package/nationalarchives/components/button/template.njk +8 -2
  25. package/nationalarchives/components/card/_index.scss +1 -183
  26. package/nationalarchives/components/card/card.css +13 -0
  27. package/nationalarchives/components/card/card.css.map +1 -0
  28. package/nationalarchives/components/card/card.scss +171 -0
  29. package/nationalarchives/components/card/card.stories.js +185 -95
  30. package/nationalarchives/components/card/fixtures.json +57 -28
  31. package/nationalarchives/components/card/macro-options.json +77 -48
  32. package/nationalarchives/components/card/template.njk +47 -37
  33. package/nationalarchives/components/cookie-banner/_index.scss +1 -0
  34. package/nationalarchives/components/cookie-banner/cookie-banner.css +13 -0
  35. package/nationalarchives/components/cookie-banner/cookie-banner.css.map +1 -0
  36. package/nationalarchives/components/cookie-banner/cookie-banner.js +2 -0
  37. package/nationalarchives/components/cookie-banner/cookie-banner.js.map +1 -0
  38. package/nationalarchives/components/cookie-banner/cookie-banner.mjs +83 -0
  39. package/nationalarchives/components/cookie-banner/cookie-banner.scss +32 -0
  40. package/nationalarchives/components/cookie-banner/cookie-banner.stories.js +164 -0
  41. package/nationalarchives/components/cookie-banner/fixtures.json +4 -0
  42. package/nationalarchives/components/cookie-banner/macro-options.json +38 -0
  43. package/nationalarchives/components/cookie-banner/macro.njk +3 -0
  44. package/nationalarchives/components/cookie-banner/template.njk +61 -0
  45. package/nationalarchives/components/filters/_index.scss +1 -54
  46. package/nationalarchives/components/filters/filters.css +1 -0
  47. package/nationalarchives/components/filters/filters.css.map +1 -0
  48. package/nationalarchives/components/filters/filters.scss +53 -0
  49. package/nationalarchives/components/footer/_index.scss +1 -270
  50. package/nationalarchives/components/footer/footer.css +13 -0
  51. package/nationalarchives/components/footer/footer.css.map +1 -0
  52. package/nationalarchives/components/footer/footer.scss +265 -0
  53. package/nationalarchives/components/footer/footer.stories.js +6 -6
  54. package/nationalarchives/components/footer/macro-options.json +7 -1
  55. package/nationalarchives/components/footer/template.njk +10 -6
  56. package/nationalarchives/components/gallery/_index.scss +1 -0
  57. package/nationalarchives/components/gallery/fixtures.json +4 -0
  58. package/nationalarchives/components/gallery/gallery.css +13 -0
  59. package/nationalarchives/components/gallery/gallery.css.map +1 -0
  60. package/nationalarchives/components/gallery/gallery.js +2 -0
  61. package/nationalarchives/components/gallery/gallery.js.map +1 -0
  62. package/nationalarchives/components/gallery/gallery.mjs +80 -0
  63. package/nationalarchives/components/gallery/gallery.scss +129 -0
  64. package/nationalarchives/components/gallery/gallery.stories.js +76 -0
  65. package/nationalarchives/components/gallery/macro-options.json +104 -0
  66. package/nationalarchives/components/gallery/macro.njk +3 -0
  67. package/nationalarchives/components/gallery/template.njk +45 -0
  68. package/nationalarchives/components/grid/_index.scss +1 -79
  69. package/nationalarchives/components/grid/grid.css +1 -0
  70. package/nationalarchives/components/grid/grid.css.map +1 -0
  71. package/nationalarchives/components/grid/grid.scss +81 -0
  72. package/nationalarchives/components/header/_index.scss +1 -586
  73. package/nationalarchives/components/header/header.css +1 -0
  74. package/nationalarchives/components/header/header.css.map +1 -0
  75. package/nationalarchives/components/header/header.js +1 -1
  76. package/nationalarchives/components/header/header.js.map +1 -1
  77. package/nationalarchives/components/header/header.scss +594 -0
  78. package/nationalarchives/components/header/header.stories.js +5 -5
  79. package/nationalarchives/components/hero/_index.scss +1 -167
  80. package/nationalarchives/components/hero/hero.css +1 -0
  81. package/nationalarchives/components/hero/hero.css.map +1 -0
  82. package/nationalarchives/components/hero/hero.scss +169 -0
  83. package/nationalarchives/components/index-grid/_index.scss +1 -82
  84. package/nationalarchives/components/index-grid/index-grid.css +1 -0
  85. package/nationalarchives/components/index-grid/index-grid.css.map +1 -0
  86. package/nationalarchives/components/index-grid/index-grid.scss +84 -0
  87. package/nationalarchives/components/message/_index.scss +1 -35
  88. package/nationalarchives/components/message/message.css +1 -0
  89. package/nationalarchives/components/message/message.css.map +1 -0
  90. package/nationalarchives/components/message/message.scss +36 -0
  91. package/nationalarchives/components/phase-banner/_index.scss +1 -60
  92. package/nationalarchives/components/phase-banner/fixtures.json +8 -8
  93. package/nationalarchives/components/phase-banner/phase-banner.css +1 -0
  94. package/nationalarchives/components/phase-banner/phase-banner.css.map +1 -0
  95. package/nationalarchives/components/phase-banner/phase-banner.scss +31 -0
  96. package/nationalarchives/components/phase-banner/template.njk +2 -2
  97. package/nationalarchives/components/picture/_index.scss +1 -62
  98. package/nationalarchives/components/picture/picture.css +13 -0
  99. package/nationalarchives/components/picture/picture.css.map +1 -0
  100. package/nationalarchives/components/picture/picture.js +1 -1
  101. package/nationalarchives/components/picture/picture.js.map +1 -1
  102. package/nationalarchives/components/picture/picture.mjs +2 -1
  103. package/nationalarchives/components/picture/picture.scss +65 -0
  104. package/nationalarchives/components/profile/_index.scss +1 -2
  105. package/nationalarchives/components/profile/profile.css +1 -0
  106. package/nationalarchives/components/profile/profile.css.map +1 -0
  107. package/nationalarchives/components/profile/profile.scss +5 -0
  108. package/nationalarchives/components/sensitive-image/_index.scss +1 -77
  109. package/nationalarchives/components/sensitive-image/sensitive-image.css +1 -0
  110. package/nationalarchives/components/sensitive-image/sensitive-image.css.map +1 -0
  111. package/nationalarchives/components/sensitive-image/sensitive-image.js +1 -1
  112. package/nationalarchives/components/sensitive-image/sensitive-image.js.map +1 -1
  113. package/nationalarchives/components/sensitive-image/sensitive-image.scss +78 -0
  114. package/nationalarchives/components/skip-link/_index.scss +1 -63
  115. package/nationalarchives/components/skip-link/skip-link.css +1 -0
  116. package/nationalarchives/components/skip-link/skip-link.css.map +1 -0
  117. package/nationalarchives/components/skip-link/skip-link.scss +61 -0
  118. package/nationalarchives/components/tabs/_index.scss +1 -144
  119. package/nationalarchives/components/tabs/tabs.css +1 -0
  120. package/nationalarchives/components/tabs/tabs.css.map +1 -0
  121. package/nationalarchives/components/tabs/tabs.js +1 -1
  122. package/nationalarchives/components/tabs/tabs.js.map +1 -1
  123. package/nationalarchives/components/tabs/tabs.mjs +2 -0
  124. package/nationalarchives/components/tabs/tabs.scss +143 -0
  125. package/nationalarchives/components/tabs/tabs.stories.js +0 -1
  126. package/nationalarchives/lib/_font-awesome.scss +5 -0
  127. package/nationalarchives/lib/_index.scss +1 -0
  128. package/nationalarchives/lib/cookies.mjs +110 -0
  129. package/nationalarchives/lib/font-awesome/brands.css +5 -0
  130. package/nationalarchives/lib/font-awesome/brands.css.map +1 -0
  131. package/nationalarchives/lib/font-awesome/fontawesome.css +5 -0
  132. package/nationalarchives/lib/font-awesome/fontawesome.css.map +1 -0
  133. package/nationalarchives/lib/font-awesome/regular.css +5 -0
  134. package/nationalarchives/lib/font-awesome/regular.css.map +1 -0
  135. package/nationalarchives/lib/font-awesome/solid.css +5 -0
  136. package/nationalarchives/lib/font-awesome/solid.css.map +1 -0
  137. package/nationalarchives/lib/font-awesome/v4-shims.css +5 -0
  138. package/nationalarchives/lib/font-awesome/v4-shims.css.map +1 -0
  139. package/nationalarchives/stories/development/about.mdx +60 -0
  140. package/nationalarchives/stories/development/contributing.mdx +8 -5
  141. package/nationalarchives/stories/development/relationships.mdx +57 -0
  142. package/nationalarchives/stories/development/using.mdx +75 -0
  143. package/nationalarchives/stories/utilities/colour-schemes/colour-schemes.stories.js +176 -50
  144. package/nationalarchives/stories/utilities/typography/heading-groups.stories.js +3 -3
  145. package/nationalarchives/stories/utilities/typography/typography.stories.js +1 -1
  146. package/nationalarchives/templates/layouts/_generic.njk +7 -2
  147. package/nationalarchives/tools/_colour.scss +55 -17
  148. package/nationalarchives/tools/_index.scss +5 -4
  149. package/nationalarchives/tools/_spacing.scss +22 -0
  150. package/nationalarchives/tools/_typography.scss +0 -4
  151. package/nationalarchives/utilities/_a11y.scss +24 -0
  152. package/nationalarchives/utilities/_global.scss +3 -29
  153. package/nationalarchives/utilities/_index.scss +5 -5
  154. package/nationalarchives/utilities/_overrides.scss +5 -15
  155. package/nationalarchives/utilities/_typography.scss +68 -57
  156. package/nationalarchives/variables/_colour.scss +17 -9
  157. package/nationalarchives/variables/_grid.scss +1 -1
  158. package/nationalarchives/variables/_spacing.scss +12 -12
  159. package/nationalarchives/variables/_typography.scss +7 -7
  160. package/package.json +5 -2
  161. package/nationalarchives/assets/images/footer/facebook.svg +0 -11
  162. package/nationalarchives/assets/images/footer/flickr.svg +0 -11
  163. package/nationalarchives/assets/images/footer/instagram.svg +0 -17
  164. package/nationalarchives/assets/images/footer/rss.svg +0 -13
  165. package/nationalarchives/assets/images/footer/twitter.svg +0 -14
  166. package/nationalarchives/assets/images/footer/youtube.svg +0 -12
  167. package/nationalarchives/stories/development/dependencies.mdx +0 -11
  168. package/nationalarchives/stories/development/relationships.md +0 -91
  169. package/nationalarchives/stories/development/technologies.mdx +0 -65
  170. package/nationalarchives/utilities/_font-awesome.scss +0 -5
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../../src/nationalarchives/lib/font-awesome/v4-shims.scss","../../../../src/nationalarchives/lib/font-awesome/_shims.scss"],"names":[],"mappings":"CAAA;AAAA;AAAA;AAAA;AAAA,uBCCE,YAGF,kBACE,kCACA,gBAEF,yBACE,YAGF,cACE,kCACA,gBAEF,qBACE,YAGF,qBACE,YAGF,oBACE,YAGF,mBACE,YAGF,eACE,kCACA,gBAEF,sBACE,YAGF,mBACE,YAGF,cACE,kCACA,gBAEF,qBACE,YAGF,eACE,kCACA,gBAEF,sBACE,YAGF,2BACE,kCACA,gBAEF,kCACE,YAGF,yBACE,kCACA,gBAEF,gCACE,YAGF,qBACE,kCACA,gBAEF,4BACE,YAGF,qBACE,YAGF,2BACE,YAGF,sBACE,YAGF,gBACE,kCACA,gBAEF,uBACE,YAGF,qBACE,YAGF,2BACE,YAGF,iBACE,kCACA,gBAEF,wBACE,YAGF,aACE,kCACA,gBAEF,oBACE,YAGF,aACE,kCACA,gBAEF,oBACE,YAGF,yBACE,YAGF,uBACE,kCACA,gBAEF,8BACE,YAGF,YACE,kCACA,gBAEF,mBACE,YAGF,6BACE,YAGF,sBACE,kCACA,gBAEF,6BACE,YAGF,qBACE,YAGF,sBACE,kCACA,gBAEF,6BACE,YAGF,sBACE,kCACA,gBAEF,6BACE,YAGF,2BACE,YAGF,qBACE,YAGF,uBACE,YAGF,WACE,kCACA,gBAGF,iBACE,kCACA,gBAGF,sBACE,YAGF,uBACE,YAGF,uBACE,YAGF,uBACE,YAGF,wBACE,YAGF,0BACE,YAGF,sBACE,oCACA,gBAEF,6BACE,YAGF,uBACE,oCACA,gBAEF,8BACE,YAGF,oBACE,YAGF,mBACE,kCACA,gBAEF,0BACE,YAGF,qBACE,kCACA,gBAEF,4BACE,YAGF,eACE,kCACA,gBAEF,sBACE,YAGF,uBACE,YAGF,uBACE,oCACA,gBAEF,8BACE,YAGF,yBACE,YAGF,4BACE,YAGF,sBACE,YAGF,qBACE,oCACA,gBAEF,4BACE,YAGF,eACE,kCACA,gBAEF,sBACE,YAGF,gBACE,kCACA,gBAEF,uBACE,YAGF,kBACE,kCACA,gBAEF,yBACE,YAGF,eACE,oCACA,gBAGF,gBACE,oCACA,gBAEF,uBACE,YAGF,kBACE,oCACA,gBAEF,yBACE,YAGF,cACE,oCACA,gBAGF,mBACE,kCACA,gBAGF,mBACE,YAGF,aACE,kCACA,gBAEF,oBACE,YAGF,oBACE,kCACA,gBAEF,2BACE,YAGF,mBACE,kCACA,gBAEF,0BACE,YAGF,iBACE,kCACA,gBAEF,wBACE,YAGF,mBACE,kCACA,gBAEF,0BACE,YAGF,oBACE,YAGF,oBACE,YAGF,yBACE,YAGF,oBACE,YAGF,oBACE,YAGF,kBACE,YAGF,eACE,kCACA,gBAEF,sBACE,YAGF,gBACE,kCACA,gBAEF,uBACE,YAGF,YACE,kCACA,gBAEF,mBACE,YAGF,sBACE,YAGF,sBACE,YAGF,oBACE,YAGF,iBACE,oCACA,gBAGF,wBACE,oCACA,gBAEF,+BACE,YAGF,0BACE,oCACA,gBAEF,iCACE,YAGF,mBACE,oCACA,gBAEF,0BACE,YAGF,oBACE,YAGF,uBACE,YAGF,wBACE,YAGF,uBACE,YAGF,gBACE,oCACA,gBAEF,uBACE,YAGF,0BACE,YAGF,oBACE,YAGF,yBACE,YAGF,wBACE,YAGF,iBACE,kCACA,gBAEF,wBACE,YAGF,kBACE,kCACA,gBAEF,yBACE,YAGF,oBACE,YAGF,wBACE,YAGF,mBACE,kCACA,gBAEF,0BACE,YAGF,uBACE,YAGF,6BACE,YAGF,2BACE,YAGF,cACE,kCACA,gBAEF,qBACE,YAGF,sBACE,YAGF,mBACE,kCACA,gBAEF,0BACE,YAGF,kBACE,kCACA,gBAEF,yBACE,YAGF,kBACE,kCACA,gBAEF,yBACE,YAGF,qBACE,YAGF,qBACE,YAGF,2BACE,YAGF,gBACE,kCACA,gBAEF,uBACE,YAGF,yBACE,YAGF,kBACE,oCACA,gBAGF,gBACE,kCACA,gBAEF,uBACE,YAGF,qBACE,kCACA,gBAEF,4BACE,YAGF,eACE,kCACA,gBAEF,sBACE,YAGF,eACE,kCACA,gBAEF,sBACE,YAGF,aACE,kCACA,gBAEF,oBACE,YAGF,kBACE,kCACA,gBAEF,yBACE,YAGF,cACE,kCACA,gBAEF,qBACE,YAGF,6BACE,YAGF,mBACE,kCACA,gBAEF,0BACE,YAGF,uBACE,kCACA,gBAEF,8BACE,YAGF,sBACE,kCACA,gBAEF,6BACE,YAGF,wBACE,YAGF,2BACE,YAGF,qBACE,YAGF,kBACE,kCACA,gBAEF,yBACE,YAGF,cACE,oCACA,gBAGF,aACE,oCACA,gBAGF,YACE,oCACA,gBAGF,yBACE,YAGF,sBACE,kCACA,gBAEF,6BACE,YAGF,uBACE,YAGF,yBACE,YAGF,4BACE,YAGF,mCACE,YAGF,eACE,kCACA,gBAGF,2BACE,kCACA,gBAEF,kCACE,YAGF,mBACE,kCACA,gBAEF,0BACE,YAGF,yBACE,kCACA,gBAEF,gCACE,YAGF,iBACE,kCACA,gBAEF,wBACE,YAGF,4BACE,kCACA,gBAEF,mCACE,YAGF,oBACE,kCACA,gBAEF,2BACE,YAGF,kBACE,YAGF,mBACE,YAGF,kBACE,YAGF,kBACE,aAGF,qBACE,aAGF,kBACE,YAGF,oBACE,YAGF,kBACE,YAGF,kBACE,YAGF,kBACE,YAGF,kBACE,YAGF,kBACE,YAGF,oBACE,YAGF,qBACE,YAGF,kBACE,YAGF,kBACE,YAGF,WACE,oCACA,gBAGF,eACE,oCACA,gBAEF,sBACE,YAGF,wBACE,YAGF,6BACE,YAGF,8BACE,YAGF,8BACE,YAGF,+BACE,YAGF,+BACE,YAGF,gCACE,YAGF,sBACE,oCACA,gBAEF,6BACE,YAGF,eACE,oCACA,gBAGF,YACE,oCACA,gBAGF,mBACE,oCACA,gBAEF,0BACE,YAGF,oBACE,oCACA,gBAEF,2BACE,YAGF,eACE,oCACA,gBAGF,sBACE,oCACA,gBAGF,iBACE,oCACA,gBAGF,cACE,oCACA,gBAGF,WACE,oCACA,gBAGF,iBACE,oCACA,gBAGF,wBACE,oCACA,gBAEF,+BACE,YAGF,cACE,oCACA,gBAGF,qBACE,oCACA,gBAEF,4BACE,YAGF,8BACE,YAGF,4BACE,YAGF,8BACE,YAGF,+BACE,YAGF,aACE,oCACA,gBAGF,eACE,oCACA,gBAGF,eACE,oCACA,gBAGF,aACE,oCACA,gBAGF,gBACE,oCACA,gBAGF,aACE,oCACA,gBAGF,kBACE,oCACA,gBAGF,cACE,oCACA,gBAGF,gBACE,oCACA,gBAGF,cACE,oCACA,gBAEF,qBACE,YAGF,aACE,kCACA,gBAEF,oBACE,YAGF,cACE,kCACA,gBAEF,qBACE,YAGF,UACE,oCACA,gBAGF,aACE,oCACA,gBAGF,cACE,oCACA,gBAGF,iBACE,oCACA,gBAGF,sBACE,oCACA,gBAGF,4BACE,kCACA,gBAEF,mCACE,YAGF,2BACE,kCACA,gBAEF,kCACE,YAGF,2BACE,kCACA,gBAEF,kCACE,YAGF,mBACE,kCACA,gBAEF,0BACE,YAGF,oBACE,kCACA,gBAEF,2BACE,YAGF,oBACE,oCACA,gBAEF,2BACE,YAGF,kBACE,YAGF,2BACE,YAGF,qBACE,kCACA,gBAEF,4BACE,YAGF,aACE,oCACA,gBAGF,iBACE,oCACA,gBAGF,cACE,oCACA,gBAGF,0BACE,YAGF,mBACE,YAGF,2BACE,YAGF,aACE,oCACA,gBAGF,cACE,oCACA,gBAGF,cACE,oCACA,gBAGF,qBACE,oCACA,gBAEF,4BACE,YAGF,0BACE,oCACA,gBAGF,mBACE,oCACA,gBAGF,iBACE,oCACA,gBAGF,YACE,oCACA,gBAGF,qBACE,oCACA,gBAGF,sBACE,oCACA,gBAGF,cACE,oCACA,gBAGF,cACE,oCACA,gBAGF,eACE,oCACA,gBAGF,sBACE,oCACA,gBAEF,6BACE,YAGF,aACE,oCACA,gBAGF,oBACE,oCACA,gBAEF,2BACE,YAGF,yBACE,YAGF,kBACE,YAGF,eACE,oCACA,gBAGF,kBACE,oCACA,gBAGF,kBACE,oCACA,gBAGF,kBACE,kCACA,gBAEF,yBACE,YAGF,mBACE,kCACA,gBAEF,0BACE,YAGF,oBACE,kCACA,gBAEF,2BACE,YAGF,yBACE,kCACA,gBAEF,gCACE,YAGF,oBACE,kCACA,gBAEF,2BACE,YAGF,oBACE,kCACA,gBAEF,2BACE,YAGF,sBACE,kCACA,gBAEF,6BACE,YAGF,sBACE,kCACA,gBAEF,6BACE,YAGF,kBACE,kCACA,gBAEF,yBACE,YAGF,oBACE,kCACA,gBAEF,2BACE,YAGF,oBACE,kCACA,gBAEF,2BACE,YAGF,oBACE,kCACA,gBAEF,2BACE,YAGF,oBACE,kCACA,gBAEF,2BACE,YAGF,mBACE,kCACA,gBAEF,0BACE,YAGF,YACE,oCACA,gBAGF,eACE,oCACA,gBAGF,gBACE,oCACA,gBAGF,wBACE,YAGF,wBACE,YAGF,yBACE,YAGF,sBACE,YAGF,6BACE,YAGF,aACE,oCACA,gBAGF,UACE,oCACA,gBAEF,iBACE,YAGF,kBACE,oCACA,gBAEF,yBACE,YAGF,cACE,oCACA,gBAGF,UACE,oCACA,gBAEF,iBACE,YAGF,kBACE,oCACA,gBAEF,yBACE,YAGF,WACE,oCACA,gBAGF,mBACE,oCACA,gBAGF,2BACE,oCACA,gBAEF,kCACE,YAGF,iBACE,oCACA,gBAEF,wBACE,YAGF,qBACE,oCACA,gBAGF,UACE,oCACA,gBAGF,cACE,oCACA,gBAGF,cACE,oCACA,gBAEF,qBACE,YAGF,mBACE,YAGF,qBACE,kCACA,gBAEF,4BACE,YAGF,cACE,kCACA,gBAEF,qBACE,YAGF,mBACE,kCACA,gBAEF,0BACE,YAGF,qBACE,YAGF,gBACE,kCACA,gBAEF,uBACE,YAGF,qBACE,kCACA,gBAEF,4BACE,YAGF,kBACE,oCACA,gBAGF,cACE,oCACA,gBAGF,YACE,oCACA,gBAGF,mBACE,kCACA,gBAEF,0BACE,YAGF,cACE,oCACA,gBAGF,qBACE,oCACA,gBAGF,eACE,oCACA,gBAGF,qBACE,oCACA,gBAGF,mBACE,oCACA,gBAGF,eACE,oCACA,gBAGF,iBACE,oCACA,gBAGF,iBACE,oCACA,gBAGF,oBACE,kCACA,gBAEF,2BACE,YAGF,oBACE,YAGF,iBACE,kCACA,gBAGF,yBACE,YAGF,yBACE,YAGF,wBACE,YAGF,yBACE,YAGF,cACE,oCACA,gBAGF,qBACE,oCACA,gBAEF,4BACE,YAGF,eACE,oCACA,gBAGF,iBACE,oCACA,gBAGF,UACE,kCACA,gBAEF,iBACE,YAGF,kBACE,YAGF,qBACE,YAGF,qBACE,YAGF,kBACE,oCACA,gBAGF,sBACE,oCACA,gBAGF,gBACE,oCACA,gBAGF,gBACE,oCACA,gBAGF,eACE,oCACA,gBAGF,cACE,oCACA,gBAGF,oBACE,oCACA,gBAGF,mBACE,oCACA,gBAGF,gBACE,oCACA,gBAGF,eACE,kCACA,gBAEF,sBACE,YAGF,0BACE,YAGF,uBACE,YAGF,8BACE,YAGF,yBACE,oCACA,gBAEF,gCACE,YAGF,mBACE,oCACA,gBAGF,gBACE,oCACA,gBAGF,oBACE,YAGF,eACE,oCACA,gBAGF,cACE,oCACA,gBAGF,oBACE,oCACA,gBAGF,UACE,oCACA,gBAEF,iBACE,YAGF,qBACE,oCACA,gBAGF,gBACE,oCACA,gBAGF,oBACE,oCACA,gBAGF,wBACE,YAGF,sBACE,YAGF,wBACE,YAGF,wBACE,YAGF,wBACE,YAGF,wBACE,YAGF,oBACE,kCACA,gBAGF,sBACE,kCACA,gBAGF,qBACE,kCACA,gBAEF,4BACE,YAGF,cACE,oCACA,gBAGF,sBACE,oCACA,gBAGF,aACE,kCACA,gBAGF,0BACE,YAGF,0BACE,YAGF,0BACE,YAGF,0BACE,YAGF,mBACE,kCACA,gBAEF,0BACE,YAGF,mBACE,kCACA,gBAEF,0BACE,YAGF,oBACE,kCACA,gBAEF,2BACE,YAGF,mBACE,kCACA,gBAEF,0BACE,YAGF,uBACE,kCACA,gBAEF,8BACE,YAGF,qBACE,kCACA,gBAEF,4BACE,YAGF,oBACE,kCACA,gBAEF,2BACE,YAGF,sBACE,kCACA,gBAEF,6BACE,YAGF,oBACE,kCACA,gBAEF,2BACE,YAGF,kBACE,kCACA,gBAGF,wBACE,oCACA,gBAGF,UACE,oCACA,gBAGF,iBACE,oCACA,gBAGF,qBACE,oCACA,gBAGF,4BACE,oCACA,gBAEF,mCACE,YAGF,kBACE,oCACA,gBAGF,mBACE,oCACA,gBAGF,cACE,oCACA,gBAGF,cACE,oCACA,gBAGF,eACE,oCACA,gBAGF,aACE,oCACA,gBAGF,yBACE,oCACA,gBAGF,yBACE,YAGF,cACE,oCACA,gBAGF,aACE,oCACA,gBAGF,cACE,oCACA,gBAGF,uBACE,kCACA,gBAEF,8BACE,YAGF,wBACE,kCACA,gBAEF,+BACE,YAGF,wBACE,kCACA,gBAEF,+BACE,YAGF,wBACE,kCACA,gBAEF,+BACE,YAGF,aACE,kCACA,gBAEF,oBACE,YAGF,yBACE,YAGF,oBACE,kCACA,gBAEF,2BACE,YAGF,aACE,oCACA,gBAGF,aACE,oCACA,gBAEF,oBACE,YAGF,iBACE,oCACA,gBAGF,iBACE,oCACA,gBAGF,oBACE,oCACA,gBAGF,YACE,oCACA,gBAGF,8BACE,YAGF,gBACE,oCACA,gBAGF,YACE,oCACA,gBAGF,oBACE,oCACA,gBAGF,WACE,oCACA,gBAGF,oBACE,oCACA,gBAGF,gBACE,oCACA,gBAGF,cACE,oCACA,gBAGF,sBACE,kCACA,gBAEF,6BACE,YAGF,qBACE,kCACA,gBAEF,4BACE,YAGF,iBACE,oCACA,gBAGF,mBACE,oCACA,gBAGF,cACE,oCACA,gBAGF,kBACE,oCACA,gBAGF,eACE,oCACA,gBAGF,cACE,oCACA,gBAGF,sBACE,oCACA,gBAEF,6BACE,YAGF,yBACE,kCACA,gBAEF,gCACE,YAGF,mCACE,YAGF,+BACE,YAGF,uBACE,YAGF,8BACE,YAGF,aACE,oCACA,gBAGF,eACE,oCACA,gBAGF,sBACE,YAGF,cACE,oCACA,gBAGF,qBACE,oCACA,gBAEF,4BACE,YAGF,gBACE,oCACA,gBAGF,sBACE,oCACA,gBAEF,6BACE,YAGF,uBACE,oCACA,gBAEF,8BACE,YAGF,kBACE,oCACA,gBAGF,mBACE,oCACA,gBAGF,aACE,oCACA,gBAGF,iBACE,oCACA,gBAGF,4BACE,oCACA,gBAEF,mCACE,YAGF,0BACE,oCACA,gBAEF,iCACE,YAGF,oBACE,oCACA,gBAGF,UACE,oCACA,gBAEF,iBACE,YAGF,mBACE,kCACA,gBAEF,0BACE,YAGF,uBACE,kCACA,gBAEF,8BACE,YAGF,cACE,oCACA,gBAGF,sBACE,kCACA,gBAEF,6BACE,YAGF,oBACE,YAGF,sBACE,kCACA,gBAEF,6BACE,YAGF,eACE,kCACA,gBAEF,sBACE,YAGF,qBACE,kCACA,gBAEF,4BACE,YAGF,cACE,kCACA,gBAEF,qBACE,YAGF,gBACE,kCACA,gBAGF,8BACE,YAGF,iBACE,kCACA,gBAEF,wBACE,YAGF,yBACE,kCACA,gBAEF,gCACE,YAGF,aACE,oCACA,gBAGF,sBACE,oCACA,gBAGF,gBACE,oCACA,gBAGF,4BACE,YAGF,0BACE,YAGF,4BACE,YAGF,4BACE,YAGF,4BACE,YAGF,4BACE,YAGF,sBACE,YAGF,kBACE,YAGF,uBACE,kCACA,gBAGF,sBACE,kCACA,gBAGF,8BACE,YAGF,sBACE,kCACA,gBAEF,6BACE,YAGF,yBACE,kCACA,gBAEF,gCACE,YAGF,gBACE,oCACA,gBAGF,YACE,oCACA,gBAGF,YACE,oCACA,gBAGF,YACE,oCACA,gBAGF,eACE,oCACA,gBAGF,eACE,oCACA,gBAEF,sBACE,YAGF,mBACE,kCACA,gBAEF,0BACE,YAGF,mBACE,oCACA,gBAGF,kBACE,oCACA,gBAGF,cACE,oCACA","file":"v4-shims.css","sourcesContent":["/*!\n * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com\n * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)\n * Copyright 2023 Fonticons, Inc.\n */\n// V4 shims compile (Web Fonts-based)\n// -------------------------\n\n@import \"functions\";\n@import \"variables\";\n@import \"shims\";\n",".#{$fa-css-prefix}.#{$fa-css-prefix}-glass:before {\n content: unquote('\"#{ $fa-var-martini-glass-empty }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-envelope-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-envelope-o:before {\n content: unquote('\"#{ $fa-var-envelope }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-star-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-star-o:before {\n content: unquote('\"#{ $fa-var-star }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-remove:before {\n content: unquote('\"#{ $fa-var-xmark }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-close:before {\n content: unquote('\"#{ $fa-var-xmark }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-gear:before {\n content: unquote('\"#{ $fa-var-gear }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-trash-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-trash-o:before {\n content: unquote('\"#{ $fa-var-trash-can }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-home:before {\n content: unquote('\"#{ $fa-var-house }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-o:before {\n content: unquote('\"#{ $fa-var-file }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-clock-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-clock-o:before {\n content: unquote('\"#{ $fa-var-clock }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-arrow-circle-o-down {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-arrow-circle-o-down:before {\n content: unquote('\"#{ $fa-var-circle-down }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-arrow-circle-o-up {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-arrow-circle-o-up:before {\n content: unquote('\"#{ $fa-var-circle-up }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-play-circle-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-play-circle-o:before {\n content: unquote('\"#{ $fa-var-circle-play }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-repeat:before {\n content: unquote('\"#{ $fa-var-arrow-rotate-right }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-rotate-right:before {\n content: unquote('\"#{ $fa-var-arrow-rotate-right }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-refresh:before {\n content: unquote('\"#{ $fa-var-arrows-rotate }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-list-alt {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-list-alt:before {\n content: unquote('\"#{ $fa-var-rectangle-list }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-dedent:before {\n content: unquote('\"#{ $fa-var-outdent }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-video-camera:before {\n content: unquote('\"#{ $fa-var-video }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-picture-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-picture-o:before {\n content: unquote('\"#{ $fa-var-image }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-photo {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-photo:before {\n content: unquote('\"#{ $fa-var-image }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-image {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-image:before {\n content: unquote('\"#{ $fa-var-image }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-map-marker:before {\n content: unquote('\"#{ $fa-var-location-dot }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-pencil-square-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-pencil-square-o:before {\n content: unquote('\"#{ $fa-var-pen-to-square }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-edit {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-edit:before {\n content: unquote('\"#{ $fa-var-pen-to-square }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-share-square-o:before {\n content: unquote('\"#{ $fa-var-share-from-square }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-check-square-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-check-square-o:before {\n content: unquote('\"#{ $fa-var-square-check }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-arrows:before {\n content: unquote('\"#{ $fa-var-up-down-left-right }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-times-circle-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-times-circle-o:before {\n content: unquote('\"#{ $fa-var-circle-xmark }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-check-circle-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-check-circle-o:before {\n content: unquote('\"#{ $fa-var-circle-check }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-mail-forward:before {\n content: unquote('\"#{ $fa-var-share }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-expand:before {\n content: unquote('\"#{ $fa-var-up-right-and-down-left-from-center }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-compress:before {\n content: unquote('\"#{ $fa-var-down-left-and-up-right-to-center }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-eye {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-eye-slash {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-warning:before {\n content: unquote('\"#{ $fa-var-triangle-exclamation }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar:before {\n content: unquote('\"#{ $fa-var-calendar-days }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-arrows-v:before {\n content: unquote('\"#{ $fa-var-up-down }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-arrows-h:before {\n content: unquote('\"#{ $fa-var-left-right }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-bar-chart:before {\n content: unquote('\"#{ $fa-var-chart-column }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-bar-chart-o:before {\n content: unquote('\"#{ $fa-var-chart-column }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-twitter-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-twitter-square:before {\n content: unquote('\"#{ $fa-var-square-twitter }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-facebook-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-facebook-square:before {\n content: unquote('\"#{ $fa-var-square-facebook }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-gears:before {\n content: unquote('\"#{ $fa-var-gears }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-thumbs-o-up {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-thumbs-o-up:before {\n content: unquote('\"#{ $fa-var-thumbs-up }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-thumbs-o-down {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-thumbs-o-down:before {\n content: unquote('\"#{ $fa-var-thumbs-down }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-heart-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-heart-o:before {\n content: unquote('\"#{ $fa-var-heart }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-sign-out:before {\n content: unquote('\"#{ $fa-var-right-from-bracket }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-linkedin-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-linkedin-square:before {\n content: unquote('\"#{ $fa-var-linkedin }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-thumb-tack:before {\n content: unquote('\"#{ $fa-var-thumbtack }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-external-link:before {\n content: unquote('\"#{ $fa-var-up-right-from-square }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-sign-in:before {\n content: unquote('\"#{ $fa-var-right-to-bracket }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-github-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-github-square:before {\n content: unquote('\"#{ $fa-var-square-github }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-lemon-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-lemon-o:before {\n content: unquote('\"#{ $fa-var-lemon }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-square-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-square-o:before {\n content: unquote('\"#{ $fa-var-square }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-bookmark-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-bookmark-o:before {\n content: unquote('\"#{ $fa-var-bookmark }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-twitter {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-facebook {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-facebook:before {\n content: unquote('\"#{ $fa-var-facebook-f }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-facebook-f {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-facebook-f:before {\n content: unquote('\"#{ $fa-var-facebook-f }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-github {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-credit-card {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-feed:before {\n content: unquote('\"#{ $fa-var-rss }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hdd-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hdd-o:before {\n content: unquote('\"#{ $fa-var-hard-drive }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-o-right {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-o-right:before {\n content: unquote('\"#{ $fa-var-hand-point-right }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-o-left {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-o-left:before {\n content: unquote('\"#{ $fa-var-hand-point-left }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-o-up {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-o-up:before {\n content: unquote('\"#{ $fa-var-hand-point-up }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-o-down {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-o-down:before {\n content: unquote('\"#{ $fa-var-hand-point-down }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-globe:before {\n content: unquote('\"#{ $fa-var-earth-americas }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-tasks:before {\n content: unquote('\"#{ $fa-var-bars-progress }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-arrows-alt:before {\n content: unquote('\"#{ $fa-var-maximize }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-group:before {\n content: unquote('\"#{ $fa-var-users }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-chain:before {\n content: unquote('\"#{ $fa-var-link }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-cut:before {\n content: unquote('\"#{ $fa-var-scissors }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-files-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-files-o:before {\n content: unquote('\"#{ $fa-var-copy }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-floppy-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-floppy-o:before {\n content: unquote('\"#{ $fa-var-floppy-disk }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-save {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-save:before {\n content: unquote('\"#{ $fa-var-floppy-disk }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-navicon:before {\n content: unquote('\"#{ $fa-var-bars }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-reorder:before {\n content: unquote('\"#{ $fa-var-bars }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-magic:before {\n content: unquote('\"#{ $fa-var-wand-magic-sparkles }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-pinterest {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-pinterest-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-pinterest-square:before {\n content: unquote('\"#{ $fa-var-square-pinterest }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-google-plus-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-google-plus-square:before {\n content: unquote('\"#{ $fa-var-square-google-plus }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-google-plus {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-google-plus:before {\n content: unquote('\"#{ $fa-var-google-plus-g }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-money:before {\n content: unquote('\"#{ $fa-var-money-bill-1 }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-unsorted:before {\n content: unquote('\"#{ $fa-var-sort }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-desc:before {\n content: unquote('\"#{ $fa-var-sort-down }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-asc:before {\n content: unquote('\"#{ $fa-var-sort-up }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-linkedin {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-linkedin:before {\n content: unquote('\"#{ $fa-var-linkedin-in }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-rotate-left:before {\n content: unquote('\"#{ $fa-var-arrow-rotate-left }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-legal:before {\n content: unquote('\"#{ $fa-var-gavel }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-tachometer:before {\n content: unquote('\"#{ $fa-var-gauge-high }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-dashboard:before {\n content: unquote('\"#{ $fa-var-gauge-high }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-comment-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-comment-o:before {\n content: unquote('\"#{ $fa-var-comment }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-comments-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-comments-o:before {\n content: unquote('\"#{ $fa-var-comments }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-flash:before {\n content: unquote('\"#{ $fa-var-bolt }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-clipboard:before {\n content: unquote('\"#{ $fa-var-paste }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-lightbulb-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-lightbulb-o:before {\n content: unquote('\"#{ $fa-var-lightbulb }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-exchange:before {\n content: unquote('\"#{ $fa-var-right-left }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-cloud-download:before {\n content: unquote('\"#{ $fa-var-cloud-arrow-down }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-cloud-upload:before {\n content: unquote('\"#{ $fa-var-cloud-arrow-up }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-bell-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-bell-o:before {\n content: unquote('\"#{ $fa-var-bell }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-cutlery:before {\n content: unquote('\"#{ $fa-var-utensils }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-text-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-text-o:before {\n content: unquote('\"#{ $fa-var-file-lines }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-building-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-building-o:before {\n content: unquote('\"#{ $fa-var-building }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hospital-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hospital-o:before {\n content: unquote('\"#{ $fa-var-hospital }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-tablet:before {\n content: unquote('\"#{ $fa-var-tablet-screen-button }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-mobile:before {\n content: unquote('\"#{ $fa-var-mobile-screen-button }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-mobile-phone:before {\n content: unquote('\"#{ $fa-var-mobile-screen-button }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-circle-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-circle-o:before {\n content: unquote('\"#{ $fa-var-circle }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-mail-reply:before {\n content: unquote('\"#{ $fa-var-reply }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-github-alt {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-folder-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-folder-o:before {\n content: unquote('\"#{ $fa-var-folder }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-folder-open-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-folder-open-o:before {\n content: unquote('\"#{ $fa-var-folder-open }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-smile-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-smile-o:before {\n content: unquote('\"#{ $fa-var-face-smile }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-frown-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-frown-o:before {\n content: unquote('\"#{ $fa-var-face-frown }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-meh-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-meh-o:before {\n content: unquote('\"#{ $fa-var-face-meh }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-keyboard-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-keyboard-o:before {\n content: unquote('\"#{ $fa-var-keyboard }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-flag-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-flag-o:before {\n content: unquote('\"#{ $fa-var-flag }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-mail-reply-all:before {\n content: unquote('\"#{ $fa-var-reply-all }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-star-half-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-star-half-o:before {\n content: unquote('\"#{ $fa-var-star-half-stroke }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-star-half-empty {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-star-half-empty:before {\n content: unquote('\"#{ $fa-var-star-half-stroke }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-star-half-full {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-star-half-full:before {\n content: unquote('\"#{ $fa-var-star-half-stroke }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-code-fork:before {\n content: unquote('\"#{ $fa-var-code-branch }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-chain-broken:before {\n content: unquote('\"#{ $fa-var-link-slash }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-unlink:before {\n content: unquote('\"#{ $fa-var-link-slash }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-o:before {\n content: unquote('\"#{ $fa-var-calendar }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-maxcdn {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-html5 {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-css3 {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-unlock-alt:before {\n content: unquote('\"#{ $fa-var-unlock }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-minus-square-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-minus-square-o:before {\n content: unquote('\"#{ $fa-var-square-minus }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-level-up:before {\n content: unquote('\"#{ $fa-var-turn-up }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-level-down:before {\n content: unquote('\"#{ $fa-var-turn-down }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-pencil-square:before {\n content: unquote('\"#{ $fa-var-square-pen }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-external-link-square:before {\n content: unquote('\"#{ $fa-var-square-up-right }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-compass {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-caret-square-o-down {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-caret-square-o-down:before {\n content: unquote('\"#{ $fa-var-square-caret-down }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-toggle-down {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-toggle-down:before {\n content: unquote('\"#{ $fa-var-square-caret-down }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-caret-square-o-up {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-caret-square-o-up:before {\n content: unquote('\"#{ $fa-var-square-caret-up }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-toggle-up {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-toggle-up:before {\n content: unquote('\"#{ $fa-var-square-caret-up }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-caret-square-o-right {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-caret-square-o-right:before {\n content: unquote('\"#{ $fa-var-square-caret-right }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-toggle-right {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-toggle-right:before {\n content: unquote('\"#{ $fa-var-square-caret-right }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-eur:before {\n content: unquote('\"#{ $fa-var-euro-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-euro:before {\n content: unquote('\"#{ $fa-var-euro-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-gbp:before {\n content: unquote('\"#{ $fa-var-sterling-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-usd:before {\n content: unquote('\"#{ $fa-var-dollar-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-dollar:before {\n content: unquote('\"#{ $fa-var-dollar-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-inr:before {\n content: unquote('\"#{ $fa-var-indian-rupee-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-rupee:before {\n content: unquote('\"#{ $fa-var-indian-rupee-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-jpy:before {\n content: unquote('\"#{ $fa-var-yen-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-cny:before {\n content: unquote('\"#{ $fa-var-yen-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-rmb:before {\n content: unquote('\"#{ $fa-var-yen-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-yen:before {\n content: unquote('\"#{ $fa-var-yen-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-rub:before {\n content: unquote('\"#{ $fa-var-ruble-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-ruble:before {\n content: unquote('\"#{ $fa-var-ruble-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-rouble:before {\n content: unquote('\"#{ $fa-var-ruble-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-krw:before {\n content: unquote('\"#{ $fa-var-won-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-won:before {\n content: unquote('\"#{ $fa-var-won-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-btc {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-bitcoin {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-bitcoin:before {\n content: unquote('\"#{ $fa-var-btc }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-text:before {\n content: unquote('\"#{ $fa-var-file-lines }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-alpha-asc:before {\n content: unquote('\"#{ $fa-var-arrow-down-a-z }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-alpha-desc:before {\n content: unquote('\"#{ $fa-var-arrow-down-z-a }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-amount-asc:before {\n content: unquote('\"#{ $fa-var-arrow-down-short-wide }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-amount-desc:before {\n content: unquote('\"#{ $fa-var-arrow-down-wide-short }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-numeric-asc:before {\n content: unquote('\"#{ $fa-var-arrow-down-1-9 }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-sort-numeric-desc:before {\n content: unquote('\"#{ $fa-var-arrow-down-9-1 }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-youtube-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-youtube-square:before {\n content: unquote('\"#{ $fa-var-square-youtube }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-youtube {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-xing {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-xing-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-xing-square:before {\n content: unquote('\"#{ $fa-var-square-xing }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-youtube-play {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-youtube-play:before {\n content: unquote('\"#{ $fa-var-youtube }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-dropbox {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-stack-overflow {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-instagram {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-flickr {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-adn {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-bitbucket {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-bitbucket-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-bitbucket-square:before {\n content: unquote('\"#{ $fa-var-bitbucket }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-tumblr {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-tumblr-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-tumblr-square:before {\n content: unquote('\"#{ $fa-var-square-tumblr }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-long-arrow-down:before {\n content: unquote('\"#{ $fa-var-down-long }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-long-arrow-up:before {\n content: unquote('\"#{ $fa-var-up-long }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-long-arrow-left:before {\n content: unquote('\"#{ $fa-var-left-long }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-long-arrow-right:before {\n content: unquote('\"#{ $fa-var-right-long }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-apple {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-windows {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-android {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-linux {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-dribbble {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-skype {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-foursquare {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-trello {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-gratipay {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-gittip {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-gittip:before {\n content: unquote('\"#{ $fa-var-gratipay }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-sun-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-sun-o:before {\n content: unquote('\"#{ $fa-var-sun }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-moon-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-moon-o:before {\n content: unquote('\"#{ $fa-var-moon }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-vk {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-weibo {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-renren {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-pagelines {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-stack-exchange {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-arrow-circle-o-right {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-arrow-circle-o-right:before {\n content: unquote('\"#{ $fa-var-circle-right }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-arrow-circle-o-left {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-arrow-circle-o-left:before {\n content: unquote('\"#{ $fa-var-circle-left }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-caret-square-o-left {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-caret-square-o-left:before {\n content: unquote('\"#{ $fa-var-square-caret-left }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-toggle-left {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-toggle-left:before {\n content: unquote('\"#{ $fa-var-square-caret-left }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-dot-circle-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-dot-circle-o:before {\n content: unquote('\"#{ $fa-var-circle-dot }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-vimeo-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-vimeo-square:before {\n content: unquote('\"#{ $fa-var-square-vimeo }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-try:before {\n content: unquote('\"#{ $fa-var-turkish-lira-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-turkish-lira:before {\n content: unquote('\"#{ $fa-var-turkish-lira-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-plus-square-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-plus-square-o:before {\n content: unquote('\"#{ $fa-var-square-plus }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-slack {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-wordpress {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-openid {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-institution:before {\n content: unquote('\"#{ $fa-var-building-columns }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-bank:before {\n content: unquote('\"#{ $fa-var-building-columns }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-mortar-board:before {\n content: unquote('\"#{ $fa-var-graduation-cap }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-yahoo {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-google {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-reddit {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-reddit-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-reddit-square:before {\n content: unquote('\"#{ $fa-var-square-reddit }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-stumbleupon-circle {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-stumbleupon {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-delicious {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-digg {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-pied-piper-pp {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-pied-piper-alt {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-drupal {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-joomla {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-behance {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-behance-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-behance-square:before {\n content: unquote('\"#{ $fa-var-square-behance }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-steam {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-steam-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-steam-square:before {\n content: unquote('\"#{ $fa-var-square-steam }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-automobile:before {\n content: unquote('\"#{ $fa-var-car }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-cab:before {\n content: unquote('\"#{ $fa-var-taxi }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-spotify {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-deviantart {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-soundcloud {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-pdf-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-pdf-o:before {\n content: unquote('\"#{ $fa-var-file-pdf }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-word-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-word-o:before {\n content: unquote('\"#{ $fa-var-file-word }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-excel-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-excel-o:before {\n content: unquote('\"#{ $fa-var-file-excel }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-powerpoint-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-powerpoint-o:before {\n content: unquote('\"#{ $fa-var-file-powerpoint }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-image-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-image-o:before {\n content: unquote('\"#{ $fa-var-file-image }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-photo-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-photo-o:before {\n content: unquote('\"#{ $fa-var-file-image }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-picture-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-picture-o:before {\n content: unquote('\"#{ $fa-var-file-image }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-archive-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-archive-o:before {\n content: unquote('\"#{ $fa-var-file-zipper }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-zip-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-zip-o:before {\n content: unquote('\"#{ $fa-var-file-zipper }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-audio-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-audio-o:before {\n content: unquote('\"#{ $fa-var-file-audio }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-sound-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-sound-o:before {\n content: unquote('\"#{ $fa-var-file-audio }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-video-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-video-o:before {\n content: unquote('\"#{ $fa-var-file-video }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-movie-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-movie-o:before {\n content: unquote('\"#{ $fa-var-file-video }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-code-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-file-code-o:before {\n content: unquote('\"#{ $fa-var-file-code }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-vine {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-codepen {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-jsfiddle {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-life-bouy:before {\n content: unquote('\"#{ $fa-var-life-ring }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-life-buoy:before {\n content: unquote('\"#{ $fa-var-life-ring }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-life-saver:before {\n content: unquote('\"#{ $fa-var-life-ring }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-support:before {\n content: unquote('\"#{ $fa-var-life-ring }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-circle-o-notch:before {\n content: unquote('\"#{ $fa-var-circle-notch }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-rebel {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-ra {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-ra:before {\n content: unquote('\"#{ $fa-var-rebel }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-resistance {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-resistance:before {\n content: unquote('\"#{ $fa-var-rebel }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-empire {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-ge {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-ge:before {\n content: unquote('\"#{ $fa-var-empire }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-git-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-git-square:before {\n content: unquote('\"#{ $fa-var-square-git }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-git {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hacker-news {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-y-combinator-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-y-combinator-square:before {\n content: unquote('\"#{ $fa-var-hacker-news }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-yc-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-yc-square:before {\n content: unquote('\"#{ $fa-var-hacker-news }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-tencent-weibo {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-qq {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-weixin {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-wechat {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-wechat:before {\n content: unquote('\"#{ $fa-var-weixin }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-send:before {\n content: unquote('\"#{ $fa-var-paper-plane }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-paper-plane-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-paper-plane-o:before {\n content: unquote('\"#{ $fa-var-paper-plane }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-send-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-send-o:before {\n content: unquote('\"#{ $fa-var-paper-plane }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-circle-thin {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-circle-thin:before {\n content: unquote('\"#{ $fa-var-circle }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-header:before {\n content: unquote('\"#{ $fa-var-heading }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-futbol-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-futbol-o:before {\n content: unquote('\"#{ $fa-var-futbol }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-soccer-ball-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-soccer-ball-o:before {\n content: unquote('\"#{ $fa-var-futbol }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-slideshare {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-twitch {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-yelp {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-newspaper-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-newspaper-o:before {\n content: unquote('\"#{ $fa-var-newspaper }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-paypal {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-google-wallet {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-cc-visa {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-cc-mastercard {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-cc-discover {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-cc-amex {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-cc-paypal {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-cc-stripe {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-bell-slash-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-bell-slash-o:before {\n content: unquote('\"#{ $fa-var-bell-slash }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-trash:before {\n content: unquote('\"#{ $fa-var-trash-can }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-copyright {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-eyedropper:before {\n content: unquote('\"#{ $fa-var-eye-dropper }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-area-chart:before {\n content: unquote('\"#{ $fa-var-chart-area }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-pie-chart:before {\n content: unquote('\"#{ $fa-var-chart-pie }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-line-chart:before {\n content: unquote('\"#{ $fa-var-chart-line }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-lastfm {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-lastfm-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-lastfm-square:before {\n content: unquote('\"#{ $fa-var-square-lastfm }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-ioxhost {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-angellist {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-cc {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-cc:before {\n content: unquote('\"#{ $fa-var-closed-captioning }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-ils:before {\n content: unquote('\"#{ $fa-var-shekel-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-shekel:before {\n content: unquote('\"#{ $fa-var-shekel-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-sheqel:before {\n content: unquote('\"#{ $fa-var-shekel-sign }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-buysellads {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-connectdevelop {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-dashcube {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-forumbee {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-leanpub {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-sellsy {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-shirtsinbulk {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-simplybuilt {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-skyatlas {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-diamond {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-diamond:before {\n content: unquote('\"#{ $fa-var-gem }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-transgender:before {\n content: unquote('\"#{ $fa-var-mars-and-venus }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-intersex:before {\n content: unquote('\"#{ $fa-var-mars-and-venus }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-transgender-alt:before {\n content: unquote('\"#{ $fa-var-transgender }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-facebook-official {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-facebook-official:before {\n content: unquote('\"#{ $fa-var-facebook }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-pinterest-p {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-whatsapp {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hotel:before {\n content: unquote('\"#{ $fa-var-bed }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-viacoin {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-medium {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-y-combinator {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-yc {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-yc:before {\n content: unquote('\"#{ $fa-var-y-combinator }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-optin-monster {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-opencart {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-expeditedssl {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-battery-4:before {\n content: unquote('\"#{ $fa-var-battery-full }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-battery:before {\n content: unquote('\"#{ $fa-var-battery-full }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-battery-3:before {\n content: unquote('\"#{ $fa-var-battery-three-quarters }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-battery-2:before {\n content: unquote('\"#{ $fa-var-battery-half }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-battery-1:before {\n content: unquote('\"#{ $fa-var-battery-quarter }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-battery-0:before {\n content: unquote('\"#{ $fa-var-battery-empty }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-object-group {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-object-ungroup {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-sticky-note-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-sticky-note-o:before {\n content: unquote('\"#{ $fa-var-note-sticky }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-cc-jcb {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-cc-diners-club {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-clone {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hourglass-o:before {\n content: unquote('\"#{ $fa-var-hourglass }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hourglass-1:before {\n content: unquote('\"#{ $fa-var-hourglass-start }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hourglass-2:before {\n content: unquote('\"#{ $fa-var-hourglass-half }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hourglass-3:before {\n content: unquote('\"#{ $fa-var-hourglass-end }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-rock-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-rock-o:before {\n content: unquote('\"#{ $fa-var-hand-back-fist }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-grab-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-grab-o:before {\n content: unquote('\"#{ $fa-var-hand-back-fist }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-paper-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-paper-o:before {\n content: unquote('\"#{ $fa-var-hand }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-stop-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-stop-o:before {\n content: unquote('\"#{ $fa-var-hand }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-scissors-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-scissors-o:before {\n content: unquote('\"#{ $fa-var-hand-scissors }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-lizard-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-lizard-o:before {\n content: unquote('\"#{ $fa-var-hand-lizard }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-spock-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-spock-o:before {\n content: unquote('\"#{ $fa-var-hand-spock }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-pointer-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-pointer-o:before {\n content: unquote('\"#{ $fa-var-hand-pointer }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-peace-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hand-peace-o:before {\n content: unquote('\"#{ $fa-var-hand-peace }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-registered {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-creative-commons {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-gg {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-gg-circle {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-odnoklassniki {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-odnoklassniki-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-odnoklassniki-square:before {\n content: unquote('\"#{ $fa-var-square-odnoklassniki }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-get-pocket {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-wikipedia-w {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-safari {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-chrome {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-firefox {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-opera {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-internet-explorer {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-television:before {\n content: unquote('\"#{ $fa-var-tv }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-contao {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-500px {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-amazon {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-plus-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-plus-o:before {\n content: unquote('\"#{ $fa-var-calendar-plus }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-minus-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-minus-o:before {\n content: unquote('\"#{ $fa-var-calendar-minus }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-times-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-times-o:before {\n content: unquote('\"#{ $fa-var-calendar-xmark }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-check-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-calendar-check-o:before {\n content: unquote('\"#{ $fa-var-calendar-check }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-map-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-map-o:before {\n content: unquote('\"#{ $fa-var-map }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-commenting:before {\n content: unquote('\"#{ $fa-var-comment-dots }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-commenting-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-commenting-o:before {\n content: unquote('\"#{ $fa-var-comment-dots }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-houzz {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-vimeo {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-vimeo:before {\n content: unquote('\"#{ $fa-var-vimeo-v }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-black-tie {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-fonticons {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-reddit-alien {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-edge {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-credit-card-alt:before {\n content: unquote('\"#{ $fa-var-credit-card }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-codiepie {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-modx {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-fort-awesome {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-usb {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-product-hunt {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-mixcloud {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-scribd {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-pause-circle-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-pause-circle-o:before {\n content: unquote('\"#{ $fa-var-circle-pause }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-stop-circle-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-stop-circle-o:before {\n content: unquote('\"#{ $fa-var-circle-stop }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-bluetooth {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-bluetooth-b {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-gitlab {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-wpbeginner {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-wpforms {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-envira {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-wheelchair-alt {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-wheelchair-alt:before {\n content: unquote('\"#{ $fa-var-accessible-icon }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-question-circle-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-question-circle-o:before {\n content: unquote('\"#{ $fa-var-circle-question }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-volume-control-phone:before {\n content: unquote('\"#{ $fa-var-phone-volume }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-asl-interpreting:before {\n content: unquote('\"#{ $fa-var-hands-asl-interpreting }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-deafness:before {\n content: unquote('\"#{ $fa-var-ear-deaf }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-hard-of-hearing:before {\n content: unquote('\"#{ $fa-var-ear-deaf }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-glide {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-glide-g {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-signing:before {\n content: unquote('\"#{ $fa-var-hands }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-viadeo {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-viadeo-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-viadeo-square:before {\n content: unquote('\"#{ $fa-var-square-viadeo }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-snapchat {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-snapchat-ghost {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-snapchat-ghost:before {\n content: unquote('\"#{ $fa-var-snapchat }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-snapchat-square {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-snapchat-square:before {\n content: unquote('\"#{ $fa-var-square-snapchat }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-pied-piper {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-first-order {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-yoast {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-themeisle {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-google-plus-official {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-google-plus-official:before {\n content: unquote('\"#{ $fa-var-google-plus }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-google-plus-circle {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-google-plus-circle:before {\n content: unquote('\"#{ $fa-var-google-plus }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-font-awesome {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-fa {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-fa:before {\n content: unquote('\"#{ $fa-var-font-awesome }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-handshake-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-handshake-o:before {\n content: unquote('\"#{ $fa-var-handshake }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-envelope-open-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-envelope-open-o:before {\n content: unquote('\"#{ $fa-var-envelope-open }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-linode {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-address-book-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-address-book-o:before {\n content: unquote('\"#{ $fa-var-address-book }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-vcard:before {\n content: unquote('\"#{ $fa-var-address-card }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-address-card-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-address-card-o:before {\n content: unquote('\"#{ $fa-var-address-card }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-vcard-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-vcard-o:before {\n content: unquote('\"#{ $fa-var-address-card }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-user-circle-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-user-circle-o:before {\n content: unquote('\"#{ $fa-var-circle-user }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-user-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-user-o:before {\n content: unquote('\"#{ $fa-var-user }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-id-badge {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-drivers-license:before {\n content: unquote('\"#{ $fa-var-id-card }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-id-card-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-id-card-o:before {\n content: unquote('\"#{ $fa-var-id-card }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-drivers-license-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-drivers-license-o:before {\n content: unquote('\"#{ $fa-var-id-card }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-quora {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-free-code-camp {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-telegram {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-thermometer-4:before {\n content: unquote('\"#{ $fa-var-temperature-full }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-thermometer:before {\n content: unquote('\"#{ $fa-var-temperature-full }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-thermometer-3:before {\n content: unquote('\"#{ $fa-var-temperature-three-quarters }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-thermometer-2:before {\n content: unquote('\"#{ $fa-var-temperature-half }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-thermometer-1:before {\n content: unquote('\"#{ $fa-var-temperature-quarter }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-thermometer-0:before {\n content: unquote('\"#{ $fa-var-temperature-empty }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-bathtub:before {\n content: unquote('\"#{ $fa-var-bath }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-s15:before {\n content: unquote('\"#{ $fa-var-bath }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-window-maximize {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-window-restore {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-times-rectangle:before {\n content: unquote('\"#{ $fa-var-rectangle-xmark }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-window-close-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-window-close-o:before {\n content: unquote('\"#{ $fa-var-rectangle-xmark }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-times-rectangle-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-times-rectangle-o:before {\n content: unquote('\"#{ $fa-var-rectangle-xmark }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-bandcamp {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-grav {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-etsy {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-imdb {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-ravelry {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-eercast {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-eercast:before {\n content: unquote('\"#{ $fa-var-sellcast }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-snowflake-o {\n font-family: \"Font Awesome 6 Free\";\n font-weight: 400;\n}\n.#{$fa-css-prefix}.#{$fa-css-prefix}-snowflake-o:before {\n content: unquote('\"#{ $fa-var-snowflake }\"');\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-superpowers {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-wpexplorer {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n\n.#{$fa-css-prefix}.#{$fa-css-prefix}-meetup {\n font-family: \"Font Awesome 6 Brands\";\n font-weight: 400;\n}\n"]}
@@ -60,3 +60,63 @@ Each component in this repository should contain:
60
60
  - Webpack - compilation of JavaScript and CSS (used by numerous TNA projects already)
61
61
  - Babel - will allow us to use ESNext or possibly even TypeScript (although this could go against the lean requirement)
62
62
  - Storybook - allow viewing and testing of components (we have already used this elsewhere in TNA)
63
+
64
+ #### Storybook
65
+
66
+ Most widely supported open source frontend workshop for building UI components, constantly updated, also used by TDR
67
+
68
+ #### ESNext JavaScript (not TypeScript)
69
+
70
+ JavaScript over TypeScript to allow in-project compilation and possible tree-shaking without extra libraries
71
+
72
+ #### Babel
73
+
74
+ De facto JavaScript compiler and transpiler, allows us to use most up-to-date JavaScript for increased efficiency and cleaner source code
75
+
76
+ #### SCSS
77
+
78
+ Most mature CSS preprocessor, used in other TNA projects, huge support
79
+
80
+ #### BEM
81
+
82
+ Agreed CSS methodology within TNA
83
+
84
+ #### Webpack
85
+
86
+ Already used in many TNA projects, most mature offering although arguably not the fastest - we could consider changing in the future
87
+
88
+ #### Nunjucks
89
+
90
+ Used by GDS and made by Mozilla, Nunjucks is simple and expandable and allows us to use components in the GOV.UK prototype kit
91
+
92
+ #### npm
93
+
94
+ Used by many TNA projects and provides highly available package repository, de facto standard for JavaScript packages
95
+
96
+ #### GitHub actions
97
+
98
+ Free actions not relying on external services, used on some TNA projects but will allow us to have more of a CI/CD methodology
99
+
100
+ #### Prettier
101
+
102
+ Opinionated code formatter for (S)CSS, JavaScript, JSON and other file types, intended to reduce bikeshedding
103
+
104
+ #### ESLint
105
+
106
+ De facto linter for JavaScript to catch potential issues
107
+
108
+ #### Stylelint
109
+
110
+ Most widely supported and mature (S)CSS linter
111
+
112
+ #### Jest
113
+
114
+ Lightweight and fast testing library, support for Storybook, easy learning curve
115
+
116
+ #### NVM
117
+
118
+ Ensures all developers can work on the same version of NodeJS, reduces differences between development environments
119
+
120
+ #### Chromatic.com
121
+
122
+ Suggested by Storybook for visual regression testing
@@ -7,15 +7,16 @@ import { Meta } from "@storybook/blocks";
7
7
  ## Adding a new component
8
8
 
9
9
  1. Create a new directory in `src/nationalarchives/components`
10
- 1. Create an `_index.scss`, `fixtures.json`, `macro-options.json`, `macro.njk`, `template.njk` and a `[myComponent].stories.js` in the directory using other components as a guide
10
+ 1. Create an `_index.scss`, `[myComponent].scss`, `fixtures.json`, `macro-options.json`, `macro.njk`, `template.njk` and a `[myComponent].stories.js` in the directory using other components as a guide
11
11
  1. Add the component SCSS to `src/nationalarchives/components/_all.scss`
12
- 1. Update `tasks/test-package.js` to check for the files as part of the CI (`...componentFiles("myComponent", true)` where `true` ignores the check for any JavaScript files)
12
+ 1. Update `tasks/test-package.js` to check for the files as part of the CI - `...componentFiles("myComponent")`
13
13
  1. Set the macro in `macro.njk` to be `tnaMyComponent` where "MyComponent" is the name of your component
14
14
  1. Add the component import and macro to the prototype kit test in `.github/workflows/ci.yml`
15
15
 
16
16
  ### Files
17
17
 
18
- - `_index.scss` - where you can add your [BEM](https://getbem.com/) SCSS styles for the component
18
+ - `_index.scss` - Simply includes `@use "myComponent";` so we can include this directory within SASS and have it reference the styles in `[myComponent].scss`
19
+ - `[myComponent].scss` - this file gets built as a standalone file as well as being included in all styles and is where you can add your [BEM](https://getbem.com/) SCSS styles for the component
19
20
  - `fixtures.json` - these are snapshots of the rendered component's HTML in different scenarios which can be used by other implementations to test against
20
21
  - `macro-options.json` - the options for the component which are rendered in the Design System as well as being copied in to the Storybook controls
21
22
  - `macro.njk` - the Nunjucks macro easily allows us to include components in the prototype kit and other applications such as the Design System
@@ -27,12 +28,14 @@ import { Meta } from "@storybook/blocks";
27
28
  1. Create a `[myComponent].mjs` file in the component directory
28
29
  1. Ensure the top level element in your component has the attribute `data-module="tna-my-component"`
29
30
  1. Import and initialise your component as part of the `initAll` function in `src/nationalarchives/all.mjs`
30
- 1. Update the check in `tasks/test-package.js` to remove the `true` and enable checking of the JavaScript file (`...componentFiles("myComponent")`)
31
+ 1. Update the check in `tasks/test-package.js` to add the JavaScript class to check for
31
32
  1. If your component uses JavaScript, ensure you add interaction tests using `@storybook/testing-library`
32
33
 
33
34
  ### Best practices
34
35
 
35
- [TODO]
36
+ - [HTML standards](https://nationalarchives.github.io/developer-handbook/technology/html/)
37
+ - [JavaScript standards](https://nationalarchives.github.io/developer-handbook/technology/javascript/)
38
+ - [CSS standards](https://nationalarchives.github.io/developer-handbook/technology/css/)
36
39
 
37
40
  ## Updating a component
38
41
 
@@ -0,0 +1,57 @@
1
+ import { Meta } from "@storybook/blocks";
2
+ import { Mermaid } from 'mdx-mermaid/Mermaid';
3
+
4
+ <Meta title="Development/Relationships" />
5
+
6
+ # Relationship to other resources
7
+
8
+ Read about the [resources in the Developer Handbook](https://nationalarchives.github.io/developer-handbook/resources/) for more information.
9
+
10
+ ## Context
11
+
12
+ <Mermaid chart={`C4Context
13
+
14
+ System_Ext(designsystem, "design-system", "Design-centric advice on how to design TNA services and applications using components, patterns and layouts")
15
+ System_Ext(prototypekit, "govuk-prototype-kit")
16
+ System_Ext(frontend, "tna-frontend", "Source of truth for HTML, CSS and JavaScript of components and layouts")
17
+ Container(prototype, "Prototype", "Example TNA prototype")
18
+ System_Ext(frontenddjango, "tna-frontend-django", "Django templates (HTML) for use in applications")
19
+ Container(application, "Application", "Example TNA application")
20
+ System_Ext(developerhandbook, "developer-handbook", "Technical advice on how to develop TNA services and applications")
21
+
22
+ Rel(designsystem, prototypekit, "references")
23
+ Rel(designsystem, frontend, "describes")
24
+ Rel(designsystem, prototype, "documents how to make")
25
+
26
+ Rel(prototype, prototypekit, "consumes", "npm")
27
+ Rel(prototype, frontend, "consumes", "npm")
28
+ Rel(prototype, application, "defines")
29
+
30
+ Rel(frontend, frontenddjango, "defines")
31
+
32
+ Rel(application, frontend, "consumes", "npm")
33
+ Rel(application, frontenddjango, "consumes", "PyPi")
34
+
35
+ Rel(developerhandbook, application, "documents how to make")
36
+
37
+ UpdateLayoutConfig($c4ShapeInRow="2")
38
+ `} />
39
+
40
+ ## Frontend
41
+
42
+ <Mermaid chart={`C4Context
43
+ Person(dev, "Developer", "TNA developer")
44
+ System_Ext(github, "GitHub", "Repositories for source files")
45
+ System_Ext(npm, "NPMJS", "Hosts NodeJS packages")
46
+ System_Ext(pypi, "PyPi", "Hosts Python packages")
47
+ Container(app, "Application", "Example application")
48
+
49
+ Rel(dev, github, "commits to", "git")
50
+ UpdateRelStyle(dev, github, $offsetX="-30", $offsetY="-30")
51
+ Rel(github, npm, "publishes to", "npm")
52
+ Rel(github, pypi, "publishes to", "pip")
53
+ Rel(app, npm, "consumes", "npm")
54
+ Rel(app, pypi, "consumes", "pip")
55
+
56
+ UpdateLayoutConfig($c4ShapeInRow="2")
57
+ `} />
@@ -0,0 +1,75 @@
1
+ import { Meta } from "@storybook/blocks";
2
+
3
+ <Meta title="Development/Using" />
4
+
5
+ # Using the styles
6
+
7
+ ## NPM
8
+
9
+ Install the frontend package from NPM with:
10
+
11
+ ```sh
12
+ npm install @nationalarchives/frontend
13
+ ```
14
+
15
+ ### CSS
16
+
17
+ From here, you have access to include the SCSS files from the package so you can compile the package yourself:
18
+
19
+ ```css
20
+ // Include all the styles
21
+ @include("node_modules/@nationalarchives/frontend/nationalarchives/all");
22
+
23
+ // ...or just include a single component
24
+ @include("node_modules/@nationalarchives/frontend/nationalarchives/components/tabs");
25
+ ```
26
+
27
+ ...or you can copy any of the compiled CSS files into your distribution:
28
+
29
+ - `node_modules/@nationalarchives/frontend/nationalarchives/all.css`
30
+ - `node_modules/@nationalarchives/frontend/nationalarchives/all.css.map`
31
+ - `node_modules/@nationalarchives/frontend/nationalarchives/components/tabs.css`
32
+ - `node_modules/@nationalarchives/frontend/nationalarchives/components/tabs.css.map`
33
+
34
+ ### JavaScript
35
+
36
+ ```js
37
+ // Import all the JavaScript
38
+ import "node_modules/@nationalarchives/frontend/nationalarchives/all.mjs";
39
+
40
+ // ...or import just the JavaScript for a single component
41
+ import "node_modules/@nationalarchives/frontend/nationalarchives/components/tabs/tabs.mjs";
42
+ ```
43
+
44
+ ...or you can copy any of the compiled JavaScript files into your distribution:
45
+
46
+ - `node_modules/@nationalarchives/frontend/nationalarchives/all.js`
47
+ - `node_modules/@nationalarchives/frontend/nationalarchives/all.js.map`
48
+ - `node_modules/@nationalarchives/frontend/nationalarchives/components/tabs.js`
49
+ - `node_modules/@nationalarchives/frontend/nationalarchives/components/tabs.js.map`
50
+
51
+ ## Hosted
52
+
53
+ ### CSS
54
+
55
+ Include the CSS in the `<head>` element of your page:
56
+
57
+ ```html
58
+ <!-- All styles -->
59
+ <link href="https://cdn.jsdelivr.net/npm/@nationalarchives/frontend@0.1.18-prerelease/nationalarchives/all.css" rel="stylesheet" integrity="sha384-6Egfw6aX1Jrwuf+APn+BMPswroudkIQ6StU095OPkNCKLEzj7ksWGmYxjend8P7g" crossorigin="anonymous">
60
+
61
+ <!-- Styles for a single component -->
62
+ <link href="https://cdn.jsdelivr.net/npm/@nationalarchives/frontend@0.1.18-prerelease/nationalarchives/components/tabs.css" rel="stylesheet" integrity="sha384-hkx4svJn1A7pWYlzaDRMmtIBBijZdEop+M1Y/H4Hdg8aAqZRJHG56RokLk/eqJYl" crossorigin="anonymous">
63
+ ```
64
+
65
+ ### JavaScript
66
+
67
+ Add the JavaScript to the end of your page just before your closing `</body>` tag:
68
+
69
+ ```html
70
+ <!-- All JavaScript -->
71
+ <script src="https://cdn.jsdelivr.net/npm/@nationalarchives/frontend@0.1.18-prerelease/nationalarchives/all.js" integrity="sha384-sBkiMlxl9svXopGxNSMVAdALjzyvh6sQHp+21PE3LGfTxAEbG4EIpK" crossorigin="anonymous"></script>
72
+
73
+ <!-- JavaScript for a single component -->
74
+ <script src="https://cdn.jsdelivr.net/npm/@nationalarchives/frontend@0.1.18-prerelease/nationalarchives/components/tabs.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
75
+ ```