@nationalarchives/frontend 0.1.18-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.
- package/nationalarchives/all.css +12 -2
- package/nationalarchives/all.css.map +1 -1
- package/nationalarchives/all.js +1 -1
- package/nationalarchives/all.js.map +1 -1
- package/nationalarchives/all.mjs +26 -2
- package/nationalarchives/all.scss +20 -4
- package/nationalarchives/assets/fonts/OpenSans-Bold.ttf +0 -0
- package/nationalarchives/assets/fonts/OpenSans-Medium.ttf +0 -0
- package/nationalarchives/assets/fonts/RobotoMono-Regular.ttf +0 -0
- package/nationalarchives/components/_index.scss +18 -16
- package/nationalarchives/components/breadcrumbs/_index.scss +1 -109
- package/nationalarchives/components/breadcrumbs/breadcrumbs.css +1 -0
- package/nationalarchives/components/breadcrumbs/breadcrumbs.css.map +1 -0
- package/nationalarchives/components/breadcrumbs/breadcrumbs.js +1 -1
- package/nationalarchives/components/breadcrumbs/breadcrumbs.js.map +1 -1
- package/nationalarchives/components/breadcrumbs/breadcrumbs.scss +111 -0
- package/nationalarchives/components/button/_button-group.scss +3 -5
- package/nationalarchives/components/button/_index.scss +1 -73
- package/nationalarchives/components/button/button.css +13 -0
- package/nationalarchives/components/button/button.css.map +1 -0
- package/nationalarchives/components/button/button.scss +103 -0
- package/nationalarchives/components/button/button.stories.js +61 -0
- package/nationalarchives/components/button/macro-options.json +19 -1
- package/nationalarchives/components/button/template.njk +8 -2
- package/nationalarchives/components/card/_index.scss +1 -183
- package/nationalarchives/components/card/card.css +13 -0
- package/nationalarchives/components/card/card.css.map +1 -0
- package/nationalarchives/components/card/card.scss +171 -0
- package/nationalarchives/components/card/card.stories.js +185 -95
- package/nationalarchives/components/card/fixtures.json +57 -28
- package/nationalarchives/components/card/macro-options.json +77 -48
- package/nationalarchives/components/card/template.njk +47 -37
- package/nationalarchives/components/cookie-banner/_index.scss +1 -0
- package/nationalarchives/components/cookie-banner/cookie-banner.css +13 -0
- package/nationalarchives/components/cookie-banner/cookie-banner.css.map +1 -0
- package/nationalarchives/components/cookie-banner/cookie-banner.js +2 -0
- package/nationalarchives/components/cookie-banner/cookie-banner.js.map +1 -0
- package/nationalarchives/components/cookie-banner/cookie-banner.mjs +83 -0
- package/nationalarchives/components/cookie-banner/cookie-banner.scss +32 -0
- package/nationalarchives/components/cookie-banner/cookie-banner.stories.js +164 -0
- package/nationalarchives/components/cookie-banner/fixtures.json +4 -0
- package/nationalarchives/components/cookie-banner/macro-options.json +38 -0
- package/nationalarchives/components/cookie-banner/macro.njk +3 -0
- package/nationalarchives/components/cookie-banner/template.njk +61 -0
- package/nationalarchives/components/filters/_index.scss +1 -54
- package/nationalarchives/components/filters/filters.css +1 -0
- package/nationalarchives/components/filters/filters.css.map +1 -0
- package/nationalarchives/components/filters/filters.scss +53 -0
- package/nationalarchives/components/footer/_index.scss +1 -270
- package/nationalarchives/components/footer/footer.css +13 -0
- package/nationalarchives/components/footer/footer.css.map +1 -0
- package/nationalarchives/components/footer/footer.scss +265 -0
- package/nationalarchives/components/footer/footer.stories.js +6 -6
- package/nationalarchives/components/footer/macro-options.json +7 -1
- package/nationalarchives/components/footer/template.njk +10 -6
- package/nationalarchives/components/gallery/_index.scss +1 -0
- package/nationalarchives/components/gallery/fixtures.json +4 -0
- package/nationalarchives/components/gallery/gallery.css +13 -0
- package/nationalarchives/components/gallery/gallery.css.map +1 -0
- package/nationalarchives/components/gallery/gallery.js +2 -0
- package/nationalarchives/components/gallery/gallery.js.map +1 -0
- package/nationalarchives/components/gallery/gallery.mjs +80 -0
- package/nationalarchives/components/gallery/gallery.scss +129 -0
- package/nationalarchives/components/gallery/gallery.stories.js +76 -0
- package/nationalarchives/components/gallery/macro-options.json +104 -0
- package/nationalarchives/components/gallery/macro.njk +3 -0
- package/nationalarchives/components/gallery/template.njk +45 -0
- package/nationalarchives/components/grid/_index.scss +1 -79
- package/nationalarchives/components/grid/grid.css +1 -0
- package/nationalarchives/components/grid/grid.css.map +1 -0
- package/nationalarchives/components/grid/grid.scss +81 -0
- package/nationalarchives/components/header/_index.scss +1 -586
- package/nationalarchives/components/header/header.css +1 -0
- package/nationalarchives/components/header/header.css.map +1 -0
- package/nationalarchives/components/header/header.js +1 -1
- package/nationalarchives/components/header/header.js.map +1 -1
- package/nationalarchives/components/header/header.scss +594 -0
- package/nationalarchives/components/header/header.stories.js +5 -5
- package/nationalarchives/components/hero/_index.scss +1 -167
- package/nationalarchives/components/hero/hero.css +1 -0
- package/nationalarchives/components/hero/hero.css.map +1 -0
- package/nationalarchives/components/hero/hero.scss +169 -0
- package/nationalarchives/components/index-grid/_index.scss +1 -82
- package/nationalarchives/components/index-grid/index-grid.css +1 -0
- package/nationalarchives/components/index-grid/index-grid.css.map +1 -0
- package/nationalarchives/components/index-grid/index-grid.scss +84 -0
- package/nationalarchives/components/message/_index.scss +1 -35
- package/nationalarchives/components/message/message.css +1 -0
- package/nationalarchives/components/message/message.css.map +1 -0
- package/nationalarchives/components/message/message.scss +36 -0
- package/nationalarchives/components/phase-banner/_index.scss +1 -60
- package/nationalarchives/components/phase-banner/fixtures.json +8 -8
- package/nationalarchives/components/phase-banner/phase-banner.css +1 -0
- package/nationalarchives/components/phase-banner/phase-banner.css.map +1 -0
- package/nationalarchives/components/phase-banner/phase-banner.scss +31 -0
- package/nationalarchives/components/phase-banner/template.njk +2 -2
- package/nationalarchives/components/picture/_index.scss +1 -62
- package/nationalarchives/components/picture/picture.css +13 -0
- package/nationalarchives/components/picture/picture.css.map +1 -0
- package/nationalarchives/components/picture/picture.js +1 -1
- package/nationalarchives/components/picture/picture.js.map +1 -1
- package/nationalarchives/components/picture/picture.mjs +2 -1
- package/nationalarchives/components/picture/picture.scss +65 -0
- package/nationalarchives/components/profile/_index.scss +1 -2
- package/nationalarchives/components/profile/profile.css +1 -0
- package/nationalarchives/components/profile/profile.css.map +1 -0
- package/nationalarchives/components/profile/profile.scss +5 -0
- package/nationalarchives/components/sensitive-image/_index.scss +1 -77
- package/nationalarchives/components/sensitive-image/sensitive-image.css +1 -0
- package/nationalarchives/components/sensitive-image/sensitive-image.css.map +1 -0
- package/nationalarchives/components/sensitive-image/sensitive-image.js +1 -1
- package/nationalarchives/components/sensitive-image/sensitive-image.js.map +1 -1
- package/nationalarchives/components/sensitive-image/sensitive-image.scss +78 -0
- package/nationalarchives/components/skip-link/_index.scss +1 -63
- package/nationalarchives/components/skip-link/skip-link.css +1 -0
- package/nationalarchives/components/skip-link/skip-link.css.map +1 -0
- package/nationalarchives/components/skip-link/skip-link.scss +61 -0
- package/nationalarchives/components/tabs/_index.scss +1 -144
- package/nationalarchives/components/tabs/tabs.css +1 -0
- package/nationalarchives/components/tabs/tabs.css.map +1 -0
- package/nationalarchives/components/tabs/tabs.js +1 -1
- package/nationalarchives/components/tabs/tabs.js.map +1 -1
- package/nationalarchives/components/tabs/tabs.mjs +2 -0
- package/nationalarchives/components/tabs/tabs.scss +143 -0
- package/nationalarchives/components/tabs/tabs.stories.js +0 -1
- package/nationalarchives/lib/_font-awesome.scss +5 -0
- package/nationalarchives/lib/_index.scss +1 -0
- package/nationalarchives/lib/cookies.mjs +110 -0
- package/nationalarchives/lib/font-awesome/brands.css +5 -0
- package/nationalarchives/lib/font-awesome/brands.css.map +1 -0
- package/nationalarchives/lib/font-awesome/fontawesome.css +5 -0
- package/nationalarchives/lib/font-awesome/fontawesome.css.map +1 -0
- package/nationalarchives/lib/font-awesome/regular.css +5 -0
- package/nationalarchives/lib/font-awesome/regular.css.map +1 -0
- package/nationalarchives/lib/font-awesome/solid.css +5 -0
- package/nationalarchives/lib/font-awesome/solid.css.map +1 -0
- package/nationalarchives/lib/font-awesome/v4-shims.css +5 -0
- package/nationalarchives/lib/font-awesome/v4-shims.css.map +1 -0
- package/nationalarchives/stories/development/about.mdx +60 -0
- package/nationalarchives/stories/development/contributing.mdx +8 -5
- package/nationalarchives/stories/development/relationships.mdx +57 -0
- package/nationalarchives/stories/development/using.mdx +75 -0
- package/nationalarchives/stories/utilities/colour-schemes/colour-schemes.stories.js +176 -50
- package/nationalarchives/stories/utilities/typography/heading-groups.stories.js +3 -3
- package/nationalarchives/stories/utilities/typography/typography.stories.js +1 -1
- package/nationalarchives/templates/layouts/_generic.njk +6 -1
- package/nationalarchives/tools/_colour.scss +55 -17
- package/nationalarchives/tools/_index.scss +5 -4
- package/nationalarchives/tools/_spacing.scss +22 -0
- package/nationalarchives/tools/_typography.scss +0 -4
- package/nationalarchives/utilities/_a11y.scss +24 -0
- package/nationalarchives/utilities/_global.scss +3 -29
- package/nationalarchives/utilities/_index.scss +5 -5
- package/nationalarchives/utilities/_overrides.scss +5 -15
- package/nationalarchives/utilities/_typography.scss +68 -57
- package/nationalarchives/variables/_colour.scss +17 -9
- package/nationalarchives/variables/_grid.scss +1 -1
- package/nationalarchives/variables/_spacing.scss +12 -12
- package/nationalarchives/variables/_typography.scss +7 -7
- package/package.json +5 -2
- package/nationalarchives/assets/images/footer/facebook.svg +0 -11
- package/nationalarchives/assets/images/footer/flickr.svg +0 -11
- package/nationalarchives/assets/images/footer/instagram.svg +0 -17
- package/nationalarchives/assets/images/footer/rss.svg +0 -13
- package/nationalarchives/assets/images/footer/twitter.svg +0 -14
- package/nationalarchives/assets/images/footer/youtube.svg +0 -12
- package/nationalarchives/stories/development/dependencies.mdx +0 -11
- package/nationalarchives/stories/development/relationships.md +0 -91
- package/nationalarchives/stories/development/technologies.mdx +0 -65
- 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
|
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` -
|
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
|
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
|
-
[
|
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
|
+
```
|