[
  {
    "path": ".eslintrc.cjs",
    "content": "module.exports = {\n\troot: true,\n\tparser: '@typescript-eslint/parser',\n\textends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],\n\tplugins: ['svelte3', '@typescript-eslint'],\n\tignorePatterns: ['*.cjs'],\n\toverrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],\n\tsettings: {\n\t\t'svelte3/typescript': () => require('typescript')\n\t},\n\tparserOptions: {\n\t\tsourceType: 'module',\n\t\tecmaVersion: 2019\n\t},\n\tenv: {\n\t\tbrowser: true,\n\t\tes2017: true,\n\t\tnode: true\n\t}\n};\n"
  },
  {
    "path": ".gitignore",
    "content": ".DS_Store\nnode_modules\n/build\n/.svelte-kit\n/package\n.env\n.env.*\n"
  },
  {
    "path": ".prettierrc",
    "content": "{\n\t\"useTabs\": true,\n\t\"singleQuote\": true,\n\t\"trailingComma\": \"none\",\n\t\"printWidth\": 100\n}\n"
  },
  {
    "path": "LICENSE.md",
    "content": "MIT License\n\nCopyright (c) 2021 Adrian Bece\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n"
  },
  {
    "path": "README.md",
    "content": "# Modern Fluid Typography Editor\n\n<p align=\"center\">\n<img src=\"./static/socials-default.jpg\" alt=\"drawing\" width=\"480\"/>\n</p>\n\n- Easily create and fine-tune fluid typography values\n- Modern CSS with CSS `clamp`\n- Code snippet generation\n- Supports user-defined font preferences\n- Build with Svelte\n\n## Setup\n\n```\nnpm install\n```\n\n## Run project\n\n```\nnpm run dev\n```\n\n## Bugs and issues?\n\nFeel free to open the issue in project's repository and contribute code!\n\n## Support\n\n[Buy me a coffee!](https://www.buymeacoffee.com/ubnZ8GgDJ)\n"
  },
  {
    "path": "package.json",
    "content": "{\n\t\"name\": \"modern-fluid-typography-editor\",\n\t\"version\": \"0.0.1\",\n\t\"scripts\": {\n\t\t\"dev\": \"svelte-kit dev\",\n\t\t\"build\": \"svelte-kit build\",\n\t\t\"package\": \"svelte-kit package\",\n\t\t\"preview\": \"svelte-kit preview\",\n\t\t\"check\": \"svelte-check --tsconfig ./tsconfig.json\",\n\t\t\"check:watch\": \"svelte-check --tsconfig ./tsconfig.json --watch\",\n\t\t\"lint\": \"prettier --ignore-path .gitignore --check --plugin-search-dir=. . && eslint --ignore-path .gitignore .\",\n\t\t\"format\": \"prettier --ignore-path .gitignore --write --plugin-search-dir=. .\"\n\t},\n\t\"devDependencies\": {\n\t\t\"@sveltejs/adapter-auto\": \"next\",\n\t\t\"@sveltejs/kit\": \"next\",\n\t\t\"@typescript-eslint/eslint-plugin\": \"^4.31.1\",\n\t\t\"@typescript-eslint/parser\": \"^4.31.1\",\n\t\t\"eslint\": \"^7.32.0\",\n\t\t\"eslint-config-prettier\": \"^8.3.0\",\n\t\t\"eslint-plugin-svelte3\": \"^3.2.1\",\n\t\t\"postcss\": \"^8.4.4\",\n\t\t\"postcss-custom-media\": \"^8.0.0\",\n\t\t\"postcss-load-config\": \"^3.1.0\",\n\t\t\"postcss-preset-env\": \"^7.0.1\",\n\t\t\"prettier\": \"^2.4.1\",\n\t\t\"prettier-plugin-svelte\": \"^2.4.0\",\n\t\t\"svelte\": \"^3.44.0\",\n\t\t\"svelte-check\": \"^2.2.6\",\n\t\t\"svelte-clipboard\": \"^1.0.0\",\n\t\t\"svelte-preprocess\": \"^4.9.4\",\n\t\t\"svimg\": \"^1.1.0\",\n\t\t\"tslib\": \"^2.3.1\",\n\t\t\"typescript\": \"^4.4.3\",\n\t\t\"@sveltejs/adapter-vercel\": \"next\",\n\t\t\"cssnano\": \"^5.0.12\"\n\t},\n\t\"type\": \"module\",\n\t\"dependencies\": {\n\t\t\"@floating-ui/dom\": \"^0.1.4\",\n\t\t\"chart.js\": \"^3.4.0\",\n\t\t\"chartjs-plugin-crosshair\": \"^1.2.0\"\n\t}\n}\n"
  },
  {
    "path": "postcss.config.cjs",
    "content": "module.exports = {\n    plugins: [\n        require('postcss-preset-env')({\n            stage: 3,\n            features: {\n                'nesting-rules': true,\n                'custom-media-queries': {\n                    importFrom: './src/styles/media.pcss',\n                },\n            },\n        }),\n        require('cssnano'),\n    ],\n};\n"
  },
  {
    "path": "src/app.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<meta name=\"robots\" content=\"index, follow\" />\n\n\t\t<title>Modern fluid typography editor</title>\n\t\t<meta name=\"title\" content=\"Modern fluid typography editor\" />\n\t\t<meta\n\t\t\tname=\"description\"\n\t\t\tcontent=\"Generate fluid typography code snippets using modern CSS clamp function and fine-tune fluid typography behavior using this robust and sleek editor.\"\n\t\t/>\n\n\t\t<meta property=\"og:type\" content=\"website\" />\n\t\t<meta property=\"og:url\" content=\"https://modern-fluid-typography.vercel.app\" />\n\t\t<meta property=\"og:title\" content=\"Modern fluid typography editor\" />\n\t\t<meta\n\t\t\tproperty=\"og:description\"\n\t\t\tcontent=\"Generate fluid typography code snippets using modern CSS clamp function and fine-tune fluid typography behavior using this robust and sleek editor.\"\n\t\t/>\n\t\t<meta\n\t\t\tproperty=\"og:image\"\n\t\t\tcontent=\"https://modern-fluid-typography.vercel.app/socials-default.jpg\"\n\t\t/>\n\n\t\t<meta property=\"og:image:width\" content=\"1200\" />\n\t\t<meta property=\"og:image:height\" content=\"630\" />\n\n\t\t<meta property=\"twitter:card\" content=\"summary_large_image\" />\n\t\t<meta property=\"twitter:url\" content=\"https://modern-fluid-typography.vercel.app\" />\n\t\t<meta property=\"twitter:title\" content=\"Modern fluid typography editor\" />\n\t\t<meta\n\t\t\tproperty=\"twitter:description\"\n\t\t\tcontent=\"Generate fluid typography code snippets using modern CSS clamp function and fine-tune fluid typography behavior using this robust and sleek editor.\"\n\t\t/>\n\t\t<meta\n\t\t\tproperty=\"twitter:image\"\n\t\t\tcontent=\"https://modern-fluid-typography.vercel.app/socials-default.jpg\"\n\t\t/>\n\n\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n\n\t\t<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n\t\t<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin />\n\t\t<link\n\t\t\thref=\"https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&family=Ubuntu:wght@700&family=Ubuntu+Mono:wght@700&display=swap\"\n\t\t\trel=\"stylesheet\"\n\t\t/>\n\t\t<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"/apple-touch-icon.png\" />\n\t\t<link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/favicon-32x32.png\" />\n\t\t<link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/favicon-16x16.png\" />\n\t\t<link rel=\"manifest\" href=\"/site.webmanifest\" />\n\t\t<link rel=\"mask-icon\" href=\"/safari-pinned-tab.svg\" color=\"#37314b\" />\n\t\t<meta name=\"msapplication-TileColor\" content=\"#37314b\" />\n\t\t<meta name=\"theme-color\" content=\"#37314b\" />\n\t\t<script async src=\"https://www.googletagmanager.com/gtag/js?id=G-YJ8SQ0016B\"></script>\n\t\t<script>\n\t\t\twindow.dataLayer = window.dataLayer || [];\n\t\t\tfunction gtag() {\n\t\t\t\tdataLayer.push(arguments);\n\t\t\t}\n\t\t\tgtag('js', new Date());\n\t\t\tgtag('config', 'G-YJ8SQ0016B');\n\t\t</script>\n\t\t%svelte.head%\n\t</head>\n\t<body id=\"svelte\">\n\t\t%svelte.body%\n\t</body>\n</html>\n"
  },
  {
    "path": "src/components/Footer.svelte",
    "content": "<footer class=\"footer\">\n\t<p class=\"footer__section\">\n\t\tInspired by\n\t\t<a\n\t\t\tclass=\"footer__link footer__link--primary\"\n\t\t\thref=\"https://www.joshwcomeau.com/\"\n\t\t\ttarget=\"_blank\"\n\t\t\trel=\"noopener noreferrer\"\n\t\t>\n\t\t\tJosh Comeau's\n\t\t</a>\n\t\t\"Fluid Calculator\" from\n\t\t<a\n\t\t\tclass=\"footer__link footer__link--primary\"\n\t\t\thref=\"https://css-for-js.dev/\"\n\t\t\ttarget=\"_blank\"\n\t\t\trel=\"noopener noreferrer\"\n\t\t>\n\t\t\tCSS for JS devs\n\t\t</a> course.\n\t</p>\n\t<p class=\"footer__section\">\n\t\tCreated with <i class=\"fa-solid fa-heart footer__icon\" /> and\n\t\t<i class=\"fa-solid fa-fire footer__icon\" />\n\t\tby\n\t\t<a\n\t\t\tclass=\"footer__link footer__link--secondary\"\n\t\t\thref=\"http://codeadrian.github.io\"\n\t\t\ttarget=\"_blank\"\n\t\t\trel=\"noopener noreferrer\"\n\t\t>\n\t\t\tAdrian Bece\n\t\t</a>\n\t</p>\n\t<ul class=\"footer__links\">\n\t\t<li class=\"footer__item\">\n\t\t\t<a\n\t\t\t\thref=\"https://twitter.com/AdrianBeceDev\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t\tclass=\"footer__link footer__link--social\"\n\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t>\n\t\t\t\t<i class=\"fa-brands fa-twitter\" />\n\t\t\t</a>\n\t\t</li>\n\t\t<li class=\"footer__item\">\n\t\t\t<a\n\t\t\t\thref=\"https://www.linkedin.com/in/adrianbece/\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t\tclass=\"footer__link footer__link--social\"\n\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t>\n\t\t\t\t<i class=\"fa-brands fa-linkedin-in\" />\n\t\t\t</a>\n\t\t</li>\n\t\t<li class=\"footer__item\">\n\t\t\t<a\n\t\t\t\thref=\"https://github.com/codeAdrian/modern-fluid-typography-editor\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t\tclass=\"footer__link footer__link--social\"\n\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t>\n\t\t\t\t<i class=\"fa-brands fa-github-alt\" />\n\t\t\t</a>\n\t\t</li>\n\t\t<li class=\"footer__item\">\n\t\t\t<a\n\t\t\t\thref=\"https://www.buymeacoffee.com/ubnZ8GgDJ\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t\tclass=\"footer__link footer__link--social\"\n\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t>\n\t\t\t\t<i class=\"fa-solid fa-mug-saucer\" />\n\t\t\t</a>\n\t\t</li>\n\t</ul>\n</footer>\n\n<style>\n\t.footer {\n\t\ttext-align: center;\n\t\tpadding: var(--spacing-2) var(--spacing-n1);\n\t\tbackground-color: var(--color-gray-medium-faded);\n\t\tborder-top: 2px solid var(--color-gray-medium);\n\t\tfont-weight: var(--font-weight-bold);\n\n\t\t@media (--mq-tablet-min) {\n\t\t\tpadding: var(--spacing-2);\n\t\t}\n\t}\n\n\t.footer__link {\n\t\ttext-decoration: none;\n\t\tfont-family: var(--font-family-primary);\n\t}\n\n\t.footer__link:hover,\n\t.footer__link:active {\n\t\ttext-decoration: underline;\n\t}\n\n\t.footer__link--primary {\n\t\tcolor: var(--color-primary);\n\t}\n\n\t.footer__link--secondary {\n\t\tcolor: var(--color-secondary);\n\t}\n\n\t.footer__section + .footer__section {\n\t\tmargin-top: var(--spacing-1);\n\t}\n\n\t.footer__link--social {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\ttext-align: center;\n\t\tjustify-content: center;\n\t\tcolor: var(--color-gray-light);\n\t\tbackground-color: var(--color-gray-medium-faded);\n\t\tborder: 2px solid currentColor;\n\t\twidth: calc(var(--spacing-1) + var(--spacing-n1));\n\t\taspect-ratio: 1;\n\t\tfont-family: var(--font-family-primary);\n\t\tborder-radius: var(--spacing-n2);\n\t}\n\n\t.footer__link--social:hover,\n\t.footer__link--social:active,\n\t.footer__link--social:focus {\n\t\tbox-shadow: 0 0 2px 1px var(--color-gray-light);\n\t\ttext-decoration: none;\n\t}\n\n\t.footer__links {\n\t\tlist-style: none;\n\t\tpadding: 0;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tmargin-top: var(--spacing-1);\n\t}\n\n\t.footer__item + .footer__item {\n\t\tmargin-left: var(--spacing-n1);\n\t}\n</style>\n"
  },
  {
    "path": "src/components/Header.svelte",
    "content": "<script>\n\timport { currentSubtitle } from 'src/stores/currentSubtitle';\n\n\timport { onMount } from 'svelte';\n\n\tconst subtitles = [\n\t\t'Created by',\n\t\t'Willed into existence by',\n\t\t'Pixels pushed by',\n\t\t'Cybernatically enchanced by',\n\t\t'Found bugs in the app? Blame ',\n\t\t'Joy sparked by',\n\t\t'Bugs and other stuff by',\n\t\t'Made on Arrakis by',\n\t\t'Space-time folded by',\n\t\t'Spice harvested by',\n\t\t'Created on the dark side of the moon by',\n\t\t'Transmogrified into existence by',\n\t\t'Created according to the Great Convention by',\n\t\t'TODO: Some witty subtitle to be added later by',\n\t\t'As decreed by Leto II, this was created by',\n\t\t'Created according to the Shadow Proclamation by',\n\t\t'Created according to the Codex Astartes by',\n\t\t'Blessed by Shai Hulud and made by',\n\t\t'An Oscar-winning performance by'\n\t];\n\n\tlet hasChanged = false;\n\n\tonMount(() => {\n\t\tif ($currentSubtitle) {\n\t\t\treturn;\n\t\t}\n\n\t\thasChanged = true;\n\n\t\tcurrentSubtitle.set(subtitles[Math.floor(Math.random() * subtitles.length)]);\n\t});\n</script>\n\n<header class=\"header\">\n\t<div class=\"header__wrapper\">\n\t\t<div>\n\t\t\t<h1 class=\"header__title\">\n\t\t\t\t<a class=\"header__link header__link--title\" href=\"/\"> Modern fluid typography editor </a>\n\t\t\t</h1>\n\t\t\t<h2 class:header__subtitle--ready={$currentSubtitle && hasChanged} class=\"header__subtitle\">\n\t\t\t\t{#if $currentSubtitle}\n\t\t\t\t\t{$currentSubtitle}\n\t\t\t\t\t<a\n\t\t\t\t\t\tclass=\"header__link header__link--subtitle\"\n\t\t\t\t\t\thref=\"http://codeadrian.github.io\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t>\n\t\t\t\t\t\tAdrian Bece\n\t\t\t\t\t</a>\n\t\t\t\t{:else}\n\t\t\t\t\t<a href=\"/\">&nbsp; </a>\n\t\t\t\t{/if}\n\t\t\t</h2>\n\t\t</div>\n\n\t\t<nav>\n\t\t\t<ul class=\"header__list\">\n\t\t\t\t<li><a class=\"header__link header__link--page\" href=\"/about\">About</a></li>\n\t\t\t\t<li>\n\t\t\t\t\t<a\n\t\t\t\t\t\thref=\"https://twitter.com/AdrianBeceDev\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\tclass=\"header__link header__link--social\"\n\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<i class=\"fa-brands fa-twitter\" />\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<a\n\t\t\t\t\t\thref=\"https://github.com/codeAdrian/modern-fluid-typography-editor\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\tclass=\"header__link header__link--social\"\n\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<i class=\"fa-brands fa-github-alt\" />\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<a\n\t\t\t\t\t\thref=\"https://www.buymeacoffee.com/ubnZ8GgDJ\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\tclass=\"header__link header__link--social\"\n\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<i class=\"fa-solid fa-mug-saucer\" />\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</nav>\n\t</div>\n</header>\n\n<style>\n\t.header {\n\t\tmargin-bottom: var(--spacing-1);\n\t\tbackground-color: var(--color-gray-medium-faded);\n\t\tborder-bottom: 2px solid var(--color-gray-medium);\n\t\ttext-align: center;\n\n\t\t@media (--mq-tablet-min) {\n\t\t\tmargin-bottom: var(--spacing-2);\n\t\t\ttext-align: left;\n\t\t}\n\t}\n\n\t.header__wrapper {\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tpadding: var(--spacing-1) var(--spacing-n1);\n\t\tmax-width: var(--container-max);\n\t\tmargin: 0 auto;\n\n\t\t@media (--mq-tablet-min) {\n\t\t\tpadding: var(--spacing-1) var(--spacing-2);\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n\n\t.header__title {\n\t\tfont-size: var(--font-size-medium);\n\t}\n\n\t.header__subtitle {\n\t\tfont-size: var(--font-size-small);\n\t\tcolor: var(--color-gray-light);\n\t\tpadding: var(--spacing-n1) 0;\n\n\t\t@media (--mq-tablet-min) {\n\t\t\tpadding: var(--spacing-n4) 0 0 0;\n\t\t}\n\t}\n\n\t.header__link {\n\t\tdisplay: block;\n\t\ttext-decoration: none;\n\t\tcolor: var(--color-gray-light);\n\t\tmargin: 0;\n\t}\n\n\t.header__link--title {\n\t\tcolor: var(--color-primary);\n\t}\n\n\t.header__link--title:hover {\n\t\tcolor: var(--color-primary-tint);\n\t}\n\n\t.header__list {\n\t\tdisplay: flex;\n\t\tlist-style: none;\n\t\tpadding: 0;\n\t\tjustify-content: center;\n\n\t\t@media (--mq-tablet-min) {\n\t\t\tjustify-content: flex-end;\n\t\t}\n\t}\n\n\t.header__list > li + li {\n\t\tmargin-left: var(--spacing-n1);\n\t}\n\n\t.header__link--subtitle {\n\t\tdisplay: inline-block;\n\t\ttext-decoration: underline;\n\t}\n\n\t.header__link--subtitle:hover {\n\t\tcolor: var(--color-secondary-tint);\n\t}\n\n\t.header__link--page {\n\t\tcolor: var(--color-secondary);\n\t\tbackground-color: var(--color-secondary-faded);\n\t\tborder: 2px solid currentColor;\n\t\tpadding: var(--spacing-n2) var(--spacing-1);\n\t\tfont-family: var(--font-family-primary);\n\t\tborder-radius: var(--spacing-n2);\n\t}\n\n\t.header__link--page:hover,\n\t.header__link--page:active,\n\t.header__link--page:focus {\n\t\tbox-shadow: 0 0 2px 1px var(--color-secondary);\n\t}\n\n\t.header__link--social {\n\t\tbackground-color: var(--color-gray-medium-faded);\n\t\tborder: 2px solid currentColor;\n\t\tpadding: var(--spacing-n2) var(--spacing-n1);\n\t\tfont-family: var(--font-family-primary);\n\t\tborder-radius: var(--spacing-n2);\n\t}\n\n\t.header__link--social:hover,\n\t.header__link--social:active,\n\t.header__link--social:focus {\n\t\tbox-shadow: 0 0 2px 1px var(--color-gray-light);\n\t}\n\n\t.header__subtitle--ready {\n\t\tanimation: fadeIn 0.5s ease forwards 1;\n\t}\n\n\t@keyframes fadeIn {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t}\n\t}\n</style>\n"
  },
  {
    "path": "src/components/InputWithRange.svelte",
    "content": "<script lang=\"ts\">\n\texport let label;\n\texport let id;\n\texport let unit = '';\n\texport let value;\n</script>\n\n<label class=\"input__label\" for={id}>{label}</label>\n<slot />\n<div class=\"input__wrapper\">\n\t<input class=\"input__element\" type=\"number\" bind:value={$value} {id} {...$$restProps} />\n\t<span class=\"input__unit\">{unit}</span>\n</div>\n<input\n\taria-labelledby={id}\n\tclass=\"input__range\"\n\ttype=\"range\"\n\tlist={`${id}-tickmarks`}\n\tbind:value={$value}\n\t{...$$restProps}\n/>\n\n<style>\n\t.input__label {\n\t\tfont-family: var(--font-family-primary);\n\t\tdisplay: inline-block;\n\t\tmargin-bottom: var(--spacing-n2);\n\t}\n\n\t.input__wrapper {\n\t\tdisplay: flex;\n\t\tborder: 2px solid var(--color-secondary);\n\t\tbackground-color: var(--color-secondary-faded);\n\t\tborder-radius: var(--spacing-n4);\n\t\tmargin-bottom: var(--spacing-n1);\n\t}\n\n\t.input__wrapper:focus-within {\n\t\tborder-color: var(--color-secondary);\n\t\tbox-shadow: 0 0 3px 1px var(--color-secondary);\n\t}\n\n\t.input__element {\n\t\tfont-weight: var(--font-weight-bold);\n\t\tpadding: var(--spacing-n3);\n\t\tbackground-color: transparent;\n\t\tborder-width: 0;\n\t\tcolor: var(--color-gray-light);\n\t\twidth: 100%;\n\t\tpadding: var(--spacing-n2) var(--spacing-n1);\n\t\toutline: 0;\n\t}\n\n\t.input__unit {\n\t\tpadding: var(--spacing-n3) var(--spacing-n2);\n\t\tfont-family: var(--font-family-primary);\n\t\tborder-left: inherit;\n\t\tmin-width: calc(4ch + 2 * var(--spacing-n2));\n\t\ttext-align: center;\n\t\tcolor: var(--color-secondary);\n\t}\n\n\t.input__range {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t}\n</style>\n"
  },
  {
    "path": "src/components/Legend.svelte",
    "content": "<aside class=\"legend-wrapper\">\n\t<strong>Legend</strong>\n\t<ul class=\"legend\">\n\t\t<li class=\"legend__box legend__box--min\">Min value</li>\n\t\t<li class=\"legend__box legend__box--fluid\">Within min and max range</li>\n\t\t<li class=\"legend__box legend__box--max\">Max value</li>\n\t</ul>\n</aside>\n\n<style>\n\t.legend-wrapper {\n\t\tfont-weight: var(--font-weight-bold);\n\t\tborder: 2px solid var(--color-gray-medium);\n\t\tborder-radius: var(--spacing-n4);\n\t\tbackground-color: var(--color-gray-medium-faded);\n\t\tmargin-top: var(--spacing-1);\n\t\tpadding: var(--spacing-1);\n\n\t\t@media (--mq-desktop-min) {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: auto;\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\n\t.legend {\n\t\tlist-style: none;\n\t\tpadding: 0;\n\t\tmargin-top: var(--spacing-1);\n\t}\n\n\t.legend__box {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.legend__box + .legend__box {\n\t\tmargin-top: var(--spacing-1);\n\t}\n\n\t.legend__box::before {\n\t\tcontent: '';\n\t\tdisplay: inline-block;\n\t\twidth: var(--spacing-1);\n\t\theight: var(--spacing-1);\n\t\tmargin-right: var(--spacing-n2);\n\t}\n\n\t.legend__box--fluid::before {\n\t\tborder: 2px solid var(--color-gray-light);\n\t\tbackground-color: var(--color-gray-medium-faded);\n\t}\n\n\t.legend__box--min::before {\n\t\tborder: 2px solid var(--color-secondary);\n\t\tbackground-color: var(--color-secondary-faded);\n\t}\n\n\t.legend__box--max::before {\n\t\tborder: 2px solid var(--color-primary);\n\t\tbackground-color: var(--color-primary-faded);\n\t}\n</style>\n"
  },
  {
    "path": "src/components/LineChart.svelte",
    "content": "<script>\n\timport { Chart, registerables, Interaction } from 'chart.js';\n\timport { onMount } from 'svelte';\n\timport { CrosshairPlugin, Interpolate } from 'chartjs-plugin-crosshair';\n\n\texport let chartOptions;\n\texport let data;\n\n\tlet canvas;\n\tlet chart;\n\n\tconst initChart = () => {\n\t\tInteraction.modes.interpolate = Interpolate;\n\t\tChart.register(CrosshairPlugin, ...registerables);\n\t\tchart = new Chart(canvas?.getContext('2d'), chartOptions);\n\t\tvar gradientFill = chart.ctx.createLinearGradient(0, 0, 0, chart.chartArea.height);\n\t\tgradientFill.addColorStop(0, 'hsla(182, 29%, 51%, 0.17)');\n\t\tgradientFill.addColorStop(1, 'hsla(182, 29%, 51%, 0)');\n\t\tchart.options.backgroundColor = gradientFill;\n\n\t\tchart.data.datasets[0].data = data;\n\t\tchart?.update();\n\t};\n\t$: {\n\t\tif (chart) {\n\t\t\tchart.data.datasets[0].data = data;\n\t\t\tchart?.update();\n\t\t}\n\t}\n\n\tonMount(initChart);\n</script>\n\n<figure>\n\t<canvas bind:this={canvas} />\n</figure>\n\n<style>\n\tfigure {\n\t\twidth: 100%;\n\t}\n\n\tcanvas {\n\t\tmargin-top: calc(var(--spacing-1) + var(--spacing-n2));\n\t\tcursor: crosshair;\n\t\twidth: 100%;\n\t\tmax-width: 100%;\n\n\t\t@media (--mq-desktop-min) {\n\t\t\tmargin-left: calc(-1 * var(--spacing-2));\n\t\t\tmax-width: calc(100% + var(--spacing-2));\n\t\t}\n\t}\n</style>\n"
  },
  {
    "path": "src/components/Message.svelte",
    "content": "<script>\n\timport { computePosition } from '@floating-ui/dom';\n\timport { clickOutside } from 'src/utils/clickOutside';\n\timport { onMount } from 'svelte';\n\n\texport let type;\n\texport let id;\n\n\t// First, select the elements on the document\n\tlet button;\n\tlet tooltip;\n\tlet showTooltip = false;\n\n\tonMount(() => {\n\t\tcomputePosition(button, tooltip, { placement: 'right' }).then(({ x, y }) => {\n\t\t\tObject.assign(tooltip.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`\n\t\t\t});\n\t\t});\n\t});\n\n\tconst handleClickOutside = () => (showTooltip = false);\n</script>\n\n<div class=\"tooltip\" use:clickOutside on:click_outside={handleClickOutside}>\n\t<button\n\t\ton:mouseenter={() => {\n\t\t\tshowTooltip = true;\n\t\t}}\n\t\ton:mouseleave={() => {\n\t\t\tshowTooltip = false;\n\t\t}}\n\t\ton:click={() => (showTooltip = true)}\n\t\tclass=\"tooltip-button\"\n\t\tbind:this={button}\n\t>\n\t\t<i class={`fa-solid fa-triangle-exclamation tooltip__icon tooltip__icon--${type}`} />\n\t</button>\n\t<div class=\"tooltip__message\" bind:this={tooltip} class:tooltip__message--visible={showTooltip}>\n\t\t<div class=\"tooltip__message-inner\">\n\t\t\t<slot />\n\t\t</div>\n\t</div>\n</div>\n\n<style>\n\t.tooltip {\n\t\tdisplay: inline-block;\n\t}\n\n\t.tooltip-button {\n\t\tbackground-color: transparent;\n\t\tborder-width: 0;\n\t\tcursor: help;\n\t\tpadding: 0;\n\t\tmargin-left: var(--spacing-n5);\n\t}\n\n\t.tooltip__icon {\n\t\tcolor: var(--color-tertiary);\n\t}\n\n\t.tooltip__message {\n\t\tposition: absolute;\n\t\tdisplay: none;\n\t\tz-index: var(--level-4);\n\t\tmax-width: 250px;\n\t\tbackground-color: var(--color-gray-dark);\n\t\tborder: 2px solid var(--color-tertiary);\n\t\tborder-radius: var(--spacing-n2);\n\t\tmargin-top: calc(-1 * var(--spacing-1));\n\t\tmargin-left: var(--spacing-n1);\n\t}\n\n\t.tooltip__message::before {\n\t\tcontent: '\\f0d9';\n\t\tfont-family: 'Font Awesome 6 Free';\n\t\tfont-weight: 900;\n\t\tposition: absolute;\n\t\tcolor: var(--color-tertiary);\n\t\tfont-size: var(--font-size-medium);\n\t\tleft: 2px;\n\t\ttop: 0;\n\t\twidth: var(--spacing-n1);\n\t\theight: var(--spacing-n1);\n\t\ttransform: translate3d(-100%, 50%, 0);\n\n\t\tz-index: var(--level-2);\n\t}\n\n\t.tooltip__message-inner {\n\t\tpadding: var(--spacing-n1);\n\t\tbackground-color: var(--color-tertiary-faded);\n\t\tfont-weight: var(--font-weight-bold);\n\t}\n\n\t.tooltip__message--visible {\n\t\tdisplay: initial;\n\t}\n</style>\n"
  },
  {
    "path": "src/components/ShareButton.svelte",
    "content": "<script>\n\timport { shareUrl } from 'src/modules/form/store';\n\timport Clipboard from 'svelte-clipboard';\n\n\tlet hasCopied = false;\n\n\tconst handleCopyAnimation = () => {\n\t\thasCopied = true;\n\t\tsetTimeout(() => {\n\t\t\thasCopied = false;\n\t\t}, 1000);\n\t};\n</script>\n\n<Clipboard on:copy={handleCopyAnimation} text={$shareUrl} let:copy>\n\t<button on:click={copy} href={$shareUrl} title=\"Share this value\">\n\t\t{#if hasCopied}\n\t\t\t<i class=\"fa-solid fa-check\" />\n\t\t\tLink copied\n\t\t{:else}\n\t\t\t<i class=\"fa-solid fa-share-from-square\" />\n\t\t\tCopy link\n\t\t{/if}\n\t</button>\n</Clipboard>\n\n<style>\n\tbutton {\n\t\tcursor: pointer;\n\t\tdisplay: inline-flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tcolor: var(--color-secondary);\n\t\tbackground-color: var(--color-secondary-faded);\n\t\tborder: 2px solid currentColor;\n\t\tpadding: var(--spacing-n1) var(--spacing-1);\n\t\tfont-family: var(--font-family-primary);\n\t\tborder-radius: var(--spacing-n2);\n\t\ttext-decoration: none;\n\t\tmin-width: 180px;\n\t}\n\n\tbutton i {\n\t\tpadding-right: var(--spacing-n4);\n\t}\n\n\tbutton:hover,\n\tbutton:active,\n\tbutton:focus {\n\t\tbox-shadow: 0 0 2px 1px var(--color-secondary);\n\t}\n</style>\n"
  },
  {
    "path": "src/components/Snippet.svelte",
    "content": "<script>\n\timport Clipboard from 'svelte-clipboard';\n\texport let text;\n\n\tlet isAnimated = false;\n\n\tconst handleCopyAnimation = () => {\n\t\tisAnimated = true;\n\n\t\tsetTimeout(() => {\n\t\t\tisAnimated = false;\n\t\t}, 300);\n\t};\n</script>\n\n<div class=\"snippet\">\n\t<Clipboard on:copy={handleCopyAnimation} {text} let:copy>\n\t\t<button class=\"snippet__button\" on:click={copy}>\n\t\t\t<i class=\"fa-solid fa-copy\" />\n\t\t\t<i class:snippet__icon--animated={isAnimated} class=\"fa-solid fa-copy snippet__icon\" />\n\t\t</button>\n\t</Clipboard>\n\t<pre\n\t\tclass=\"snippet__wrapper\">\n        <code class=\"snippet__code\">\n\n            {text}\n        </code>\n    </pre>\n</div>\n\n<style>\n\t.snippet {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tborder: 2px solid var(--color-gray-light);\n\t\tbackground-color: var(--color-gray-medium-faded);\n\t\tborder-radius: 8px;\n\t\tcolor: var(--color-gray-light);\n\t\tmax-width: 100%;\n\t\tovverflow: auto;\n\n\t\t@media (--mq-desktop-min) {\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n\n\t.snippet__wrapper {\n\t\tpadding: var(--spacing-n2) var(--spacing-n1);\n\t\tmax-width: calc(3 * var(--spacing-5));\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tmax-width: 100%;\n\t}\n\n\t.snippet__code {\n\t\tfont-family: var(--font-family-mono);\n\t\tuser-select: all;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tmax-width: 100%;\n\t\twhite-space: break-spaces;\n\t}\n\n\t.snippet__button {\n\t\tbackground: transparent;\n\t\tborder-width: 0;\n\t\tborder-right: 2px solid var(--color-gray-light);\n\t\tpadding: var(--spacing-n2) var(--spacing-n1);\n\t\tcolor: var(--color-gray-light);\n\t\tfont-size: var(--font-size-medium);\n\t\tcursor: pointer;\n\t\tposition: relative;\n\t}\n\n\t.snippet__button:hover {\n\t\tbackground: var(--color-gray-medium-faded);\n\t}\n\n\t.snippet__icon {\n\t\tposition: absolute;\n\t\tleft: 50%;\n\t\tright: 0;\n\t\ttop: 50%;\n\t\ttransform: translate3d(-50%, -50%, 0);\n\t}\n\n\t.snippet__icon--animated {\n\t\tanimation: moveAndFade 0.3s ease-out;\n\t}\n\n\t@keyframes moveAndFade {\n\t\tfrom {\n\t\t\topacity: 1;\n\t\t\ttransform: translate3d(-50%, -50%, 0) scale(1);\n\t\t}\n\t\tto {\n\t\t\topacity: 0;\n\t\t\ttransform: translate3d(-50%, -50%, 0) scale(2);\n\t\t}\n\t}\n</style>\n"
  },
  {
    "path": "src/components/Stats.svelte",
    "content": "<script>\n\timport { fluidSize } from 'src/modules/form/store';\n\n\texport let start = 0;\n\texport let minValue = 0;\n\texport let end = 0;\n\texport let maxValue = 0;\n</script>\n\n<aside class=\"stats\">\n\t{#if $fluidSize >= 0}\n\t\tMin value <strong class=\"stats__value--min\">({minValue}px)</strong> ends at\n\t\t<strong class=\"stats__value--min\"> {start} px</strong>. Max value\n\t\t<strong class=\"stats__value--max\">({maxValue}px)</strong>\n\t\tstarts at\n\t\t<strong class=\"stats__value--max\"> {end} px</strong>.\n\t{:else}\n\t\tMax value <strong class=\"stats__value--min\">({maxValue}px)</strong> ends at\n\t\t<strong class=\"stats__value--min\"> {end} px</strong>. Min value\n\t\t<strong class=\"stats__value--max\">({minValue}px)</strong>\n\t\tstarts at\n\t\t<strong class=\"stats__value--max\"> {start} px</strong>.\n\t{/if}\n</aside>\n\n<style>\n\t.stats {\n\t\tfont-family: var(--font-family-primary);\n\t\ttext-align: left;\n\t}\n\n\t.stats__value--min {\n\t\tcolor: var(--color-secondary);\n\t}\n\n\t.stats__value--max {\n\t\tcolor: var(--color-primary);\n\t}\n</style>\n"
  },
  {
    "path": "src/global.d.ts",
    "content": "/// <reference types=\"@sveltejs/kit\" />\n"
  },
  {
    "path": "src/modules/code/Section.svelte",
    "content": "<script>\n\timport Message from 'components/Message.svelte';\n\timport { clampValue, minSize, maxSize, relativeSize } from 'src/modules/form/store';\n</script>\n\n{#if $minSize >= $maxSize}\n\t<Message type=\"error\">\n\t\tFluid snippet doesn't have any effect. Minimum size is larger than maximum size.\n\t</Message>\n{/if}\n\n{#if $relativeSize > -1 && $relativeSize < 1}\n\t<Message type=\"warning\"\n\t\t>It's recommended to set \"Relative Size\" to a value -1 or less or 1 and greater to support user\n\t\tfont size preferences.</Message\n\t>\n{/if}\n"
  },
  {
    "path": "src/modules/form/Form.svelte",
    "content": "<script>\n\timport Input from 'components/InputWithRange.svelte';\n\timport Message from 'src/components/Message.svelte';\n\timport ShareButton from 'src/components/ShareButton.svelte';\n\timport { fluidSize, maxSize, minSize, relativeSize, rootFontSize } from './store';\n</script>\n\n<ul class=\"form-list\">\n\t<li>\n\t\t<Input\n\t\t\tid=\"root-font-size\"\n\t\t\tunit=\"px\"\n\t\t\tlabel=\"Root font size\"\n\t\t\tmin={1}\n\t\t\tmax={64}\n\t\t\tvalue={rootFontSize}\n\t\t>\n\t\t\t{#if $rootFontSize <= 0}\n\t\t\t\t<Message id=\"root-font-size\" type=\"error\">Incorrect font size value.</Message>\n\t\t\t{/if}\n\t\t</Input>\n\t</li>\n\t<li>\n\t\t<Input id=\"min-size\" unit=\"px\" label=\"Min size\" min={1} max={128} step={1} value={minSize}>\n\t\t\t{#if $minSize > $maxSize}\n\t\t\t\t<Message id=\"min-max-size\" type=\"error\">\n\t\t\t\t\tFluid snippet doesn't have any effect. Minimum size is larger than maximum size.\n\t\t\t\t</Message>\n\t\t\t{/if}\n\t\t</Input>\n\t</li>\n\t<li>\n\t\t<Input id=\"max-size\" unit=\"px\" label=\"Max size\" min={1} max={128} step={1} value={maxSize}>\n\t\t\t{#if $minSize > $maxSize}\n\t\t\t\t<Message id=\"min-max-size\" type=\"error\">\n\t\t\t\t\tFluid snippet doesn't have any effect. Minimum size is larger than maximum size.\n\t\t\t\t</Message>\n\t\t\t{/if}\n\t\t</Input>\n\t</li>\n\t<li>\n\t\t<Input id=\"fluid-size\" unit=\"vw\" label=\"Fluid size\" min={-5} max={5} value={fluidSize}>\n\t\t\t{#if $fluidSize === 0}\n\t\t\t\t<Message id=\"fluid-size\" type=\"warning\"\n\t\t\t\t\t>Fluid snippet doesn't have any effect. Fluid size should be above 0</Message\n\t\t\t\t>\n\t\t\t{/if}\n\t\t</Input>\n\t</li>\n\t<li>\n\t\t<Input\n\t\t\tid=\"relative-size\"\n\t\t\tunit=\"rem\"\n\t\t\tlabel=\"Relative size\"\n\t\t\tmin={-3}\n\t\t\tmax={3}\n\t\t\tstep={0.25}\n\t\t\tvalue={relativeSize}\n\t\t>\n\t\t\t{#if $relativeSize > -1 && $relativeSize < 1}\n\t\t\t\t<Message id=\"relative-size\" type=\"warning\"\n\t\t\t\t\t>Value should be -1 and less or 1 and more to support user font size settings.</Message\n\t\t\t\t>\n\t\t\t{/if}\n\t\t</Input>\n\t</li>\n</ul>\n\n<style>\n\t.form-list {\n\t\tmargin-bottom: var(--spacing-2);\n\t\tlist-style: none;\n\t\tpadding: 0;\n\t\tgrid-template-columns: repeat(5, 1fr);\n\t\tgrid-gap: var(--spacing-2);\n\t\tborder: 2px solid var(--color-secondary-tint);\n\t\tbackground: var(--color-secondary-faded);\n\t\tborder-radius: var(--spacing-n2);\n\t\tpadding: var(--spacing-1) var(--spacing-1) calc(var(--spacing-1) + var(--spacing-n2));\n\n\t\t@media (--mq-mobileLandscape-min) and (--mq-tablet-max) {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(2, 1fr);\n\t\t}\n\n\t\t@media (--mq-desktop-min) and (--mq-desktop-max) {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(5, 1fr);\n\t\t}\n\n\t\t@media (--mq-heightLarge) {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(5, 1fr);\n\t\t}\n\t}\n\n\t.form-list li + li {\n\t\tmargin-top: var(--spacing-1);\n\n\t\t@media (--mq-mobileLandscape-min) and (--mq-desktop-max) {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t@media (--mq-heightLarge) {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n</style>\n"
  },
  {
    "path": "src/modules/form/store.ts",
    "content": "import { getClampValue } from 'src/utils/getClampValue';\nimport { getShareUrl } from 'src/utils/getShareUrl';\nimport { parseQueryString } from 'src/utils/parseQueryString';\nimport { toPx } from 'src/utils/toPx';\nimport { toRem } from 'src/utils/toRem';\nimport { derived, writable } from 'svelte/store';\n\nconst rootFontSize = writable(parseQueryString('rootFontSize') || 16);\nconst minSize = writable(parseQueryString('minSize') || 24);\nconst maxSize = writable(parseQueryString('maxSize') || 36);\nconst fluidSize = writable(parseQueryString('fluidSize') || 2);\nconst relativeSize = writable(parseQueryString('relativeSize') || 1);\n\nconst minSizeRem = derived([minSize, rootFontSize], toRem);\nconst maxSizeRem = derived([maxSize, rootFontSize], toRem);\nconst relativeSizePx = derived([relativeSize, rootFontSize], toPx);\n\nconst clampValue = derived([minSizeRem, fluidSize, relativeSize, maxSizeRem], getClampValue);\n\nconst shareUrl = derived([rootFontSize, minSize, fluidSize, relativeSize, maxSize], getShareUrl);\n\nexport {\n\trootFontSize,\n\tminSize,\n\tmaxSize,\n\tfluidSize,\n\trelativeSize,\n\tminSizeRem,\n\tmaxSizeRem,\n\tclampValue,\n\trelativeSizePx,\n\tshareUrl\n};\n"
  },
  {
    "path": "src/modules/graph/Graph.svelte",
    "content": "<script>\n\timport LineChart from 'components/LineChart.svelte';\n\timport { CHART_OPTIONS } from './consts';\n\timport { graphPoints } from './derived';\n</script>\n\n<LineChart data={$graphPoints} chartOptions={CHART_OPTIONS} />\n"
  },
  {
    "path": "src/modules/graph/consts.ts",
    "content": "import type { ChartConfiguration } from 'chart.js';\nimport { externalTooltipHandler } from './customTooltip';\n\nexport const CHART_OPTIONS: ChartConfiguration<'line'> = {\n\ttype: 'scatter',\n\tdata: {\n\t\tdatasets: [\n\t\t\t{\n\t\t\t\tborderColor: 'hsl(169, 82%, 69%)',\n\t\t\t\ttension: 0,\n\t\t\t\tshowLine: true,\n\t\t\t\tlineTension: 0,\n\t\t\t\tinterpolate: true,\n\t\t\t\tpointRadius: 0,\n\t\t\t\tborderWidth: 4,\n\t\t\t\tborderJoinStyle: 'round',\n\t\t\t\tfill: true\n\t\t\t}\n\t\t]\n\t},\n\toptions: {\n\t\tanimation: false,\n\t\tresponsive: true,\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false\n\t\t\t},\n\t\t\tcrosshair: {\n\t\t\t\tline: {\n\t\t\t\t\tcolor: 'hsl(182, 29%, 51%)',\n\t\t\t\t\twidth: 2\n\t\t\t\t},\n\t\t\t\tzoom: { enabled: false },\n\t\t\t\tsync: { enabled: false }\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tenabled: false,\n\t\t\t\tmode: 'interpolate',\n\t\t\t\tintersect: false,\n\t\t\t\tyAlign: 'bottom',\n\t\t\t\texternal: externalTooltipHandler,\n\t\t\t\tcallbacks: {\n\t\t\t\t\ttitle: function (a) {\n\t\t\t\t\t\tconst { x, y } = a[0].element;\n\t\t\t\t\t\treturn `${Math.round(y)}px at ${Math.round(x)}px`;\n\t\t\t\t\t},\n\t\t\t\t\tlabel: () => null\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\tmin: 300,\n\t\t\t\tsuggestedMax: 1024,\n\t\t\t\ttype: 'linear',\n\t\t\t\ttitle: {\n\t\t\t\t\ttext: 'Viewport width (pixels)',\n\t\t\t\t\tdisplay: true,\n\t\t\t\t\tcolor: 'hsl(215, 22%, 85%)',\n\t\t\t\t\tfont: { size: 16, family: 'Ubuntu' }\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdrawTicks: false,\n\t\t\t\t\tlineWidth: 2,\n\t\t\t\t\tborderWidth: 2,\n\t\t\t\t\tcolor: 'hsla(182, 29%, 51%, 0.25)'\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tstepSize: 1,\n\t\t\t\t\tcount: 12,\n\t\t\t\t\tprecision: 0,\n\t\t\t\t\tpadding: 10,\n\t\t\t\t\tcolor: (c) =>\n\t\t\t\t\t\tc['tick']['value'] <= 1400 ? 'hsla(215, 22%, 85%, 0.8)' : 'hsla(215, 22%, 85%, 0.5)',\n\t\t\t\t\tfont: { size: 14 }\n\t\t\t\t}\n\t\t\t},\n\t\t\ty: {\n\t\t\t\tmin: 0,\n\t\t\t\tsuggestedMin: 16,\n\t\t\t\tsuggestedMax: 48,\n\t\t\t\ttitle: {\n\t\t\t\t\ttext: 'Fluid size (pixels)',\n\t\t\t\t\tdisplay: true,\n\t\t\t\t\tcolor: 'hsl(215, 22%, 85%)',\n\t\t\t\t\tfont: { size: 16, family: 'Ubuntu' },\n\t\t\t\t\tpadding: 8\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdrawTicks: false,\n\t\t\t\t\tlineWidth: 2,\n\t\t\t\t\tborderWidth: 2,\n\t\t\t\t\tcolor: 'hsla(182, 29%, 51%, 0.25)'\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tpadding: 8,\n\t\t\t\t\tfont: { size: 14 },\n\t\t\t\t\tcolor: 'hsla(215, 22%, 85%, 0.6)',\n\t\t\t\t\tcallback: function (value, index) {\n\t\t\t\t\t\treturn index === 0 ? '' : value;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n};\n"
  },
  {
    "path": "src/modules/graph/customTooltip.ts",
    "content": "export const getOrCreateTooltip = (chart) => {\n\tlet tooltipEl = chart.canvas.parentNode.querySelector('#chart-tooltip');\n\n\tif (!tooltipEl) {\n\t\ttooltipEl = document.createElement('div');\n\t\ttooltipEl.id = 'chart-tooltip';\n\t\ttooltipEl.style.pointerEvents = 'none';\n\t\ttooltipEl.style.position = 'absolute';\n\t\ttooltipEl.style.top = '0px';\n\t\ttooltipEl.style.border = '2px solid var(--color-secondary-tint)';\n\t\ttooltipEl.style.color = 'var(--color-secondary)';\n\t\ttooltipEl.style.background = 'var(--color-secondary-faded)';\n\t\ttooltipEl.style.fontWeight = 'var(--font-weight-bold)';\n\t\ttooltipEl.style.fontSize = 'var(--font-size-small)';\n\t\ttooltipEl.style.padding = 'var(--spacing-n2)';\n\t\ttooltipEl.style.lineHeight = '1';\n\t\ttooltipEl.style.textAlign = 'center';\n\n\t\tconst span = document.createElement('span');\n\t\ttooltipEl.appendChild(span);\n\t\tchart.canvas.parentNode.appendChild(tooltipEl);\n\t}\n\n\treturn tooltipEl;\n};\n\nexport const externalTooltipHandler = (context) => {\n\tconst { chart, tooltip } = context;\n\tconst tooltipEl = getOrCreateTooltip(chart, tooltip);\n\n\ttooltipEl.style.opacity = tooltip.opacity === 0 ? 0 : 1;\n\n\tif (tooltip.body) {\n\t\tconst titleLines = tooltip.title || [];\n\t\tlet text;\n\n\t\ttitleLines.forEach((title) => {\n\t\t\ttext = document.createTextNode(title);\n\t\t});\n\n\t\tconst tableRoot = tooltipEl.querySelector('span');\n\n\t\twhile (tableRoot.firstChild) {\n\t\t\ttableRoot.firstChild.remove();\n\t\t}\n\n\t\ttableRoot.appendChild(text);\n\t}\n\n\tconst { offsetLeft: positionX, offsetTop: positionY } = chart.canvas;\n\n\tconst isLeft = tooltip.caretX < chart.width / 2;\n\n\tif (isLeft) {\n\t\ttooltipEl.style.transform = 'translate3d(-1px,calc(-50% + 3px),0)';\n\t\ttooltipEl.style.borderRadius = '4px 4px 4px 0';\n\t} else {\n\t\ttooltipEl.style.transform = 'translate3d(calc(-100% + 1px),calc(-50% + 3px),0)';\n\t\ttooltipEl.style.borderRadius = '4px 4px 0 4px';\n\t}\n\n\ttooltipEl.style.top = '0';\n\n\ttooltipEl.style.left = positionX + tooltip.caretX + 'px';\n\ttooltipEl.style.minWidth = '20ch';\n\ttooltipEl.style.top = positionY + 'px';\n};\n"
  },
  {
    "path": "src/modules/graph/derived.ts",
    "content": "import { derived } from 'svelte/store';\nimport { fluidSize, maxSize, minSize, relativeSizePx } from 'src/modules/form/store';\nimport { clampRange } from 'src/utils/clampRange';\n\nexport const graphChangeStart = derived(\n\t[minSize, maxSize, fluidSize, relativeSizePx],\n\t([$minSize, $maxSize, $fluidSize, $relativeSizePx]) => {\n\t\tif ($minSize >= $maxSize) {\n\t\t\treturn { x: 0, y: $minSize };\n\t\t}\n\t\treturn { x: Math.round((100 * ($minSize - $relativeSizePx)) / $fluidSize), y: $minSize };\n\t}\n);\n\nexport const graphChangeEnd = derived(\n\t[minSize, maxSize, fluidSize, relativeSizePx],\n\t([$minSize, $maxSize, $fluidSize, $relativeSizePx]) => {\n\t\tif ($minSize >= $maxSize) {\n\t\t\treturn { x: 1900, y: $minSize };\n\t\t}\n\t\treturn { x: Math.round((100 * ($maxSize - $relativeSizePx)) / $fluidSize), y: $maxSize };\n\t}\n);\n\nexport const graphStart = derived(\n\t[minSize, maxSize, fluidSize, relativeSizePx, graphChangeStart],\n\t([$minSize, $maxSize, $fluidSize, $relativeSizePx, $graphChangeStart]) => {\n\t\tif ($minSize >= $maxSize) {\n\t\t\treturn { x: 100, y: $minSize };\n\t\t}\n\n\t\tconst x = Math.min($graphChangeStart.x - 100, 100);\n\n\t\treturn {\n\t\t\tx,\n\t\t\ty: clampRange(($fluidSize / 100) * x + $relativeSizePx, $minSize, $maxSize)\n\t\t};\n\t}\n);\n\nexport const graphEnd = derived(\n\t[minSize, maxSize, fluidSize, relativeSizePx, graphChangeEnd],\n\t([$minSize, $maxSize, $fluidSize, $relativeSizePx, $graphChangeEnd]) => {\n\t\tif ($minSize >= $maxSize) {\n\t\t\treturn { x: 1400, y: $minSize };\n\t\t}\n\n\t\tconst x = Math.max($graphChangeEnd.x + 100, 1400);\n\n\t\treturn {\n\t\t\tx,\n\t\t\ty: clampRange(($fluidSize / 100) * x + $relativeSizePx, $minSize, $maxSize)\n\t\t};\n\t}\n);\n\nexport const graphPoints = derived(\n\t[graphStart, graphChangeStart, graphChangeEnd, graphEnd],\n\t([$graphStart, $graphChangeStart, $graphChangeEnd, $graphEnd]) => {\n\t\treturn [$graphStart, $graphChangeStart, $graphChangeEnd, $graphEnd].sort((a, b) => a.x - b.x);\n\t}\n);\n"
  },
  {
    "path": "src/modules/graph/store.ts",
    "content": "import { writable } from 'svelte/store';\n\nconst minResolution = writable(300);\nconst maxResolution = writable(1920);\n\nexport { minResolution, maxResolution };\n"
  },
  {
    "path": "src/modules/graph/utils.ts",
    "content": "export const getScalesConfig = (y: { min: number; max: number; grid?: any }) => {\n\ty.min = x.min + 10;\n\ty.max = x.max + 10;\n\ty.grid = { display: false };\n\n\treturn {\n\t\tscales: {\n\t\t\tx: { min: 200, max: 2000 },\n\t\t\ty\n\t\t}\n\t};\n};\n"
  },
  {
    "path": "src/modules/tabs/Tabs.svelte",
    "content": "<script>\n\texport let tabs;\n\n\tlet activeTab = 0;\n</script>\n\n<article class=\"tabs-wrapper\">\n\t<div class=\"tabs-wrapper__utils\">\n\t\t<slot name=\"snippet\" />\n\t\t<slot name=\"share\" />\n\t</div>\n\n\t<nav class=\"tabs\">\n\t\t{#each tabs as label, index}\n\t\t\t<button\n\t\t\t\tclass:tab__button--active={index === activeTab}\n\t\t\t\tclass=\"tab__button\"\n\t\t\t\ton:click={() => {\n\t\t\t\t\tactiveTab = index;\n\t\t\t\t}}>{label}</button\n\t\t\t>\n\t\t{/each}\n\t</nav>\n</article>\n\n<slot {activeTab} />\n\n<style>\n\t.tabs-wrapper {\n\t\talign-items: flex-end;\n\t\tjustify-content: space-between;\n\t\tmargin-bottom: var(--spacing-1);\n\t\tisolation: isolate;\n\n\t\t@media (--mq-desktopLarge-min) {\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n\n\t.tabs-wrapper__utils {\n\t\tgrid-gap: var(--spacing-1);\n\t\tmargin-bottom: var(--spacing-1);\n\t\tdisplay: grid;\n\n\t\t@media (--mq-tablet-min) {\n\t\t\tgrid-template-columns: 1fr 1fr;\n\t\t}\n\n\t\t@media (--mq-desktopLarge-min) {\n\t\t\tmargin-bottom: 0;\n\t\t\tgrid-template-columns: auto auto;\n\t\t}\n\t}\n\n\t.tabs {\n\t\tdisplay: flex;\n\t\tmargin-top: var(--spacing-1);\n\n\t\t@media (--mq-desktop-min) {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\n\t.tab__button {\n\t\tbackground: transparent;\n\t\tborder-width: 0;\n\t\tpadding: var(--spacing-n1) var(--spacing-1);\n\t\tcolor: var(--color-gray-light);\n\t\tfont-family: var(--font-family-primary);\n\t\tcursor: pointer;\n\t\tbackground-color: var(--color-gray-medium-faded);\n\t\ttext-align: center;\n\t\tdisplay: block;\n\t\tborder: 2px solid currentColor;\n\t\tborder-radius: var(--spacing-n1) 0 0 var(--spacing-n1);\n\t\tflex-grow: 1;\n\n\t\t@media (--mq-mobileLandscape-min) {\n\t\t\tflex-grow: initial;\n\t\t\tmin-width: calc(2 * var(--spacing-4));\n\t\t\tpadding: var(--spacing-n1) var(--spacing-1);\n\t\t}\n\t}\n\n\t.tab__button + .tab__button {\n\t\tborder-radius: 0 var(--spacing-n1) var(--spacing-n1) 0;\n\t\tmargin-left: -2px;\n\t}\n\n\t.tab__button--active {\n\t\tcolor: var(--color-secondary);\n\t\tbackground-color: var(--color-secondary-faded);\n\t\tposition: relative;\n\t\tz-index: 2;\n\t}\n</style>\n"
  },
  {
    "path": "src/modules/tracker/AddValue.svelte",
    "content": "<script>\n\timport Stats from 'src/components/Stats.svelte';\n\timport { trackers } from './store';\n\timport { generateUniqueId } from './utils';\n\n\tlet screenWidth;\n\tlet form;\n\tlet added = false;\n\n\tconst handleSubmit = (e) => {\n\t\te.preventDefault();\n\t\tconst id = generateUniqueId();\n\t\tif (screenWidth <= 0) {\n\t\t\treturn;\n\t\t}\n\n\t\ttrackers.update((v) => [...v, { id, width: screenWidth }]);\n\t\tform.reset();\n\t\tadded = true;\n\t\tsetTimeout(() => {\n\t\t\tadded = false;\n\t\t}, 1000);\n\t};\n</script>\n\n<article class=\"form-wrapper\">\n\t<div>\n\t\t<label class=\"form__label\" for=\"track-screen-width\">Add screen width to track</label>\n\t</div>\n\n\t<form class=\"form\" bind:this={form} on:submit={handleSubmit}>\n\t\t<button class=\"form__button\" type=\"submit\">\n\t\t\t{#if added}\n\t\t\t\t<i class=\"fa-solid fa-check\" />\n\t\t\t{:else}\n\t\t\t\t<i class=\"fa-solid fa-plus\" />\n\t\t\t{/if}\n\t\t</button>\n\t\t<input\n\t\t\tclass=\"form__input\"\n\t\t\tid=\"track-screen-width\"\n\t\t\ttype=\"number\"\n\t\t\tmin={0}\n\t\t\trequired\n\t\t\tbind:value={screenWidth}\n\t\t/>\n\t\t<span class=\"form__unit\">px</span>\n\t</form>\n</article>\n\n<style>\n\t.form {\n\t\tborder-radius: var(--spacing-n2);\n\t\tborder: 2px solid var(--color-secondary);\n\t\tdisplay: inline-flex;\n\t\tbackground-color: var(--color-secondary-faded);\n\t\tmargin-bottom: var(--spacing-1);\n\t}\n\n\t.form:focus-within {\n\t\tbox-shadow: 0 0 2px 1px var(--color-secondary);\n\t}\n\n\t.form__label {\n\t\tfont-family: var(--font-family-primary);\n\t\tmargin-bottom: var(--spacing-n2);\n\t\tdisplay: inline-block;\n\t}\n\n\t.form__input,\n\t.form__button,\n\t.form__unit {\n\t\tbackground-color: transparent;\n\t\tborder-width: 0;\n\t\tpadding: var(--spacing-n1) var(--spacing-n1);\n\t\tline-height: 1;\n\t}\n\n\t.form__input {\n\t\tfont-weight: var(--font-weight-bold);\n\t\tcolor: var(--color-gray-light);\n\t\toutline: 0;\n\t}\n\n\t.form__button {\n\t\tcolor: var(--color-secondary);\n\t\tfont-size: var(--font-size-medium);\n\t\tcolor: var(--color-secondary);\n\t\tborder-right: 2px solid var(--color-secondary);\n\t\taspect-ratio: 1;\n\t\tmin-width: calc(var(--spacing-2) + var(--spacing-n3));\n\t\tcursor: pointer;\n\t}\n\n\t.form__unit {\n\t\tfont-weight: var(--font-weight-bold);\n\t\tcolor: var(--color-secondary);\n\t\tborder-left: 2px solid var(--color-secondary);\n\t\tline-height: 1.5;\n\t\tpadding: var(--spacing-n1);\n\t\taspect-ratio: 1;\n\t}\n</style>\n"
  },
  {
    "path": "src/modules/tracker/Sort.svelte",
    "content": "<script>\n\texport let handleClick;\n\texport let isAsc;\n</script>\n\n<button class=\"sort\" class:sort--desc={!isAsc} class:sort--asc={isAsc} on:click={handleClick}>\n\t{#if isAsc}\n\t\t<i class=\"fa-solid fa-arrow-up\" />\n\t{:else}\n\t\t<i class=\"fa-solid fa-arrow-down\" />\n\t{/if}\n</button>\n\n<style>\n\t.sort {\n\t\tmargin-left: calc(-1 * var(--spacing-n5));\n\t\tborder: 2px solid currentColor;\n\t\tbackground-color: transparent;\n\t\tborder-radius: var(--spacing-n4);\n\t\tpadding: var(--spacing-n4) var(--spacing-n3);\n\t\tmargin-right: var(--spacing-n4);\n\t}\n\n\t.sort--asc {\n\t\tcolor: var(--color-secondary);\n\t}\n\n\t.sort--desc {\n\t\tcolor: var(--color-primary);\n\t}\n</style>\n"
  },
  {
    "path": "src/modules/tracker/TableDataRow.svelte",
    "content": "<script>\n\timport { setToPrecision } from 'src/utils/setToPrecision';\n\timport { fluidSize, maxSize, minSize, relativeSizePx, rootFontSize } from '../form/store';\n\timport { trackers } from './store';\n\timport { calculateSizeValue } from './utils';\n\n\texport let width;\n\texport let id;\n\texport let isAsc = false;\n\n\t$: sizeValue = calculateSizeValue(width, $fluidSize, $relativeSizePx, $minSize, $maxSize);\n\n\tconst handleRemove = (e) => {\n\t\tconst id = parseInt(e.currentTarget.dataset.id);\n\n\t\tif (!id || isNaN(id)) {\n\t\t\treturn;\n\t\t}\n\n\t\ttrackers.update((v) => v.filter((item) => item.id !== id));\n\t};\n</script>\n\n<tr\n\tclass=\"data\"\n\tclass:data--asc={isAsc}\n\tclass:data--desc={!isAsc}\n\tclass:data--max={sizeValue === $maxSize}\n\tclass:data--min={sizeValue === $minSize}\n>\n\t<td>\n\t\t{width} px\n\t</td>\n\t<td>\n\t\t{sizeValue} px\n\t</td>\n\t<td>\n\t\t{setToPrecision(sizeValue / $rootFontSize, 3)}rem\n\t</td>\n\t<td>\n\t\t<button\n\t\t\tclass=\"data__button\"\n\t\t\tclass:data__button--max={sizeValue === $maxSize}\n\t\t\tclass:data__button--min={sizeValue === $minSize}\n\t\t\ton:click={handleRemove}\n\t\t\tdata-id={id}><i class=\"fa-solid fa-trash-can\" /></button\n\t\t>\n\t</td>\n</tr>\n\n<style>\n\t.data {\n\t\tpadding: var(--spacing-n2) var(--spacing-1);\n\t\tbackground-color: var(--color-gray-medium-faded);\n\t}\n\n\t.data--max {\n\t\tbackground-color: var(--color-primary-faded);\n\t}\n\n\t:global(.data--asc.data:not(.data--min):not(.data--max)) + .data--max {\n\t\tborder-top: 3px solid var(--color-primary-tint);\n\t}\n\n\t:global(.data--asc.data:not(.data--min):not(.data--max)) + .data--min {\n\t\tborder-top: 3px solid var(--color-secondary-tint);\n\t}\n\n\t:global(.data--desc.data:not(.data--max):not(.data--min)) + .data--min {\n\t\tborder-top: 3px solid var(--color-secondary-tint);\n\t}\n\n\t:global(.data--desc.data:not(.data--max):not(.data--min)) + .data--max {\n\t\tborder-top: 3px solid var(--color-primary-tint);\n\t}\n\n\t.data--min {\n\t\tbackground-color: var(--color-secondary-faded);\n\t}\n\n\t.data--asc.data--min + :global(.data:not(.data--min)) {\n\t\tborder-top: 3px solid var(--color-secondary-tint);\n\t}\n\n\t.data--desc.data--max + :global(.data:not(.data--max)) {\n\t\tborder-top: 3px solid var(--color-primary-tint);\n\t}\n\n\t.data--desc.data--min + :global(.data:not(.data--min)) {\n\t\tborder-top: 3px solid var(--color-secondary-tint);\n\t}\n\n\t.data--asc.data--max + :global(.data:not(.data--max)) {\n\t\tborder-top: 3px solid var(--color-primary-tint);\n\t}\n\n\t.data__button {\n\t\tcolor: var(--color-gray-light);\n\t\tbackground: transparent;\n\t\tborder-width: 0;\n\t\tcursor: pointer;\n\t}\n\n\t.data__button:hover,\n\t.data__button:active {\n\t\tcolor: var(--color-gray-lightest);\n\t}\n\n\t.data__button--min {\n\t\tcolor: var(--color-secondary-tint);\n\t}\n\n\t.data__button--min:hover,\n\t.data__button--min:active {\n\t\tcolor: var(--color-secondary);\n\t}\n\n\t.data__button--max {\n\t\tcolor: var(--color-primary-tint);\n\t}\n\n\t.data__button--max:hover,\n\t.data__button--max:active {\n\t\tcolor: var(--color-primary);\n\t}\n</style>\n"
  },
  {
    "path": "src/modules/tracker/Tracker.svelte",
    "content": "<script>\n\timport { trackersAsc, trackersDesc } from './derived';\n\timport Sort from './Sort.svelte';\n\timport TableDataRow from './TableDataRow.svelte';\n\n\tlet isAsc = true;\n\n\t$: items = isAsc ? $trackersAsc : $trackersDesc;\n\n\tconst handleClick = () => {\n\t\tisAsc = !isAsc;\n\t};\n</script>\n\n<div class:tracker-wrapper--overflow={items.length > 9} class=\"tracker-wrapper\">\n\t<table class=\"tracker\">\n\t\t<thead>\n\t\t\t<tr>\n\t\t\t\t<th>\n\t\t\t\t\t<Sort {isAsc} {handleClick} />\n\t\t\t\t\tScreen width\n\t\t\t\t</th>\n\t\t\t\t<th colspan=\"2\">Fluid size value</th>\n\t\t\t\t<th />\n\t\t\t</tr>\n\t\t</thead>\n\t\t<tbody>\n\t\t\t{#key `${isAsc ? 'asc' : 'desc'}`}\n\t\t\t\t{#each items as item}\n\t\t\t\t\t<TableDataRow {isAsc} {...item} />\n\t\t\t\t{/each}\n\t\t\t{/key}\n\t\t</tbody>\n\t</table>\n</div>\n\n<style>\n\t.tracker-wrapper {\n\t\tborder-radius: var(--spacing-n5);\n\t\toverflow: auto;\n\t}\n\n\t.tracker-wrapper--overflow {\n\t\tmax-height: 447px;\n\t}\n\n\t.tracker {\n\t\tborder-collapse: collapse;\n\t\tfont-weight: 700;\n\t\twidth: 100%;\n\t\tmin-width: calc((510 / 16) * 1rem);\n\t}\n\n\t.tracker thead {\n\t\tposition: sticky;\n\t\ttop: 0;\n\t\tbackground-color: var(--color-gray-dark);\n\t}\n\n\t.tracker thead tr {\n\t\tbox-shadow: inset 0 0 0 2px var(--color-gray-medium);\n\t}\n\n\t.tracker :global(th) {\n\t\ttext-align: left;\n\t\tfont-family: var(--font-family-primary);\n\t}\n\n\t.tracker :global(th),\n\t.tracker :global(td) {\n\t\tline-height: 1;\n\t\tpadding: var(--spacing-n1) var(--spacing-1);\n\t}\n</style>\n"
  },
  {
    "path": "src/modules/tracker/derived.ts",
    "content": "import { derived } from 'svelte/store';\nimport { trackers } from './store';\n\nexport const trackersAsc = derived([trackers], ([$trackers]) => {\n\tconst sorted = $trackers.sort((a, b) => a.width - b.width);\n\treturn sorted;\n});\n\nexport const trackersDesc = derived([trackersAsc], ([$trackersAsc]) => {\n\treturn [...$trackersAsc].reverse();\n});\n"
  },
  {
    "path": "src/modules/tracker/store.ts",
    "content": "import { writable } from 'svelte/store';\n\nexport const trackers = writable([\n\t{ id: 10, width: 300 },\n\t{ id: 11, width: 360 },\n\t{ id: 12, width: 480 },\n\t{ id: 13, width: 568 },\n\t{ id: 14, width: 768 },\n\t{ id: 15, width: 920 },\n\t{ id: 16, width: 1024 },\n\t{ id: 17, width: 1280 },\n\t{ id: 18, width: 1440 }\n]);\n"
  },
  {
    "path": "src/modules/tracker/utils.ts",
    "content": "import { clampRange } from 'src/utils/clampRange';\n\nexport const generateUniqueId = () => Math.floor(Math.random() * Date.now());\n\nexport const calculateSizeValue = (screenSize, fluidSize, relativeSizePx, minValue, maxValue) => {\n\tif (minValue >= maxValue) return minValue;\n\n\treturn clampRange(\n\t\tMath.round((fluidSize / 100) * screenSize + relativeSizePx),\n\t\tminValue,\n\t\tmaxValue\n\t);\n};\n"
  },
  {
    "path": "src/routes/__error.svelte",
    "content": "<main>\n\t<div class=\"wrapper\">\n\t\t<h1 class=\"title\">\n\t\t\t<div class=\"title__text\">Game over.<br /> Or is it?</div>\n\t\t</h1>\n\t\t<a class=\"notfound__link\" href=\"/\">Start again</a>\n\t</div>\n\n\t<div class=\"graphics\" />\n</main>\n\n<style>\n\tmain {\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\tmin-height: calc(100vh - 100px - var(--spacing-2));\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t}\n\n\t.wrapper {\n\t\ttext-align: center;\n\n\t\tpadding: 0 var(--spacing-n1);\n\n\t\t@media (--mq-tablet-min) {\n\t\t\tpadding: 0 var(--spacing-2);\n\t\t}\n\t}\n\n\t.title {\n\t\tfont-size: clamp(2rem, 6vw + 1rem, 32rem);\n\t\tline-height: 1.25;\n\t\tmargin: 0;\n\t}\n\n\t.notfound__link {\n\t\tcolor: var(--color-secondary);\n\t\tbackground-color: var(--color-secondary-faded);\n\t\tborder: 2px solid currentColor;\n\t\tpadding: var(--spacing-1) var(--spacing-2);\n\t\tfont-family: var(--font-family-primary);\n\t\tborder-radius: var(--spacing-n2);\n\t\ttext-decoration: none;\n\t}\n\n\t.notfound__link:hover,\n\t.notfound__link:active,\n\t.notfound__link:focus {\n\t\tbox-shadow: 0 0 2px 1px var(--color-secondary);\n\t}\n\n\t.graphics {\n\t\tmin-width: 200vw;\n\t\theight: 100%;\n\t\tposition: absolute;\n\t\tleft: -50%;\n\t\ttransform: perspective(50vh) rotate3d(1, 0, 0, 70deg);\n\t\tbackground-image: repeating-linear-gradient(\n\t\t\t\t90deg,\n\t\t\t\tvar(--color-secondary-faded) 0%,\n\t\t\t\ttransparent 2px,\n\t\t\t\ttransparent var(--spacing-2),\n\t\t\t\tvar(--color-secondary-faded) calc(var(--spacing-2) + 2px)\n\t\t\t),\n\t\t\trepeating-linear-gradient(\n\t\t\t\t180deg,\n\t\t\t\tvar(--color-secondary-faded) 0%,\n\t\t\t\ttransparent 2px,\n\t\t\t\ttransparent var(--spacing-2),\n\t\t\t\tvar(--color-secondary-faded) calc(var(--spacing-2) + 2px)\n\t\t\t);\n\t\tz-index: var(--level-n1);\n\t\tanimation: movement 0.7s linear infinite;\n\t}\n\n\t.title__text {\n\t\twidth: fit-content;\n\t\ttext-align: center;\n\t\tmax-width: 10em;\n\t\tline-height: 1.2;\n\t\tmargin-bottom: var(--spacing-4);\n\t\ttext-shadow: 0 0 var(--spacing-n2) var(--color-primary-tint);\n\t\tanimation: glow 2s infinite linear alternate;\n\t}\n\n\t@keyframes movement {\n\t\t0% {\n\t\t\ttransform: perspective(50vh) rotate3d(1, 0, 0, 70deg) translate3d(0, -var(--spacing-2), 0);\n\t\t}\n\t\t100% {\n\t\t\ttransform: perspective(50vh) rotate3d(1, 0, 0, 70deg) translate3d(0, var(--spacing-2), 0);\n\t\t}\n\t}\n\n\t@keyframes glow {\n\t\t0% {\n\t\t\ttext-shadow: 0 0 0.1em var(--color-primary-tint);\n\t\t}\n\t\t100% {\n\t\t\ttext-shadow: 0 0 0.25em var(--color-primary-tint);\n\t\t}\n\t}\n</style>\n"
  },
  {
    "path": "src/routes/__layout.svelte",
    "content": "<script>\n\timport Footer from 'components/Footer.svelte';\n\timport Header from 'components/Header.svelte';\n</script>\n\n<Header />\n\n<slot />\n\n<Footer />\n\n<style lang=\"postcss\">\n\t@import 'src/styles/globals.pcss';\n</style>\n"
  },
  {
    "path": "src/routes/about.svelte",
    "content": "<script>\n\timport Image from 'svimg';\n</script>\n\n<main>\n\t<h1 class=\"title\">\n\t\t<div class=\"title__text\">About the project &amp; user guide</div>\n\t\t<div class=\"graphics\" />\n\t</h1>\n\t<section class=\"intro\">\n\t\t<p>\n\t\t\tI was going through Josh Comeau's <a\n\t\t\t\thref=\"https://css-for-js.dev/\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t>\n\t\t\t\tCSS for JS devs\n\t\t\t</a>course which is one of the best courses on CSS in general and I recommend checking it out.\n\t\t\tIn one of the lessions, Josh implemented a simple fluid typography editor, mainly for\n\t\t\tdemonstration purposes to showcase how fluid typography changes depending on the screen size.\n\t\t</p>\n\t\t<p>\n\t\t\tI saw an opportunity for doing a <strong>really fun and useful project</strong>. I set out to\n\t\t\tbuild upon Josh's concept and developed a fully-fledged tool that developers could use on a\n\t\t\tday-to-day basis to fine-tune and keep track of their fluid typography and help to keep fluid\n\t\t\ttypography behavior consistent across the significant breakpoints.\n\t\t</p>\n\t</section>\n\n\t<section>\n\t\t<h2>Fluid typography</h2>\n\t\t<p>\n\t\t\tFluid typography is a modern way of approaching responsive typography. Instead of setting\n\t\t\tfixed typography values for individual screen sizes, we can set a single fluid value and let\n\t\t\tthe CSS render the appropriate values for a specific screen size constrained by minimum and\n\t\t\tmaximum values.\n\t\t</p>\n\n\t\t<p>\n\t\t\tTry resizing the screen and notice how the \"About the project & user guide\" adapts to screen\n\t\t\tsize, but is constrained at some specific minimum and maximum value. Cool, isn't it?\n\t\t</p>\n\t</section>\n\n\t<section>\n\t\t<h2>CSS clamp and browser support</h2>\n\t\t<p>\n\t\t\tThis editor relies heavily on <a\n\t\t\t\thref=\"https://caniuse.com/?search=clamp()\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t>CSS clamp\n\t\t\t</a> and generates code using this property. Although this property has a solid browser support\n\t\t\t(above 90% of globally used browsers), you might want to use a polyfill or a fallback value if\n\t\t\tyou need to support legacy browsers like Internet Explorer.\n\t\t</p>\n\t</section>\n\n\t<section>\n\t\t<h2>Configurable values</h2>\n\t\t<pre>\n\t\t\t<code>\n\t\t\t\tclamp(min-value, fluid-value + relative-value, max-value);\n\t\t\t</code>\n\t\t</pre>\n\n\t\t<dl>\n\t\t\t<dt>min-value &amp; max-value</dt>\n\t\t\t<dd>Minimum and maximum value constraints.</dd>\n\n\t\t\t<dt>fluid-value</dt>\n\t\t\t<dd>\n\t\t\t\tChange speed (rate). If a value is positive, the final value will increase from minimum\n\t\t\t\tvalue to maximum value as screen width increases. If this value is negative, the final value\n\t\t\t\twill decrease from maximum value to minimal value as screen width increases.\n\t\t\t</dd>\n\t\t\t<dt>relative-size</dt>\n\t\t\t<dd>\n\t\t\t\tBrowser default root font size is 16px. This value can be changed by users in their browser\n\t\t\t\tsettings, usually for accessibility purposes. Positive or negative \"rem\" values should be\n\t\t\t\tincluded to avoid locking font size to px value and to support user font size preferences.\n\t\t\t</dd>\n\t\t</dl>\n\t</section>\n\n\t<section>\n\t\t<h2>Features</h2>\n\t\t<p>Here is a short overview of some of the features of this editor:</p>\n\t\t<ul>\n\t\t\t<li>Adjust size constraints, rate, and relative size</li>\n\t\t\t<li>Adapts to any root font size</li>\n\t\t\t<li>Graphical overview of the final fluid values</li>\n\t\t\t<li>Table view for keeping track of values on fixed screen width sizes.</li>\n\t\t</ul>\n\t\t<h3>Adjusting fluid settings</h3>\n\t\t<p>\n\t\t\tFluid typography settings can be easily adjusted either by using numerical inputs for more\n\t\t\tprecise inputs or using range inputs for fine-tuning and smaller changes to easily track\n\t\t\tchanges on the graph or table.\n\t\t</p>\n\t\t<figure>\n\t\t\t<Image src=\"images/editor.png\" alt=\"Editor with text inputs with sample values set\" />\n\t\t\t<figcaption>\n\t\t\t\tUse editor to configure min and max constraints, change rate and direction and relative\n\t\t\t\tsizing for user font preferences\n\t\t\t</figcaption>\n\t\t</figure>\n\t\t<h3>Code snippet</h3>\n\t\t<p>\n\t\t\tBased on the configured fluid settings, a CSS <code>clamp</code> code is generated. You can easily\n\t\t\tcopy the value by clicking the button on the left side or by selecting the value and copying it\n\t\t\tmanually.\n\t\t</p>\n\t\t<figure>\n\t\t\t<Image\n\t\t\t\tsrc=\"images/snippet.png\"\n\t\t\t\talt=\"Generated clamp code snippet with sample values set. Values can be copied by clicking on a button or manually selecting and copying the value.\"\n\t\t\t/>\n\t\t\t<figcaption>\n\t\t\t\tThe code snippet can be copied by clicking the button or by selecting the text and copying\n\t\t\t\tmanually\n\t\t\t</figcaption>\n\t\t</figure>\n\t\t<h3>Graph view</h3>\n\t\t<p>\n\t\t\tGraph view can give you a general overview of fluid typography behavior. By hovering over the\n\t\t\tgraph you can inspect individual values on specific screen sizes.\n\t\t</p>\n\t\t<figure>\n\t\t\t<Image\n\t\t\t\tsrc=\"images/graph-increase.png\"\n\t\t\t\talt=\"Graphic overview of fluid typography behavior for default settings\"\n\t\t\t/>\n\t\t\t<figcaption>\n\t\t\t\tA high-level overview of fluid typography behavior. Fluid value starts increasing from\n\t\t\t\tmin-size to max size at around 400px of the viewport width and it stops at a maximum value\n\t\t\t\tat around 1000px,\n\t\t\t</figcaption>\n\t\t</figure>\n\t\t<p>\n\t\t\tFor a more detailed overview or tracking specific screen sizes, you can use the table view.\n\t\t</p>\n\t\t<h3>Table view</h3>\n\n\t\t<p>\n\t\t\tA table view can give you a more detailed overview of fluid font sizes for specific viewport\n\t\t\tsizes. Viewport sizes can be easily added using the adjacent input. Likewise, individual\n\t\t\tvalues can be removed from the list by clicking the remove button for a specific value.\n\t\t</p>\n\n\t\t<figure>\n\t\t\t<Image\n\t\t\t\tsrc=\"images/table.png\"\n\t\t\t\talt=\"Table view of fluid behavior for specific set of screen sizes.\"\n\t\t\t/>\n\t\t\t<figcaption>\n\t\t\t\tMinimum, maximum, and fluid values are indicated in the table and values can be sorted by\n\t\t\t\tscreen size in ascending or descending order.\n\t\t\t</figcaption>\n\t\t</figure>\n\t</section>\n\n\t<section>\n\t\t<h2>Issues and contribution</h2>\n\t\t<p>\n\t\t\tFound any bugs or have a suggestion? Feel free to open an issue in\n\t\t\t<a\n\t\t\t\thref=\"https://github.com/codeAdrian/modern-fluid-typography-editor\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t>\n\t\t\t\tproject's GitHub repository\n\t\t\t</a>.\n\t\t</p>\n\t\t<p>\n\t\t\tFeel free to contribute code to the project by\n\t\t\t<a\n\t\t\t\thref=\"https://github.com/codeAdrian/modern-fluid-typography-editor\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t>\n\t\t\t\tforking the source code\n\t\t\t</a>. Please consult the \"Issues\" tab or contact me directly as unsolicited code contributions\n\t\t\tmay be rejected if they're not necessary or if they harm code quality, performance or\n\t\t\tfunctionality.\n\t\t</p>\n\t</section>\n</main>\n\n<style>\n\tmain {\n\t\t@media (--mq-tablet-min) {\n\t\t\tfont-size: var(--font-size-medium);\n\t\t}\n\t}\n\n\t.title {\n\t\tfont-size: clamp(2rem, 6vw + 1rem, 32rem);\n\t\tline-height: 1.25;\n\t\tmin-height: calc(100vh - 100px - var(--spacing-2));\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tmargin: 0;\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\tmargin-bottom: var(--spacing-3);\n\t\tborder-bottom: 4px solid var(--color-secondary-faded);\n\t}\n\n\t.graphics {\n\t\tmin-width: 200vw;\n\t\theight: 100%;\n\t\tposition: absolute;\n\t\tleft: -50%;\n\t\ttransform: perspective(50vh) rotate3d(1, 0, 0, 70deg);\n\t\tbackground-image: repeating-linear-gradient(\n\t\t\t\t90deg,\n\t\t\t\tvar(--color-secondary-faded) 0%,\n\t\t\t\ttransparent 2px,\n\t\t\t\ttransparent var(--spacing-2),\n\t\t\t\tvar(--color-secondary-faded) calc(var(--spacing-2) + 2px)\n\t\t\t),\n\t\t\trepeating-linear-gradient(\n\t\t\t\t180deg,\n\t\t\t\tvar(--color-secondary-faded) 0%,\n\t\t\t\ttransparent 2px,\n\t\t\t\ttransparent var(--spacing-2),\n\t\t\t\tvar(--color-secondary-faded) calc(var(--spacing-2) + 2px)\n\t\t\t);\n\t\tz-index: var(--level-n1);\n\t\tanimation: movement 0.7s linear infinite;\n\t}\n\n\t.title__text {\n\t\twidth: fit-content;\n\t\ttext-align: center;\n\t\tmax-width: 10em;\n\t\tline-height: 1.2;\n\t\tmargin-bottom: var(--spacing-4);\n\t\ttext-shadow: 0 0 var(--spacing-n2) var(--color-primary-tint);\n\t\tanimation: glow 2s infinite linear alternate;\n\t}\n\n\th2 {\n\t\tfont-size: var(--font-size-large);\n\t\tmargin-bottom: var(--spacing-1);\n\t}\n\n\th3 {\n\t\tfont-size: var(--font-size-medium);\n\t\tmargin-top: var(--spacing-1);\n\t\tmargin-bottom: var(--spacing-n1);\n\t}\n\n\tdt {\n\t\tcolor: var(--color-secondary);\n\t\tfont-family: var(--font-family-mono);\n\t\tmargin-top: var(--spacing-1);\n\t\tmargin-bottom: var(--spacing-n2);\n\t}\n\n\ta {\n\t\tcolor: var(--color-secondary);\n\t\ttext-decoration: none;\n\t\tfont-weight: var(--font-weight-bold);\n\t}\n\n\ta:hover,\n\ta:active,\n\ta:focus {\n\t\ttext-decoration: underline;\n\t}\n\n\tpre {\n\t\tdisplay: inline-block;\n\t\tborder: 2px solid var(--color-secondary);\n\t\tbackground-color: var(--color-secondary-faded);\n\t\tborder-radius: var(--spacing-n2);\n\t\tpadding: var(--spacing-1);\n\t\tfont-weight: var(--font-weight-bold);\n\t\tmargin-bottom: var(--spacing-n1);\n\t\toverflow: auto;\n\t\tmax-width: 100%;\n\t}\n\n\tsection {\n\t\tmax-width: 820px;\n\t\tmargin: 0 auto;\n\t\tmargin-bottom: var(--spacing-2);\n\t\tpadding: 0 var(--spacing-n1);\n\n\t\t@media (--mq-tablet-min) {\n\t\t\tpadding: 0 var(--spacing-2);\n\t\t}\n\t}\n\n\tp + p {\n\t\tmargin-top: var(--spacing-1);\n\t}\n\n\tfigure {\n\t\tdisplay: block;\n\t\tmargin: var(--spacing-2) 0;\n\n\t\t@media (--mq-desktop-min) {\n\t\t\tmargin: var(--spacing-2) calc(-1 * var(--spacing-4));\n\t\t\twidth: calc(100% + 2 * var(--spacing-4));\n\t\t}\n\t}\n\n\tfigcaption {\n\t\ttext-align: center;\n\t\tmargin-top: var(--spacing-n1);\n\t\tfont-size: var(--font-size-small);\n\t\t@media (--mq-tablet-min) {\n\t\t\tfont-size: var(--font-size-base);\n\t\t}\n\t\t@media (--mq-desktop-min) {\n\t\t\tpadding: 0 var(--spacing-3);\n\t\t}\n\t}\n\n\tfigure :global(img) {\n\t\tmax-width: 100%;\n\t\tmargin: 0 auto;\n\t\tdisplay: block;\n\t}\n\n\t@keyframes movement {\n\t\t0% {\n\t\t\ttransform: perspective(50vh) rotate3d(1, 0, 0, 70deg) translate3d(0, -var(--spacing-2), 0);\n\t\t}\n\t\t100% {\n\t\t\ttransform: perspective(50vh) rotate3d(1, 0, 0, 70deg) translate3d(0, var(--spacing-2), 0);\n\t\t}\n\t}\n\n\t@keyframes glow {\n\t\t0% {\n\t\t\ttext-shadow: 0 0 0.1em var(--color-primary-tint);\n\t\t}\n\t\t100% {\n\t\t\ttext-shadow: 0 0 0.25em var(--color-primary-tint);\n\t\t}\n\t}\n</style>\n"
  },
  {
    "path": "src/routes/index.svelte",
    "content": "<script>\n\timport Form from 'modules/form/Form.svelte';\n\timport Graph from 'modules/graph/Graph.svelte';\n\timport Tabs from 'modules/tabs/Tabs.svelte';\n\timport Legend from 'src/components/Legend.svelte';\n\timport ShareButton from 'src/components/ShareButton.svelte';\n\timport Snippet from 'src/components/Snippet.svelte';\n\timport Stats from 'src/components/Stats.svelte';\n\timport { clampValue, maxSize, minSize } from 'src/modules/form/store';\n\timport { graphChangeEnd, graphChangeStart } from 'src/modules/graph/derived';\n\timport AddValue from 'src/modules/tracker/AddValue.svelte';\n\timport Tracker from 'src/modules/tracker/Tracker.svelte';\n</script>\n\n<main class=\"homepage\">\n\t<aside class=\"homepage__aside\">\n\t\t<Form />\n\t</aside>\n\n\t<section class=\"homepage__content\">\n\t\t<Tabs tabs={['Graph', 'Table']} let:activeTab>\n\t\t\t{#if activeTab === 0}\n\t\t\t\t<Stats\n\t\t\t\t\tminValue={$minSize}\n\t\t\t\t\tmaxValue={$maxSize}\n\t\t\t\t\tstart={$graphChangeStart.x}\n\t\t\t\t\tend={$graphChangeEnd.x}\n\t\t\t\t/>\n\t\t\t\t<Graph />\n\t\t\t{:else}\n\t\t\t\t<AddValue />\n\t\t\t\t<article class=\"homepage__wrapper\">\n\t\t\t\t\t<Tracker />\n\t\t\t\t\t<Legend />\n\t\t\t\t</article>\n\t\t\t{/if}\n\n\t\t\t<Snippet text={$clampValue} slot=\"snippet\" />\n\t\t\t<ShareButton slot=\"share\" />\n\t\t</Tabs>\n\t</section>\n</main>\n\n<style>\n\t.homepage {\n\t\tgrid-template-columns: 250px auto;\n\t\tgrid-gap: var(--spacing-4);\n\t\tpadding: 0 var(--spacing-n1);\n\t\tmargin: 0 auto var(--spacing-2);\n\t\tmax-width: var(--container-max);\n\t\twidth: 100%;\n\n\t\t@media (--mq-tablet-min) {\n\t\t\tpadding: 0 var(--spacing-2);\n\t\t}\n\n\t\t@media (--mq-desktopLarge-min) {\n\t\t\tdisplay: grid;\n\t\t}\n\n\t\t@media (--mq-heightLarge) {\n\t\t\tdisplay: revert;\n\t\t}\n\t}\n\n\t.homepage__wrapper {\n\t\tgrid-template-columns: 520px 320px;\n\t\tgrid-gap: var(--spacing-2);\n\t\talign-items: flex-start;\n\n\t\t@media (--mq-desktop-min) {\n\t\t\tdisplay: grid;\n\t\t}\n\t}\n</style>\n"
  },
  {
    "path": "src/stores/currentSubtitle.ts",
    "content": "import { writable } from 'svelte/store';\n\nexport const currentSubtitle = writable('');\n"
  },
  {
    "path": "src/styles/globals.pcss",
    "content": "@import './reset-custom.pcss';\n\n@import './variables.pcss';\n@import './icons.pcss';\n\n@import './typography.pcss';\n\n@import './scrollbar.pcss';\n@import './range.pcss';\n\n@import './page.pcss';\n"
  },
  {
    "path": "src/styles/icons.pcss",
    "content": "/*!\n * Font Awesome Free 6.0.0-beta2 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 */\n.fa {\n\tfont-family: 'Font Awesome 6 Free';\n\tfont-family: var(--fa-style-family, 'Font Awesome 6 Free');\n\tfont-weight: 900;\n\tfont-weight: var(--fa-style, 900);\n}\n.fa,\n.fa-brands,\n.fa-duotone,\n.fa-light,\n.fa-regular,\n.fa-solid,\n.fa-thin,\n.fab,\n.fad,\n.fal,\n.far,\n.fas,\n.fat {\n\t-moz-osx-font-smoothing: grayscale;\n\t-webkit-font-smoothing: antialiased;\n\tdisplay: inline-block;\n\tdisplay: var(--fa-display, inline-block);\n\tfont-style: normal;\n\tfont-variant: normal;\n\tline-height: 1;\n\ttext-rendering: auto;\n}\n.fa-1x {\n\tfont-size: 1em;\n}\n.fa-2x {\n\tfont-size: 2em;\n}\n.fa-3x {\n\tfont-size: 3em;\n}\n.fa-4x {\n\tfont-size: 4em;\n}\n.fa-5x {\n\tfont-size: 5em;\n}\n.fa-6x {\n\tfont-size: 6em;\n}\n.fa-7x {\n\tfont-size: 7em;\n}\n.fa-8x {\n\tfont-size: 8em;\n}\n.fa-9x {\n\tfont-size: 9em;\n}\n.fa-10x {\n\tfont-size: 10em;\n}\n.fa-2xs {\n\tfont-size: 0.625em;\n\tline-height: 0.1em;\n\tvertical-align: 0.225em;\n}\n.fa-xs {\n\tfont-size: 0.75em;\n\tline-height: 0.08333em;\n\tvertical-align: 0.125em;\n}\n.fa-sm {\n\tfont-size: 0.875em;\n\tline-height: 0.07143em;\n\tvertical-align: 0.05357em;\n}\n.fa-lg {\n\tfont-size: 1.25em;\n\tline-height: 0.05em;\n\tvertical-align: -0.075em;\n}\n.fa-xl {\n\tfont-size: 1.5em;\n\tline-height: 0.04167em;\n\tvertical-align: -0.125em;\n}\n.fa-2xl {\n\tfont-size: 2em;\n\tline-height: 0.03125em;\n\tvertical-align: -0.1875em;\n}\n.fa-fw {\n\ttext-align: center;\n\twidth: 1.25em;\n}\n.fa-ul {\n\tlist-style-type: none;\n\tmargin-left: 2.5em;\n\tmargin-left: var(--fa-li-margin, 2.5em);\n\tpadding-left: 0;\n}\n.fa-ul > li {\n\tposition: relative;\n}\n.fa-li {\n\tleft: -2em;\n\tleft: calc(var(--fa-li-width, 2em) * -1);\n\tposition: absolute;\n\ttext-align: center;\n\twidth: 2em;\n\twidth: var(--fa-li-width, 2em);\n\tline-height: inherit;\n}\n.fa-border {\n\tborder-radius: 0.1em;\n\tborder-radius: var(--fa-border-radius, 0.1em);\n\tborder: 0.08em solid #eee;\n\tborder: var(--fa-border-width, 0.08em) var(--fa-border-style, solid) var(--fa-border-color, #eee);\n\tpadding: 0.2em 0.25em 0.15em;\n\tpadding: var(--fa-border-padding, 0.2em 0.25em 0.15em);\n}\n.fa-pull-left {\n\tfloat: left;\n\tmargin-right: 0.3em;\n\tmargin-right: var(--fa-pull-margin, 0.3em);\n}\n.fa-pull-right {\n\tfloat: right;\n\tmargin-left: 0.3em;\n\tmargin-left: var(--fa-pull-margin, 0.3em);\n}\n.fa-beat {\n\t-webkit-animation-name: fa-beat;\n\tanimation-name: fa-beat;\n\t-webkit-animation-delay: 0;\n\tanimation-delay: 0;\n\t-webkit-animation-delay: var(--fa-animation-delay, 0);\n\tanimation-delay: var(--fa-animation-delay, 0);\n\t-webkit-animation-direction: normal;\n\tanimation-direction: normal;\n\t-webkit-animation-direction: var(--fa-animation-direction, normal);\n\tanimation-direction: var(--fa-animation-direction, normal);\n\t-webkit-animation-duration: 1s;\n\tanimation-duration: 1s;\n\t-webkit-animation-duration: var(--fa-animation-duration, 1s);\n\tanimation-duration: var(--fa-animation-duration, 1s);\n\t-webkit-animation-iteration-count: infinite;\n\tanimation-iteration-count: infinite;\n\t-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n\tanimation-iteration-count: var(--fa-animation-iteration-count, infinite);\n\t-webkit-animation-timing-function: ease-in-out;\n\tanimation-timing-function: ease-in-out;\n\t-webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);\n\tanimation-timing-function: var(--fa-animation-timing, ease-in-out);\n}\n.fa-fade {\n\t-webkit-animation-name: fa-fade;\n\tanimation-name: fa-fade;\n\t-webkit-animation-iteration-count: infinite;\n\tanimation-iteration-count: infinite;\n\t-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n\tanimation-iteration-count: var(--fa-animation-iteration-count, infinite);\n\t-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n\tanimation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n\t-webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));\n\tanimation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));\n}\n.fa-fade,\n.fa-flash {\n\t-webkit-animation-delay: 0;\n\tanimation-delay: 0;\n\t-webkit-animation-delay: var(--fa-animation-delay, 0);\n\tanimation-delay: var(--fa-animation-delay, 0);\n\t-webkit-animation-direction: normal;\n\tanimation-direction: normal;\n\t-webkit-animation-direction: var(--fa-animation-direction, normal);\n\tanimation-direction: var(--fa-animation-direction, normal);\n\t-webkit-animation-duration: 1s;\n\tanimation-duration: 1s;\n\t-webkit-animation-duration: var(--fa-animation-duration, 1s);\n\tanimation-duration: var(--fa-animation-duration, 1s);\n}\n.fa-flash {\n\t-webkit-animation-name: fa-flash;\n\tanimation-name: fa-flash;\n\t-webkit-animation-iteration-count: infinite;\n\tanimation-iteration-count: infinite;\n\t-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n\tanimation-iteration-count: var(--fa-animation-iteration-count, infinite);\n\t-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n\tanimation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n\t-webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));\n\tanimation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));\n}\n.fa-flip {\n\t-webkit-animation-name: fa-flip;\n\tanimation-name: fa-flip;\n\t-webkit-animation-delay: 0;\n\tanimation-delay: 0;\n\t-webkit-animation-delay: var(--fa-animation-delay, 0);\n\tanimation-delay: var(--fa-animation-delay, 0);\n\t-webkit-animation-direction: normal;\n\tanimation-direction: normal;\n\t-webkit-animation-direction: var(--fa-animation-direction, normal);\n\tanimation-direction: var(--fa-animation-direction, normal);\n\t-webkit-animation-duration: 1s;\n\tanimation-duration: 1s;\n\t-webkit-animation-duration: var(--fa-animation-duration, 1s);\n\tanimation-duration: var(--fa-animation-duration, 1s);\n\t-webkit-animation-iteration-count: infinite;\n\tanimation-iteration-count: infinite;\n\t-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n\tanimation-iteration-count: var(--fa-animation-iteration-count, infinite);\n\t-webkit-animation-timing-function: ease-in-out;\n\tanimation-timing-function: ease-in-out;\n\t-webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);\n\tanimation-timing-function: var(--fa-animation-timing, ease-in-out);\n}\n.fa-spin {\n\t-webkit-animation-name: fa-spin;\n\tanimation-name: fa-spin;\n\t-webkit-animation-delay: 0;\n\tanimation-delay: 0;\n\t-webkit-animation-delay: var(--fa-animation-delay, 0);\n\tanimation-delay: var(--fa-animation-delay, 0);\n\t-webkit-animation-direction: normal;\n\tanimation-direction: normal;\n\t-webkit-animation-direction: var(--fa-animation-direction, normal);\n\tanimation-direction: var(--fa-animation-direction, normal);\n\t-webkit-animation-duration: 2s;\n\tanimation-duration: 2s;\n\t-webkit-animation-duration: var(--fa-animation-duration, 2s);\n\tanimation-duration: var(--fa-animation-duration, 2s);\n\t-webkit-animation-iteration-count: infinite;\n\tanimation-iteration-count: infinite;\n\t-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n\tanimation-iteration-count: var(--fa-animation-iteration-count, infinite);\n\t-webkit-animation-timing-function: linear;\n\tanimation-timing-function: linear;\n\t-webkit-animation-timing-function: var(--fa-animation-timing, linear);\n\tanimation-timing-function: var(--fa-animation-timing, linear);\n}\n.fa-spin-reverse {\n\t--fa-animation-direction: reverse;\n}\n.fa-pulse,\n.fa-spin-pulse {\n\t-webkit-animation-name: fa-spin;\n\tanimation-name: fa-spin;\n\t-webkit-animation-direction: normal;\n\tanimation-direction: normal;\n\t-webkit-animation-direction: var(--fa-animation-direction, normal);\n\tanimation-direction: var(--fa-animation-direction, normal);\n\t-webkit-animation-duration: 1s;\n\tanimation-duration: 1s;\n\t-webkit-animation-duration: var(--fa-animation-duration, 1s);\n\tanimation-duration: var(--fa-animation-duration, 1s);\n\t-webkit-animation-iteration-count: infinite;\n\tanimation-iteration-count: infinite;\n\t-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n\tanimation-iteration-count: var(--fa-animation-iteration-count, infinite);\n\t-webkit-animation-timing-function: steps(8);\n\tanimation-timing-function: steps(8);\n\t-webkit-animation-timing-function: var(--fa-animation-timing, steps(8));\n\tanimation-timing-function: var(--fa-animation-timing, steps(8));\n}\n@media (prefers-reduced-motion: reduce) {\n\t.fa-beat,\n\t.fa-fade,\n\t.fa-flash,\n\t.fa-flip,\n\t.fa-pulse,\n\t.fa-spin,\n\t.fa-spin-pulse {\n\t\t-webkit-animation-delay: -1ms;\n\t\tanimation-delay: -1ms;\n\t\t-webkit-animation-duration: 1ms;\n\t\tanimation-duration: 1ms;\n\t\t-webkit-animation-iteration-count: 1;\n\t\tanimation-iteration-count: 1;\n\t\t-webkit-transition-delay: 0s;\n\t\ttransition-delay: 0s;\n\t\t-webkit-transition-duration: 0s;\n\t\ttransition-duration: 0s;\n\t}\n}\n@-webkit-keyframes fa-beat {\n\t0%,\n\t90% {\n\t\t-webkit-transform: scale(1);\n\t\ttransform: scale(1);\n\t}\n\t45% {\n\t\t-webkit-transform: scale(1.25);\n\t\ttransform: scale(1.25);\n\t\t-webkit-transform: scale(var(--fa-beat-scale, 1.25));\n\t\ttransform: scale(var(--fa-beat-scale, 1.25));\n\t}\n}\n@keyframes fa-beat {\n\t0%,\n\t90% {\n\t\t-webkit-transform: scale(1);\n\t\ttransform: scale(1);\n\t}\n\t45% {\n\t\t-webkit-transform: scale(1.25);\n\t\ttransform: scale(1.25);\n\t\t-webkit-transform: scale(var(--fa-beat-scale, 1.25));\n\t\ttransform: scale(var(--fa-beat-scale, 1.25));\n\t}\n}\n@-webkit-keyframes fa-fade {\n\t50% {\n\t\topacity: 0.4;\n\t\topacity: var(--fa-fade-opacity, 0.4);\n\t}\n}\n@keyframes fa-fade {\n\t50% {\n\t\topacity: 0.4;\n\t\topacity: var(--fa-fade-opacity, 0.4);\n\t}\n}\n@-webkit-keyframes fa-flash {\n\t0%,\n\tto {\n\t\topacity: 0.4;\n\t\topacity: var(--fa-flash-opacity, 0.4);\n\t\t-webkit-transform: scale(1);\n\t\ttransform: scale(1);\n\t}\n\t50% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale(1.125);\n\t\ttransform: scale(1.125);\n\t\t-webkit-transform: scale(var(--fa-flash-scale, 1.125));\n\t\ttransform: scale(var(--fa-flash-scale, 1.125));\n\t}\n}\n@keyframes fa-flash {\n\t0%,\n\tto {\n\t\topacity: 0.4;\n\t\topacity: var(--fa-flash-opacity, 0.4);\n\t\t-webkit-transform: scale(1);\n\t\ttransform: scale(1);\n\t}\n\t50% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale(1.125);\n\t\ttransform: scale(1.125);\n\t\t-webkit-transform: scale(var(--fa-flash-scale, 1.125));\n\t\ttransform: scale(var(--fa-flash-scale, 1.125));\n\t}\n}\n@-webkit-keyframes fa-flip {\n\t50% {\n\t\t-webkit-transform: rotateY(-180deg);\n\t\ttransform: rotateY(-180deg);\n\t\t-webkit-transform: rotate3d(\n\t\t\tvar(--fa-flip-x, 0),\n\t\t\tvar(--fa-flip-y, 1),\n\t\t\tvar(--fa-flip-z, 0),\n\t\t\tvar(--fa-flip-angle, -180deg)\n\t\t);\n\t\ttransform: rotate3d(\n\t\t\tvar(--fa-flip-x, 0),\n\t\t\tvar(--fa-flip-y, 1),\n\t\t\tvar(--fa-flip-z, 0),\n\t\t\tvar(--fa-flip-angle, -180deg)\n\t\t);\n\t}\n}\n@keyframes fa-flip {\n\t50% {\n\t\t-webkit-transform: rotateY(-180deg);\n\t\ttransform: rotateY(-180deg);\n\t\t-webkit-transform: rotate3d(\n\t\t\tvar(--fa-flip-x, 0),\n\t\t\tvar(--fa-flip-y, 1),\n\t\t\tvar(--fa-flip-z, 0),\n\t\t\tvar(--fa-flip-angle, -180deg)\n\t\t);\n\t\ttransform: rotate3d(\n\t\t\tvar(--fa-flip-x, 0),\n\t\t\tvar(--fa-flip-y, 1),\n\t\t\tvar(--fa-flip-z, 0),\n\t\t\tvar(--fa-flip-angle, -180deg)\n\t\t);\n\t}\n}\n@-webkit-keyframes fa-spin {\n\t0% {\n\t\t-webkit-transform: rotate(0deg);\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\t-webkit-transform: rotate(1turn);\n\t\ttransform: rotate(1turn);\n\t}\n}\n@keyframes fa-spin {\n\t0% {\n\t\t-webkit-transform: rotate(0deg);\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\t-webkit-transform: rotate(1turn);\n\t\ttransform: rotate(1turn);\n\t}\n}\n.fa-rotate-90 {\n\t-webkit-transform: rotate(90deg);\n\ttransform: rotate(90deg);\n}\n.fa-rotate-180 {\n\t-webkit-transform: rotate(180deg);\n\ttransform: rotate(180deg);\n}\n.fa-rotate-270 {\n\t-webkit-transform: rotate(270deg);\n\ttransform: rotate(270deg);\n}\n.fa-flip-horizontal {\n\t-webkit-transform: scaleX(-1);\n\ttransform: scaleX(-1);\n}\n.fa-flip-vertical {\n\t-webkit-transform: scaleY(-1);\n\ttransform: scaleY(-1);\n}\n.fa-flip-both,\n.fa-flip-horizontal.fa-flip-vertical {\n\t-webkit-transform: scale(-1);\n\ttransform: scale(-1);\n}\n.fa-rotate-by {\n\t-webkit-transform: rotate(none);\n\ttransform: rotate(none);\n\t-webkit-transform: rotate(var(--fa-rotate-angle, none));\n\ttransform: rotate(var(--fa-rotate-angle, none));\n}\n.fa-stack {\n\tdisplay: inline-block;\n\theight: 2em;\n\tline-height: 2em;\n\tposition: relative;\n\tvertical-align: middle;\n\twidth: 2.5em;\n}\n.fa-stack-1x,\n.fa-stack-2x {\n\tleft: 0;\n\tposition: absolute;\n\ttext-align: center;\n\twidth: 100%;\n\tz-index: auto;\n\tz-index: var(--fa-stack-z-index, auto);\n}\n.fa-stack-1x {\n\tline-height: inherit;\n}\n.fa-stack-2x {\n\tfont-size: 2em;\n}\n.fa-inverse {\n\tcolor: #fff;\n\tcolor: var(--fa-inverse, #fff);\n}\n.fa-0:before {\n\tcontent: '\\30';\n}\n.fa-1:before {\n\tcontent: '\\31';\n}\n.fa-2:before {\n\tcontent: '\\32';\n}\n.fa-3:before {\n\tcontent: '\\33';\n}\n.fa-4:before {\n\tcontent: '\\34';\n}\n.fa-5:before {\n\tcontent: '\\35';\n}\n.fa-6:before {\n\tcontent: '\\36';\n}\n.fa-7:before {\n\tcontent: '\\37';\n}\n.fa-8:before {\n\tcontent: '\\38';\n}\n.fa-9:before {\n\tcontent: '\\39';\n}\n.fa-a:before {\n\tcontent: '\\41';\n}\n.fa-address-book:before,\n.fa-contact-book:before {\n\tcontent: '\\f2b9';\n}\n.fa-address-card:before,\n.fa-contact-card:before,\n.fa-vcard:before {\n\tcontent: '\\f2bb';\n}\n.fa-align-center:before {\n\tcontent: '\\f037';\n}\n.fa-align-justify:before {\n\tcontent: '\\f039';\n}\n.fa-align-left:before {\n\tcontent: '\\f036';\n}\n.fa-align-right:before {\n\tcontent: '\\f038';\n}\n.fa-anchor:before {\n\tcontent: '\\f13d';\n}\n.fa-angle-down:before {\n\tcontent: '\\f107';\n}\n.fa-angle-left:before {\n\tcontent: '\\f104';\n}\n.fa-angle-right:before {\n\tcontent: '\\f105';\n}\n.fa-angle-up:before {\n\tcontent: '\\f106';\n}\n.fa-angle-double-down:before,\n.fa-angles-down:before {\n\tcontent: '\\f103';\n}\n.fa-angle-double-left:before,\n.fa-angles-left:before {\n\tcontent: '\\f100';\n}\n.fa-angle-double-right:before,\n.fa-angles-right:before {\n\tcontent: '\\f101';\n}\n.fa-angle-double-up:before,\n.fa-angles-up:before {\n\tcontent: '\\f102';\n}\n.fa-ankh:before {\n\tcontent: '\\f644';\n}\n.fa-apple-alt:before,\n.fa-apple-whole:before {\n\tcontent: '\\f5d1';\n}\n.fa-archway:before {\n\tcontent: '\\f557';\n}\n.fa-arrow-down:before {\n\tcontent: '\\f063';\n}\n.fa-arrow-down-1-9:before,\n.fa-sort-numeric-asc:before,\n.fa-sort-numeric-down:before {\n\tcontent: '\\f162';\n}\n.fa-arrow-down-9-1:before,\n.fa-sort-numeric-desc:before,\n.fa-sort-numeric-down-alt:before {\n\tcontent: '\\f886';\n}\n.fa-arrow-down-a-z:before,\n.fa-sort-alpha-asc:before,\n.fa-sort-alpha-down:before {\n\tcontent: '\\f15d';\n}\n.fa-arrow-down-short-wide:before,\n.fa-sort-amount-desc:before,\n.fa-sort-amount-down-alt:before {\n\tcontent: '\\f884';\n}\n.fa-arrow-down-wide-short:before,\n.fa-sort-amount-asc:before,\n.fa-sort-amount-down:before {\n\tcontent: '\\f160';\n}\n.fa-arrow-down-z-a:before,\n.fa-sort-alpha-desc:before,\n.fa-sort-alpha-down-alt:before {\n\tcontent: '\\f881';\n}\n.fa-arrow-left:before {\n\tcontent: '\\f060';\n}\n.fa-arrow-pointer:before,\n.fa-mouse-pointer:before {\n\tcontent: '\\f245';\n}\n.fa-arrow-right:before {\n\tcontent: '\\f061';\n}\n.fa-arrow-left-rotate:before,\n.fa-arrow-rotate-back:before,\n.fa-arrow-rotate-backward:before,\n.fa-arrow-rotate-left:before,\n.fa-undo:before {\n\tcontent: '\\f0e2';\n}\n.fa-arrow-right-rotate:before,\n.fa-arrow-rotate-forward:before,\n.fa-arrow-rotate-right:before,\n.fa-redo:before {\n\tcontent: '\\f01e';\n}\n.fa-arrow-trend-down:before {\n\tcontent: '\\e097';\n}\n.fa-arrow-trend-up:before {\n\tcontent: '\\e098';\n}\n.fa-arrow-up:before {\n\tcontent: '\\f062';\n}\n.fa-arrow-up-1-9:before,\n.fa-sort-numeric-up:before {\n\tcontent: '\\f163';\n}\n.fa-arrow-up-9-1:before,\n.fa-sort-numeric-up-alt:before {\n\tcontent: '\\f887';\n}\n.fa-arrow-up-a-z:before,\n.fa-sort-alpha-up:before {\n\tcontent: '\\f15e';\n}\n.fa-arrow-up-from-bracket:before {\n\tcontent: '\\e09a';\n}\n.fa-arrow-up-short-wide:before,\n.fa-sort-amount-up-alt:before {\n\tcontent: '\\f885';\n}\n.fa-arrow-up-wide-short:before,\n.fa-sort-amount-up:before {\n\tcontent: '\\f161';\n}\n.fa-arrow-up-z-a:before,\n.fa-sort-alpha-up-alt:before {\n\tcontent: '\\f882';\n}\n.fa-arrows-rotate:before,\n.fa-refresh:before,\n.fa-sync:before {\n\tcontent: '\\f021';\n}\n.fa-asterisk:before {\n\tcontent: '\\2a';\n}\n.fa-at:before {\n\tcontent: '\\40';\n}\n.fa-atom:before {\n\tcontent: '\\f5d2';\n}\n.fa-audio-description:before {\n\tcontent: '\\f29e';\n}\n.fa-austral-sign:before {\n\tcontent: '\\e0a9';\n}\n.fa-award:before {\n\tcontent: '\\f559';\n}\n.fa-b:before {\n\tcontent: '\\42';\n}\n.fa-baby:before {\n\tcontent: '\\f77c';\n}\n.fa-baby-carriage:before,\n.fa-carriage-baby:before {\n\tcontent: '\\f77d';\n}\n.fa-backward:before {\n\tcontent: '\\f04a';\n}\n.fa-backward-fast:before,\n.fa-fast-backward:before {\n\tcontent: '\\f049';\n}\n.fa-backward-step:before,\n.fa-step-backward:before {\n\tcontent: '\\f048';\n}\n.fa-bacon:before {\n\tcontent: '\\f7e5';\n}\n.fa-bacteria:before {\n\tcontent: '\\e059';\n}\n.fa-bacterium:before {\n\tcontent: '\\e05a';\n}\n.fa-bag-shopping:before,\n.fa-shopping-bag:before {\n\tcontent: '\\f290';\n}\n.fa-bahai:before {\n\tcontent: '\\f666';\n}\n.fa-baht-sign:before {\n\tcontent: '\\e0ac';\n}\n.fa-ban:before,\n.fa-cancel:before {\n\tcontent: '\\f05e';\n}\n.fa-ban-smoking:before,\n.fa-smoking-ban:before {\n\tcontent: '\\f54d';\n}\n.fa-band-aid:before,\n.fa-bandage:before {\n\tcontent: '\\f462';\n}\n.fa-bank:before,\n.fa-institution:before,\n.fa-university:before {\n\tcontent: '\\f19c';\n}\n.fa-barcode:before {\n\tcontent: '\\f02a';\n}\n.fa-bars:before,\n.fa-navicon:before {\n\tcontent: '\\f0c9';\n}\n.fa-bars-staggered:before,\n.fa-reorder:before,\n.fa-stream:before {\n\tcontent: '\\f550';\n}\n.fa-baseball-ball:before,\n.fa-baseball:before {\n\tcontent: '\\f433';\n}\n.fa-basket-shopping:before,\n.fa-shopping-basket:before {\n\tcontent: '\\f291';\n}\n.fa-basketball-ball:before,\n.fa-basketball:before {\n\tcontent: '\\f434';\n}\n.fa-bath:before,\n.fa-bathtub:before {\n\tcontent: '\\f2cd';\n}\n.fa-battery-0:before,\n.fa-battery-empty:before {\n\tcontent: '\\f244';\n}\n.fa-battery-5:before,\n.fa-battery-full:before,\n.fa-battery:before {\n\tcontent: '\\f240';\n}\n.fa-battery-3:before,\n.fa-battery-half:before {\n\tcontent: '\\f242';\n}\n.fa-battery-2:before,\n.fa-battery-quarter:before {\n\tcontent: '\\f243';\n}\n.fa-battery-4:before,\n.fa-battery-three-quarters:before {\n\tcontent: '\\f241';\n}\n.fa-bed:before {\n\tcontent: '\\f236';\n}\n.fa-bed-pulse:before,\n.fa-procedures:before {\n\tcontent: '\\f487';\n}\n.fa-beer-mug-empty:before,\n.fa-beer:before {\n\tcontent: '\\f0fc';\n}\n.fa-bell:before {\n\tcontent: '\\f0f3';\n}\n.fa-bell-concierge:before,\n.fa-concierge-bell:before {\n\tcontent: '\\f562';\n}\n.fa-bell-slash:before {\n\tcontent: '\\f1f6';\n}\n.fa-bezier-curve:before {\n\tcontent: '\\f55b';\n}\n.fa-bicycle:before {\n\tcontent: '\\f206';\n}\n.fa-binoculars:before {\n\tcontent: '\\f1e5';\n}\n.fa-biohazard:before {\n\tcontent: '\\f780';\n}\n.fa-bitcoin-sign:before {\n\tcontent: '\\e0b4';\n}\n.fa-blender:before {\n\tcontent: '\\f517';\n}\n.fa-blender-phone:before {\n\tcontent: '\\f6b6';\n}\n.fa-blog:before {\n\tcontent: '\\f781';\n}\n.fa-bold:before {\n\tcontent: '\\f032';\n}\n.fa-bolt:before,\n.fa-flash:before {\n\tcontent: '\\f0e7';\n}\n.fa-bomb:before {\n\tcontent: '\\f1e2';\n}\n.fa-bone:before {\n\tcontent: '\\f5d7';\n}\n.fa-bong:before {\n\tcontent: '\\f55c';\n}\n.fa-book:before {\n\tcontent: '\\f02d';\n}\n.fa-atlas:before,\n.fa-book-atlas:before {\n\tcontent: '\\f558';\n}\n.fa-bible:before,\n.fa-book-bible:before {\n\tcontent: '\\f647';\n}\n.fa-book-journal-whills:before,\n.fa-journal-whills:before {\n\tcontent: '\\f66a';\n}\n.fa-book-medical:before {\n\tcontent: '\\f7e6';\n}\n.fa-book-open:before {\n\tcontent: '\\f518';\n}\n.fa-book-open-reader:before,\n.fa-book-reader:before {\n\tcontent: '\\f5da';\n}\n.fa-book-quran:before,\n.fa-quran:before {\n\tcontent: '\\f687';\n}\n.fa-book-dead:before,\n.fa-book-skull:before {\n\tcontent: '\\f6b7';\n}\n.fa-bookmark:before {\n\tcontent: '\\f02e';\n}\n.fa-border-all:before {\n\tcontent: '\\f84c';\n}\n.fa-border-none:before {\n\tcontent: '\\f850';\n}\n.fa-border-style:before,\n.fa-border-top-left:before {\n\tcontent: '\\f853';\n}\n.fa-bowling-ball:before {\n\tcontent: '\\f436';\n}\n.fa-box:before {\n\tcontent: '\\f466';\n}\n.fa-archive:before,\n.fa-box-archive:before {\n\tcontent: '\\f187';\n}\n.fa-box-open:before {\n\tcontent: '\\f49e';\n}\n.fa-box-tissue:before {\n\tcontent: '\\e05b';\n}\n.fa-boxes-alt:before,\n.fa-boxes-stacked:before,\n.fa-boxes:before {\n\tcontent: '\\f468';\n}\n.fa-braille:before {\n\tcontent: '\\f2a1';\n}\n.fa-brain:before {\n\tcontent: '\\f5dc';\n}\n.fa-bread-slice:before {\n\tcontent: '\\f7ec';\n}\n.fa-briefcase:before {\n\tcontent: '\\f0b1';\n}\n.fa-briefcase-medical:before {\n\tcontent: '\\f469';\n}\n.fa-broom:before {\n\tcontent: '\\f51a';\n}\n.fa-brush:before {\n\tcontent: '\\f55d';\n}\n.fa-bug:before {\n\tcontent: '\\f188';\n}\n.fa-building:before {\n\tcontent: '\\f1ad';\n}\n.fa-bullhorn:before {\n\tcontent: '\\f0a1';\n}\n.fa-bullseye:before {\n\tcontent: '\\f140';\n}\n.fa-burger:before,\n.fa-hamburger:before {\n\tcontent: '\\f805';\n}\n.fa-bus:before {\n\tcontent: '\\f207';\n}\n.fa-bus-alt:before,\n.fa-bus-simple:before {\n\tcontent: '\\f55e';\n}\n.fa-briefcase-clock:before,\n.fa-business-time:before {\n\tcontent: '\\f64a';\n}\n.fa-c:before {\n\tcontent: '\\43';\n}\n.fa-birthday-cake:before,\n.fa-cake-candles:before {\n\tcontent: '\\f1fd';\n}\n.fa-calculator:before {\n\tcontent: '\\f1ec';\n}\n.fa-calendar:before {\n\tcontent: '\\f133';\n}\n.fa-calendar-check:before {\n\tcontent: '\\f274';\n}\n.fa-calendar-day:before {\n\tcontent: '\\f783';\n}\n.fa-calendar-alt:before,\n.fa-calendar-days:before {\n\tcontent: '\\f073';\n}\n.fa-calendar-minus:before {\n\tcontent: '\\f272';\n}\n.fa-calendar-plus:before {\n\tcontent: '\\f271';\n}\n.fa-calendar-week:before {\n\tcontent: '\\f784';\n}\n.fa-calendar-times:before,\n.fa-calendar-xmark:before {\n\tcontent: '\\f273';\n}\n.fa-camera-alt:before,\n.fa-camera:before {\n\tcontent: '\\f030';\n}\n.fa-camera-retro:before {\n\tcontent: '\\f083';\n}\n.fa-camera-rotate:before {\n\tcontent: '\\e0d8';\n}\n.fa-campground:before {\n\tcontent: '\\f6bb';\n}\n.fa-candy-cane:before {\n\tcontent: '\\f786';\n}\n.fa-cannabis:before {\n\tcontent: '\\f55f';\n}\n.fa-capsules:before {\n\tcontent: '\\f46b';\n}\n.fa-automobile:before,\n.fa-car:before {\n\tcontent: '\\f1b9';\n}\n.fa-battery-car:before,\n.fa-car-battery:before {\n\tcontent: '\\f5df';\n}\n.fa-car-crash:before {\n\tcontent: '\\f5e1';\n}\n.fa-car-alt:before,\n.fa-car-rear:before {\n\tcontent: '\\f5de';\n}\n.fa-car-side:before {\n\tcontent: '\\f5e4';\n}\n.fa-caravan:before {\n\tcontent: '\\f8ff';\n}\n.fa-caret-down:before {\n\tcontent: '\\f0d7';\n}\n.fa-caret-left:before {\n\tcontent: '\\f0d9';\n}\n.fa-caret-right:before {\n\tcontent: '\\f0da';\n}\n.fa-caret-up:before {\n\tcontent: '\\f0d8';\n}\n.fa-carrot:before {\n\tcontent: '\\f787';\n}\n.fa-cart-arrow-down:before {\n\tcontent: '\\f218';\n}\n.fa-cart-flatbed:before,\n.fa-dolly-flatbed:before {\n\tcontent: '\\f474';\n}\n.fa-cart-flatbed-suitcase:before,\n.fa-luggage-cart:before {\n\tcontent: '\\f59d';\n}\n.fa-cart-plus:before {\n\tcontent: '\\f217';\n}\n.fa-cart-shopping:before,\n.fa-shopping-cart:before {\n\tcontent: '\\f07a';\n}\n.fa-cash-register:before {\n\tcontent: '\\f788';\n}\n.fa-cat:before {\n\tcontent: '\\f6be';\n}\n.fa-cedi-sign:before {\n\tcontent: '\\e0df';\n}\n.fa-cent-sign:before {\n\tcontent: '\\e3f5';\n}\n.fa-certificate:before {\n\tcontent: '\\f0a3';\n}\n.fa-chair:before {\n\tcontent: '\\f6c0';\n}\n.fa-blackboard:before,\n.fa-chalkboard:before {\n\tcontent: '\\f51b';\n}\n.fa-chalkboard-teacher:before,\n.fa-chalkboard-user:before {\n\tcontent: '\\f51c';\n}\n.fa-champagne-glasses:before,\n.fa-glass-cheers:before {\n\tcontent: '\\f79f';\n}\n.fa-charging-station:before {\n\tcontent: '\\f5e7';\n}\n.fa-area-chart:before,\n.fa-chart-area:before {\n\tcontent: '\\f1fe';\n}\n.fa-bar-chart:before,\n.fa-chart-bar:before {\n\tcontent: '\\f080';\n}\n.fa-chart-gantt:before {\n\tcontent: '\\e0e4';\n}\n.fa-chart-line:before,\n.fa-line-chart:before {\n\tcontent: '\\f201';\n}\n.fa-chart-pie:before,\n.fa-pie-chart:before {\n\tcontent: '\\f200';\n}\n.fa-check:before {\n\tcontent: '\\f00c';\n}\n.fa-check-double:before {\n\tcontent: '\\f560';\n}\n.fa-check-to-slot:before,\n.fa-vote-yea:before {\n\tcontent: '\\f772';\n}\n.fa-cheese:before {\n\tcontent: '\\f7ef';\n}\n.fa-chess:before {\n\tcontent: '\\f439';\n}\n.fa-chess-bishop:before {\n\tcontent: '\\f43a';\n}\n.fa-chess-board:before {\n\tcontent: '\\f43c';\n}\n.fa-chess-king:before {\n\tcontent: '\\f43f';\n}\n.fa-chess-knight:before {\n\tcontent: '\\f441';\n}\n.fa-chess-pawn:before {\n\tcontent: '\\f443';\n}\n.fa-chess-queen:before {\n\tcontent: '\\f445';\n}\n.fa-chess-rook:before {\n\tcontent: '\\f447';\n}\n.fa-chevron-down:before {\n\tcontent: '\\f078';\n}\n.fa-chevron-left:before {\n\tcontent: '\\f053';\n}\n.fa-chevron-right:before {\n\tcontent: '\\f054';\n}\n.fa-chevron-up:before {\n\tcontent: '\\f077';\n}\n.fa-child:before {\n\tcontent: '\\f1ae';\n}\n.fa-church:before {\n\tcontent: '\\f51d';\n}\n.fa-circle:before {\n\tcontent: '\\f111';\n}\n.fa-arrow-circle-down:before,\n.fa-circle-arrow-down:before {\n\tcontent: '\\f0ab';\n}\n.fa-arrow-circle-left:before,\n.fa-circle-arrow-left:before {\n\tcontent: '\\f0a8';\n}\n.fa-arrow-circle-right:before,\n.fa-circle-arrow-right:before {\n\tcontent: '\\f0a9';\n}\n.fa-arrow-circle-up:before,\n.fa-circle-arrow-up:before {\n\tcontent: '\\f0aa';\n}\n.fa-check-circle:before,\n.fa-circle-check:before {\n\tcontent: '\\f058';\n}\n.fa-chevron-circle-down:before,\n.fa-circle-chevron-down:before {\n\tcontent: '\\f13a';\n}\n.fa-chevron-circle-left:before,\n.fa-circle-chevron-left:before {\n\tcontent: '\\f137';\n}\n.fa-chevron-circle-right:before,\n.fa-circle-chevron-right:before {\n\tcontent: '\\f138';\n}\n.fa-chevron-circle-up:before,\n.fa-circle-chevron-up:before {\n\tcontent: '\\f139';\n}\n.fa-circle-dollar-to-slot:before,\n.fa-donate:before {\n\tcontent: '\\f4b9';\n}\n.fa-circle-dot:before,\n.fa-dot-circle:before {\n\tcontent: '\\f192';\n}\n.fa-arrow-alt-circle-down:before,\n.fa-circle-down:before {\n\tcontent: '\\f358';\n}\n.fa-circle-exclamation:before,\n.fa-exclamation-circle:before {\n\tcontent: '\\f06a';\n}\n.fa-circle-h:before,\n.fa-hospital-symbol:before {\n\tcontent: '\\f47e';\n}\n.fa-adjust:before,\n.fa-circle-half-stroke:before {\n\tcontent: '\\f042';\n}\n.fa-circle-info:before,\n.fa-info-circle:before {\n\tcontent: '\\f05a';\n}\n.fa-arrow-alt-circle-left:before,\n.fa-circle-left:before {\n\tcontent: '\\f359';\n}\n.fa-circle-minus:before,\n.fa-minus-circle:before {\n\tcontent: '\\f056';\n}\n.fa-circle-notch:before {\n\tcontent: '\\f1ce';\n}\n.fa-circle-pause:before,\n.fa-pause-circle:before {\n\tcontent: '\\f28b';\n}\n.fa-circle-play:before,\n.fa-play-circle:before {\n\tcontent: '\\f144';\n}\n.fa-circle-plus:before,\n.fa-plus-circle:before {\n\tcontent: '\\f055';\n}\n.fa-circle-question:before,\n.fa-question-circle:before {\n\tcontent: '\\f059';\n}\n.fa-circle-radiation:before,\n.fa-radiation-alt:before {\n\tcontent: '\\f7ba';\n}\n.fa-arrow-alt-circle-right:before,\n.fa-circle-right:before {\n\tcontent: '\\f35a';\n}\n.fa-circle-stop:before,\n.fa-stop-circle:before {\n\tcontent: '\\f28d';\n}\n.fa-arrow-alt-circle-up:before,\n.fa-circle-up:before {\n\tcontent: '\\f35b';\n}\n.fa-circle-user:before,\n.fa-user-circle:before {\n\tcontent: '\\f2bd';\n}\n.fa-circle-xmark:before,\n.fa-times-circle:before,\n.fa-xmark-circle:before {\n\tcontent: '\\f057';\n}\n.fa-city:before {\n\tcontent: '\\f64f';\n}\n.fa-clapperboard:before {\n\tcontent: '\\e131';\n}\n.fa-clipboard:before {\n\tcontent: '\\f328';\n}\n.fa-clipboard-check:before {\n\tcontent: '\\f46c';\n}\n.fa-clipboard-list:before {\n\tcontent: '\\f46d';\n}\n.fa-clock-four:before,\n.fa-clock:before {\n\tcontent: '\\f017';\n}\n.fa-clock-rotate-left:before,\n.fa-history:before {\n\tcontent: '\\f1da';\n}\n.fa-clone:before {\n\tcontent: '\\f24d';\n}\n.fa-closed-captioning:before {\n\tcontent: '\\f20a';\n}\n.fa-cloud:before {\n\tcontent: '\\f0c2';\n}\n.fa-cloud-arrow-down:before,\n.fa-cloud-download-alt:before,\n.fa-cloud-download:before {\n\tcontent: '\\f0ed';\n}\n.fa-cloud-arrow-up:before,\n.fa-cloud-upload-alt:before,\n.fa-cloud-upload:before {\n\tcontent: '\\f0ee';\n}\n.fa-cloud-meatball:before {\n\tcontent: '\\f73b';\n}\n.fa-cloud-moon:before {\n\tcontent: '\\f6c3';\n}\n.fa-cloud-moon-rain:before {\n\tcontent: '\\f73c';\n}\n.fa-cloud-rain:before {\n\tcontent: '\\f73d';\n}\n.fa-cloud-showers-heavy:before {\n\tcontent: '\\f740';\n}\n.fa-cloud-sun:before {\n\tcontent: '\\f6c4';\n}\n.fa-cloud-sun-rain:before {\n\tcontent: '\\f743';\n}\n.fa-clover:before {\n\tcontent: '\\e139';\n}\n.fa-code:before {\n\tcontent: '\\f121';\n}\n.fa-code-branch:before {\n\tcontent: '\\f126';\n}\n.fa-code-commit:before {\n\tcontent: '\\f386';\n}\n.fa-code-compare:before {\n\tcontent: '\\e13a';\n}\n.fa-code-fork:before {\n\tcontent: '\\e13b';\n}\n.fa-code-merge:before {\n\tcontent: '\\f387';\n}\n.fa-code-pull-request:before {\n\tcontent: '\\e13c';\n}\n.fa-coins:before {\n\tcontent: '\\f51e';\n}\n.fa-colon-sign:before {\n\tcontent: '\\e140';\n}\n.fa-comment:before {\n\tcontent: '\\f075';\n}\n.fa-comment-dollar:before {\n\tcontent: '\\f651';\n}\n.fa-comment-dots:before,\n.fa-commenting:before {\n\tcontent: '\\f4ad';\n}\n.fa-comment-medical:before {\n\tcontent: '\\f7f5';\n}\n.fa-comment-slash:before {\n\tcontent: '\\f4b3';\n}\n.fa-comment-sms:before,\n.fa-sms:before {\n\tcontent: '\\f7cd';\n}\n.fa-comments:before {\n\tcontent: '\\f086';\n}\n.fa-comments-dollar:before {\n\tcontent: '\\f653';\n}\n.fa-compact-disc:before {\n\tcontent: '\\f51f';\n}\n.fa-compass:before {\n\tcontent: '\\f14e';\n}\n.fa-compass-drafting:before,\n.fa-drafting-compass:before {\n\tcontent: '\\f568';\n}\n.fa-compress:before {\n\tcontent: '\\f066';\n}\n.fa-computer-mouse:before,\n.fa-mouse:before {\n\tcontent: '\\f8cc';\n}\n.fa-cookie:before {\n\tcontent: '\\f563';\n}\n.fa-cookie-bite:before {\n\tcontent: '\\f564';\n}\n.fa-copy:before {\n\tcontent: '\\f0c5';\n}\n.fa-copyright:before {\n\tcontent: '\\f1f9';\n}\n.fa-couch:before {\n\tcontent: '\\f4b8';\n}\n.fa-credit-card-alt:before,\n.fa-credit-card:before {\n\tcontent: '\\f09d';\n}\n.fa-crop:before {\n\tcontent: '\\f125';\n}\n.fa-crop-alt:before,\n.fa-crop-simple:before {\n\tcontent: '\\f565';\n}\n.fa-cross:before {\n\tcontent: '\\f654';\n}\n.fa-crosshairs:before {\n\tcontent: '\\f05b';\n}\n.fa-crow:before {\n\tcontent: '\\f520';\n}\n.fa-crown:before {\n\tcontent: '\\f521';\n}\n.fa-crutch:before {\n\tcontent: '\\f7f7';\n}\n.fa-cruzeiro-sign:before {\n\tcontent: '\\e152';\n}\n.fa-cube:before {\n\tcontent: '\\f1b2';\n}\n.fa-cubes:before {\n\tcontent: '\\f1b3';\n}\n.fa-d:before {\n\tcontent: '\\44';\n}\n.fa-database:before {\n\tcontent: '\\f1c0';\n}\n.fa-backspace:before,\n.fa-delete-left:before {\n\tcontent: '\\f55a';\n}\n.fa-democrat:before {\n\tcontent: '\\f747';\n}\n.fa-desktop-alt:before,\n.fa-desktop:before {\n\tcontent: '\\f390';\n}\n.fa-dharmachakra:before {\n\tcontent: '\\f655';\n}\n.fa-diagram-project:before,\n.fa-project-diagram:before {\n\tcontent: '\\f542';\n}\n.fa-diamond-turn-right:before,\n.fa-directions:before {\n\tcontent: '\\f5eb';\n}\n.fa-dice:before {\n\tcontent: '\\f522';\n}\n.fa-dice-d20:before {\n\tcontent: '\\f6cf';\n}\n.fa-dice-d6:before {\n\tcontent: '\\f6d1';\n}\n.fa-dice-five:before {\n\tcontent: '\\f523';\n}\n.fa-dice-four:before {\n\tcontent: '\\f524';\n}\n.fa-dice-one:before {\n\tcontent: '\\f525';\n}\n.fa-dice-six:before {\n\tcontent: '\\f526';\n}\n.fa-dice-three:before {\n\tcontent: '\\f527';\n}\n.fa-dice-two:before {\n\tcontent: '\\f528';\n}\n.fa-disease:before {\n\tcontent: '\\f7fa';\n}\n.fa-divide:before {\n\tcontent: '\\f529';\n}\n.fa-dna:before {\n\tcontent: '\\f471';\n}\n.fa-dog:before {\n\tcontent: '\\f6d3';\n}\n.fa-dollar-sign:before,\n.fa-dollar:before,\n.fa-usd:before {\n\tcontent: '\\24';\n}\n.fa-dolly-box:before,\n.fa-dolly:before {\n\tcontent: '\\f472';\n}\n.fa-dong-sign:before {\n\tcontent: '\\e169';\n}\n.fa-door-closed:before {\n\tcontent: '\\f52a';\n}\n.fa-door-open:before {\n\tcontent: '\\f52b';\n}\n.fa-dove:before {\n\tcontent: '\\f4ba';\n}\n.fa-compress-alt:before,\n.fa-down-left-and-up-right-to-center:before {\n\tcontent: '\\f422';\n}\n.fa-down-long:before,\n.fa-long-arrow-alt-down:before {\n\tcontent: '\\f309';\n}\n.fa-download:before {\n\tcontent: '\\f019';\n}\n.fa-dragon:before {\n\tcontent: '\\f6d5';\n}\n.fa-draw-polygon:before {\n\tcontent: '\\f5ee';\n}\n.fa-droplet:before,\n.fa-tint:before {\n\tcontent: '\\f043';\n}\n.fa-droplet-slash:before,\n.fa-tint-slash:before {\n\tcontent: '\\f5c7';\n}\n.fa-drum:before {\n\tcontent: '\\f569';\n}\n.fa-drum-steelpan:before {\n\tcontent: '\\f56a';\n}\n.fa-drumstick-bite:before {\n\tcontent: '\\f6d7';\n}\n.fa-dumbbell:before {\n\tcontent: '\\f44b';\n}\n.fa-dumpster:before {\n\tcontent: '\\f793';\n}\n.fa-dumpster-fire:before {\n\tcontent: '\\f794';\n}\n.fa-dungeon:before {\n\tcontent: '\\f6d9';\n}\n.fa-e:before {\n\tcontent: '\\45';\n}\n.fa-deaf:before,\n.fa-deafness:before,\n.fa-ear-deaf:before,\n.fa-hard-of-hearing:before {\n\tcontent: '\\f2a4';\n}\n.fa-assistive-listening-systems:before,\n.fa-ear-listen:before {\n\tcontent: '\\f2a2';\n}\n.fa-earth-africa:before,\n.fa-globe-africa:before {\n\tcontent: '\\f57c';\n}\n.fa-earth-americas:before,\n.fa-earth:before,\n.fa-globe-americas:before {\n\tcontent: '\\f57d';\n}\n.fa-earth-asia:before,\n.fa-globe-asia:before {\n\tcontent: '\\f57e';\n}\n.fa-earth-europa:before,\n.fa-globe-europe:before {\n\tcontent: '\\f7a2';\n}\n.fa-egg:before {\n\tcontent: '\\f7fb';\n}\n.fa-eject:before {\n\tcontent: '\\f052';\n}\n.fa-elevator:before {\n\tcontent: '\\e16d';\n}\n.fa-ellipsis-h:before,\n.fa-ellipsis:before {\n\tcontent: '\\f141';\n}\n.fa-ellipsis-v:before,\n.fa-ellipsis-vertical:before {\n\tcontent: '\\f142';\n}\n.fa-envelope:before {\n\tcontent: '\\f0e0';\n}\n.fa-envelope-open:before {\n\tcontent: '\\f2b6';\n}\n.fa-envelope-open-text:before {\n\tcontent: '\\f658';\n}\n.fa-envelopes-bulk:before,\n.fa-mail-bulk:before {\n\tcontent: '\\f674';\n}\n.fa-equals:before {\n\tcontent: '\\3d';\n}\n.fa-eraser:before {\n\tcontent: '\\f12d';\n}\n.fa-ethernet:before {\n\tcontent: '\\f796';\n}\n.fa-eur:before,\n.fa-euro-sign:before,\n.fa-euro:before {\n\tcontent: '\\f153';\n}\n.fa-exclamation:before {\n\tcontent: '\\21';\n}\n.fa-expand:before {\n\tcontent: '\\f065';\n}\n.fa-eye:before {\n\tcontent: '\\f06e';\n}\n.fa-eye-dropper-empty:before,\n.fa-eye-dropper:before,\n.fa-eyedropper:before {\n\tcontent: '\\f1fb';\n}\n.fa-eye-low-vision:before,\n.fa-low-vision:before {\n\tcontent: '\\f2a8';\n}\n.fa-eye-slash:before {\n\tcontent: '\\f070';\n}\n.fa-f:before {\n\tcontent: '\\46';\n}\n.fa-angry:before,\n.fa-face-angry:before {\n\tcontent: '\\f556';\n}\n.fa-dizzy:before,\n.fa-face-dizzy:before {\n\tcontent: '\\f567';\n}\n.fa-face-flushed:before,\n.fa-flushed:before {\n\tcontent: '\\f579';\n}\n.fa-face-frown:before,\n.fa-frown:before {\n\tcontent: '\\f119';\n}\n.fa-face-frown-open:before,\n.fa-frown-open:before {\n\tcontent: '\\f57a';\n}\n.fa-face-grimace:before,\n.fa-grimace:before {\n\tcontent: '\\f57f';\n}\n.fa-face-grin:before,\n.fa-grin:before {\n\tcontent: '\\f580';\n}\n.fa-face-grin-beam:before,\n.fa-grin-beam:before {\n\tcontent: '\\f582';\n}\n.fa-face-grin-beam-sweat:before,\n.fa-grin-beam-sweat:before {\n\tcontent: '\\f583';\n}\n.fa-face-grin-hearts:before,\n.fa-grin-hearts:before {\n\tcontent: '\\f584';\n}\n.fa-face-grin-squint:before,\n.fa-grin-squint:before {\n\tcontent: '\\f585';\n}\n.fa-face-grin-squint-tears:before,\n.fa-grin-squint-tears:before {\n\tcontent: '\\f586';\n}\n.fa-face-grin-stars:before,\n.fa-grin-stars:before {\n\tcontent: '\\f587';\n}\n.fa-face-grin-tears:before,\n.fa-grin-tears:before {\n\tcontent: '\\f588';\n}\n.fa-face-grin-tongue:before,\n.fa-grin-tongue:before {\n\tcontent: '\\f589';\n}\n.fa-face-grin-tongue-squint:before,\n.fa-grin-tongue-squint:before {\n\tcontent: '\\f58a';\n}\n.fa-face-grin-tongue-wink:before,\n.fa-grin-tongue-wink:before {\n\tcontent: '\\f58b';\n}\n.fa-face-grin-wide:before,\n.fa-grin-alt:before {\n\tcontent: '\\f581';\n}\n.fa-face-grin-wink:before,\n.fa-grin-wink:before {\n\tcontent: '\\f58c';\n}\n.fa-face-kiss:before,\n.fa-kiss:before {\n\tcontent: '\\f596';\n}\n.fa-face-kiss-beam:before,\n.fa-kiss-beam:before {\n\tcontent: '\\f597';\n}\n.fa-face-kiss-wink-heart:before,\n.fa-kiss-wink-heart:before {\n\tcontent: '\\f598';\n}\n.fa-face-laugh:before,\n.fa-laugh:before {\n\tcontent: '\\f599';\n}\n.fa-face-laugh-beam:before,\n.fa-laugh-beam:before {\n\tcontent: '\\f59a';\n}\n.fa-face-laugh-squint:before,\n.fa-laugh-squint:before {\n\tcontent: '\\f59b';\n}\n.fa-face-laugh-wink:before,\n.fa-laugh-wink:before {\n\tcontent: '\\f59c';\n}\n.fa-face-meh:before,\n.fa-meh:before {\n\tcontent: '\\f11a';\n}\n.fa-face-meh-blank:before,\n.fa-meh-blank:before {\n\tcontent: '\\f5a4';\n}\n.fa-face-rolling-eyes:before,\n.fa-meh-rolling-eyes:before {\n\tcontent: '\\f5a5';\n}\n.fa-face-sad-cry:before,\n.fa-sad-cry:before {\n\tcontent: '\\f5b3';\n}\n.fa-face-sad-tear:before,\n.fa-sad-tear:before {\n\tcontent: '\\f5b4';\n}\n.fa-face-smile:before,\n.fa-smile:before {\n\tcontent: '\\f118';\n}\n.fa-face-smile-beam:before,\n.fa-smile-beam:before {\n\tcontent: '\\f5b8';\n}\n.fa-face-smile-wink:before,\n.fa-smile-wink:before {\n\tcontent: '\\f4da';\n}\n.fa-face-surprise:before,\n.fa-surprise:before {\n\tcontent: '\\f5c2';\n}\n.fa-face-tired:before,\n.fa-tired:before {\n\tcontent: '\\f5c8';\n}\n.fa-fan:before {\n\tcontent: '\\f863';\n}\n.fa-faucet:before {\n\tcontent: '\\e005';\n}\n.fa-fax:before {\n\tcontent: '\\f1ac';\n}\n.fa-feather:before {\n\tcontent: '\\f52d';\n}\n.fa-feather-alt:before,\n.fa-feather-pointed:before {\n\tcontent: '\\f56b';\n}\n.fa-file:before {\n\tcontent: '\\f15b';\n}\n.fa-file-arrow-down:before,\n.fa-file-download:before {\n\tcontent: '\\f56d';\n}\n.fa-file-arrow-up:before,\n.fa-file-upload:before {\n\tcontent: '\\f574';\n}\n.fa-file-audio:before {\n\tcontent: '\\f1c7';\n}\n.fa-file-code:before {\n\tcontent: '\\f1c9';\n}\n.fa-file-contract:before {\n\tcontent: '\\f56c';\n}\n.fa-file-csv:before {\n\tcontent: '\\f6dd';\n}\n.fa-file-excel:before {\n\tcontent: '\\f1c3';\n}\n.fa-arrow-right-from-file:before,\n.fa-file-export:before {\n\tcontent: '\\f56e';\n}\n.fa-file-image:before {\n\tcontent: '\\f1c5';\n}\n.fa-arrow-right-to-file:before,\n.fa-file-import:before {\n\tcontent: '\\f56f';\n}\n.fa-file-invoice:before {\n\tcontent: '\\f570';\n}\n.fa-file-invoice-dollar:before {\n\tcontent: '\\f571';\n}\n.fa-file-alt:before,\n.fa-file-lines:before,\n.fa-file-text:before {\n\tcontent: '\\f15c';\n}\n.fa-file-medical:before {\n\tcontent: '\\f477';\n}\n.fa-file-pdf:before {\n\tcontent: '\\f1c1';\n}\n.fa-file-powerpoint:before {\n\tcontent: '\\f1c4';\n}\n.fa-file-prescription:before {\n\tcontent: '\\f572';\n}\n.fa-file-signature:before {\n\tcontent: '\\f573';\n}\n.fa-file-video:before {\n\tcontent: '\\f1c8';\n}\n.fa-file-medical-alt:before,\n.fa-file-waveform:before {\n\tcontent: '\\f478';\n}\n.fa-file-word:before {\n\tcontent: '\\f1c2';\n}\n.fa-file-archive:before,\n.fa-file-zipper:before {\n\tcontent: '\\f1c6';\n}\n.fa-fill:before {\n\tcontent: '\\f575';\n}\n.fa-fill-drip:before {\n\tcontent: '\\f576';\n}\n.fa-film:before {\n\tcontent: '\\f008';\n}\n.fa-filter:before {\n\tcontent: '\\f0b0';\n}\n.fa-filter-circle-dollar:before,\n.fa-funnel-dollar:before {\n\tcontent: '\\f662';\n}\n.fa-filter-circle-xmark:before {\n\tcontent: '\\e17b';\n}\n.fa-fingerprint:before {\n\tcontent: '\\f577';\n}\n.fa-fire:before {\n\tcontent: '\\f06d';\n}\n.fa-fire-extinguisher:before {\n\tcontent: '\\f134';\n}\n.fa-fire-alt:before,\n.fa-fire-flame-curved:before {\n\tcontent: '\\f7e4';\n}\n.fa-burn:before,\n.fa-fire-flame-simple:before {\n\tcontent: '\\f46a';\n}\n.fa-fish:before {\n\tcontent: '\\f578';\n}\n.fa-flag:before {\n\tcontent: '\\f024';\n}\n.fa-flag-checkered:before {\n\tcontent: '\\f11e';\n}\n.fa-flag-usa:before {\n\tcontent: '\\f74d';\n}\n.fa-flask:before {\n\tcontent: '\\f0c3';\n}\n.fa-floppy-disk:before,\n.fa-save:before {\n\tcontent: '\\f0c7';\n}\n.fa-florin-sign:before {\n\tcontent: '\\e184';\n}\n.fa-folder:before {\n\tcontent: '\\f07b';\n}\n.fa-folder-minus:before {\n\tcontent: '\\f65d';\n}\n.fa-folder-open:before {\n\tcontent: '\\f07c';\n}\n.fa-folder-plus:before {\n\tcontent: '\\f65e';\n}\n.fa-folder-tree:before {\n\tcontent: '\\f802';\n}\n.fa-font:before {\n\tcontent: '\\f031';\n}\n.fa-football-ball:before,\n.fa-football:before {\n\tcontent: '\\f44e';\n}\n.fa-forward:before {\n\tcontent: '\\f04e';\n}\n.fa-fast-forward:before,\n.fa-forward-fast:before {\n\tcontent: '\\f050';\n}\n.fa-forward-step:before,\n.fa-step-forward:before {\n\tcontent: '\\f051';\n}\n.fa-franc-sign:before {\n\tcontent: '\\e18f';\n}\n.fa-frog:before {\n\tcontent: '\\f52e';\n}\n.fa-futbol-ball:before,\n.fa-futbol:before,\n.fa-soccer-ball:before {\n\tcontent: '\\f1e3';\n}\n.fa-g:before {\n\tcontent: '\\47';\n}\n.fa-gamepad:before {\n\tcontent: '\\f11b';\n}\n.fa-gas-pump:before {\n\tcontent: '\\f52f';\n}\n.fa-gauge-simple-high:before,\n.fa-gauge-simple:before,\n.fa-tachometer:before {\n\tcontent: '\\f62a';\n}\n.fa-gavel:before,\n.fa-legal:before {\n\tcontent: '\\f0e3';\n}\n.fa-cog:before,\n.fa-gear:before {\n\tcontent: '\\f013';\n}\n.fa-cogs:before,\n.fa-gears:before {\n\tcontent: '\\f085';\n}\n.fa-gem:before {\n\tcontent: '\\f3a5';\n}\n.fa-genderless:before {\n\tcontent: '\\f22d';\n}\n.fa-ghost:before {\n\tcontent: '\\f6e2';\n}\n.fa-gift:before {\n\tcontent: '\\f06b';\n}\n.fa-gifts:before {\n\tcontent: '\\f79c';\n}\n.fa-glasses:before {\n\tcontent: '\\f530';\n}\n.fa-globe:before {\n\tcontent: '\\f0ac';\n}\n.fa-golf-ball-tee:before,\n.fa-golf-ball:before {\n\tcontent: '\\f450';\n}\n.fa-gopuram:before {\n\tcontent: '\\f664';\n}\n.fa-graduation-cap:before,\n.fa-mortar-board:before {\n\tcontent: '\\f19d';\n}\n.fa-greater-than:before {\n\tcontent: '\\3e';\n}\n.fa-greater-than-equal:before {\n\tcontent: '\\f532';\n}\n.fa-grip-horizontal:before,\n.fa-grip:before {\n\tcontent: '\\f58d';\n}\n.fa-grip-lines:before {\n\tcontent: '\\f7a4';\n}\n.fa-grip-lines-vertical:before {\n\tcontent: '\\f7a5';\n}\n.fa-grip-vertical:before {\n\tcontent: '\\f58e';\n}\n.fa-guarani-sign:before {\n\tcontent: '\\e19a';\n}\n.fa-guitar:before {\n\tcontent: '\\f7a6';\n}\n.fa-gun:before {\n\tcontent: '\\e19b';\n}\n.fa-h:before {\n\tcontent: '\\48';\n}\n.fa-hammer:before {\n\tcontent: '\\f6e3';\n}\n.fa-hamsa:before {\n\tcontent: '\\f665';\n}\n.fa-hand-paper:before,\n.fa-hand:before {\n\tcontent: '\\f256';\n}\n.fa-hand-back-fist:before,\n.fa-hand-rock:before {\n\tcontent: '\\f255';\n}\n.fa-allergies:before,\n.fa-hand-dots:before {\n\tcontent: '\\f461';\n}\n.fa-fist-raised:before,\n.fa-hand-fist:before {\n\tcontent: '\\f6de';\n}\n.fa-hand-holding:before {\n\tcontent: '\\f4bd';\n}\n.fa-hand-holding-dollar:before,\n.fa-hand-holding-usd:before {\n\tcontent: '\\f4c0';\n}\n.fa-hand-holding-droplet:before,\n.fa-hand-holding-water:before {\n\tcontent: '\\f4c1';\n}\n.fa-hand-holding-heart:before {\n\tcontent: '\\f4be';\n}\n.fa-hand-holding-medical:before {\n\tcontent: '\\e05c';\n}\n.fa-hand-lizard:before {\n\tcontent: '\\f258';\n}\n.fa-hand-middle-finger:before {\n\tcontent: '\\f806';\n}\n.fa-hand-peace:before {\n\tcontent: '\\f25b';\n}\n.fa-hand-point-down:before {\n\tcontent: '\\f0a7';\n}\n.fa-hand-point-left:before {\n\tcontent: '\\f0a5';\n}\n.fa-hand-point-right:before {\n\tcontent: '\\f0a4';\n}\n.fa-hand-point-up:before {\n\tcontent: '\\f0a6';\n}\n.fa-hand-pointer:before {\n\tcontent: '\\f25a';\n}\n.fa-hand-scissors:before {\n\tcontent: '\\f257';\n}\n.fa-hand-sparkles:before {\n\tcontent: '\\e05d';\n}\n.fa-hand-spock:before {\n\tcontent: '\\f259';\n}\n.fa-hands:before,\n.fa-sign-language:before,\n.fa-signing:before {\n\tcontent: '\\f2a7';\n}\n.fa-american-sign-language-interpreting:before,\n.fa-asl-interpreting:before,\n.fa-hands-american-sign-language-interpreting:before,\n.fa-hands-asl-interpreting:before {\n\tcontent: '\\f2a3';\n}\n.fa-hands-bubbles:before,\n.fa-hands-wash:before {\n\tcontent: '\\e05e';\n}\n.fa-hands-clapping:before {\n\tcontent: '\\e1a8';\n}\n.fa-hands-holding:before {\n\tcontent: '\\f4c2';\n}\n.fa-hands-praying:before,\n.fa-praying-hands:before {\n\tcontent: '\\f684';\n}\n.fa-handshake:before {\n\tcontent: '\\f2b5';\n}\n.fa-hands-helping:before,\n.fa-handshake-angle:before {\n\tcontent: '\\f4c4';\n}\n.fa-handshake-alt-slash:before,\n.fa-handshake-simple-slash:before {\n\tcontent: '\\e05f';\n}\n.fa-handshake-slash:before {\n\tcontent: '\\e060';\n}\n.fa-hanukiah:before {\n\tcontent: '\\f6e6';\n}\n.fa-hard-drive:before,\n.fa-hdd:before {\n\tcontent: '\\f0a0';\n}\n.fa-hashtag:before {\n\tcontent: '\\23';\n}\n.fa-hat-cowboy:before {\n\tcontent: '\\f8c0';\n}\n.fa-hat-cowboy-side:before {\n\tcontent: '\\f8c1';\n}\n.fa-hat-wizard:before {\n\tcontent: '\\f6e8';\n}\n.fa-head-side-cough:before {\n\tcontent: '\\e061';\n}\n.fa-head-side-cough-slash:before {\n\tcontent: '\\e062';\n}\n.fa-head-side-mask:before {\n\tcontent: '\\e063';\n}\n.fa-head-side-virus:before {\n\tcontent: '\\e064';\n}\n.fa-header:before,\n.fa-heading:before {\n\tcontent: '\\f1dc';\n}\n.fa-headphones:before {\n\tcontent: '\\f025';\n}\n.fa-headphones-alt:before,\n.fa-headphones-simple:before {\n\tcontent: '\\f58f';\n}\n.fa-headset:before {\n\tcontent: '\\f590';\n}\n.fa-heart:before {\n\tcontent: '\\f004';\n}\n.fa-heart-broken:before,\n.fa-heart-crack:before {\n\tcontent: '\\f7a9';\n}\n.fa-heart-pulse:before,\n.fa-heartbeat:before {\n\tcontent: '\\f21e';\n}\n.fa-helicopter:before {\n\tcontent: '\\f533';\n}\n.fa-hard-hat:before,\n.fa-hat-hard:before,\n.fa-helmet-safety:before {\n\tcontent: '\\f807';\n}\n.fa-highlighter:before {\n\tcontent: '\\f591';\n}\n.fa-hippo:before {\n\tcontent: '\\f6ed';\n}\n.fa-hockey-puck:before {\n\tcontent: '\\f453';\n}\n.fa-holly-berry:before {\n\tcontent: '\\f7aa';\n}\n.fa-horse:before {\n\tcontent: '\\f6f0';\n}\n.fa-horse-head:before {\n\tcontent: '\\f7ab';\n}\n.fa-hospital:before {\n\tcontent: '\\f0f8';\n}\n.fa-hospital-user:before {\n\tcontent: '\\f80d';\n}\n.fa-hospital-alt:before,\n.fa-hospital-wide:before {\n\tcontent: '\\f47d';\n}\n.fa-hot-tub-person:before,\n.fa-hot-tub:before {\n\tcontent: '\\f593';\n}\n.fa-hotdog:before {\n\tcontent: '\\f80f';\n}\n.fa-hotel:before {\n\tcontent: '\\f594';\n}\n.fa-hourglass-2:before,\n.fa-hourglass-half:before,\n.fa-hourglass:before {\n\tcontent: '\\f254';\n}\n.fa-hourglass-empty:before {\n\tcontent: '\\f252';\n}\n.fa-hourglass-3:before,\n.fa-hourglass-end:before {\n\tcontent: '\\f253';\n}\n.fa-hourglass-1:before,\n.fa-hourglass-start:before {\n\tcontent: '\\f251';\n}\n.fa-home:before,\n.fa-house:before {\n\tcontent: '\\f015';\n}\n.fa-home-lg:before,\n.fa-house-chimney:before {\n\tcontent: '\\e3af';\n}\n.fa-house-crack:before {\n\tcontent: '\\e3b1';\n}\n.fa-house-laptop:before,\n.fa-laptop-house:before {\n\tcontent: '\\e066';\n}\n.fa-house-medical:before {\n\tcontent: '\\e3b2';\n}\n.fa-home-user:before,\n.fa-house-user:before {\n\tcontent: '\\e1b0';\n}\n.fa-hryvnia-sign:before,\n.fa-hryvnia:before {\n\tcontent: '\\f6f2';\n}\n.fa-i:before {\n\tcontent: '\\49';\n}\n.fa-i-cursor:before {\n\tcontent: '\\f246';\n}\n.fa-ice-cream:before {\n\tcontent: '\\f810';\n}\n.fa-icicles:before {\n\tcontent: '\\f7ad';\n}\n.fa-heart-music-camera-bolt:before,\n.fa-icons:before {\n\tcontent: '\\f86d';\n}\n.fa-id-badge:before {\n\tcontent: '\\f2c1';\n}\n.fa-drivers-license:before,\n.fa-id-card:before {\n\tcontent: '\\f2c2';\n}\n.fa-id-card-alt:before,\n.fa-id-card-clip:before {\n\tcontent: '\\f47f';\n}\n.fa-igloo:before {\n\tcontent: '\\f7ae';\n}\n.fa-image:before {\n\tcontent: '\\f03e';\n}\n.fa-image-portrait:before,\n.fa-portrait:before {\n\tcontent: '\\f3e0';\n}\n.fa-images:before {\n\tcontent: '\\f302';\n}\n.fa-inbox:before {\n\tcontent: '\\f01c';\n}\n.fa-indent:before {\n\tcontent: '\\f03c';\n}\n.fa-indian-rupee-sign:before,\n.fa-indian-rupee:before,\n.fa-inr:before {\n\tcontent: '\\e1bc';\n}\n.fa-industry:before {\n\tcontent: '\\f275';\n}\n.fa-infinity:before {\n\tcontent: '\\f534';\n}\n.fa-info:before {\n\tcontent: '\\f129';\n}\n.fa-italic:before {\n\tcontent: '\\f033';\n}\n.fa-j:before {\n\tcontent: '\\4a';\n}\n.fa-jedi:before {\n\tcontent: '\\f669';\n}\n.fa-fighter-jet:before,\n.fa-jet-fighter:before {\n\tcontent: '\\f0fb';\n}\n.fa-joint:before {\n\tcontent: '\\f595';\n}\n.fa-k:before {\n\tcontent: '\\4b';\n}\n.fa-kaaba:before {\n\tcontent: '\\f66b';\n}\n.fa-key:before {\n\tcontent: '\\f084';\n}\n.fa-keyboard:before {\n\tcontent: '\\f11c';\n}\n.fa-khanda:before {\n\tcontent: '\\f66d';\n}\n.fa-kip-sign:before {\n\tcontent: '\\e1c4';\n}\n.fa-first-aid:before,\n.fa-kit-medical:before {\n\tcontent: '\\f479';\n}\n.fa-kiwi-bird:before {\n\tcontent: '\\f535';\n}\n.fa-l:before {\n\tcontent: '\\4c';\n}\n.fa-landmark:before {\n\tcontent: '\\f66f';\n}\n.fa-language:before {\n\tcontent: '\\f1ab';\n}\n.fa-laptop:before {\n\tcontent: '\\f109';\n}\n.fa-laptop-code:before {\n\tcontent: '\\f5fc';\n}\n.fa-laptop-medical:before {\n\tcontent: '\\f812';\n}\n.fa-lari-sign:before {\n\tcontent: '\\e1c8';\n}\n.fa-layer-group:before {\n\tcontent: '\\f5fd';\n}\n.fa-leaf:before {\n\tcontent: '\\f06c';\n}\n.fa-left-long:before,\n.fa-long-arrow-alt-left:before {\n\tcontent: '\\f30a';\n}\n.fa-arrows-alt-h:before,\n.fa-left-right:before {\n\tcontent: '\\f337';\n}\n.fa-lemon:before {\n\tcontent: '\\f094';\n}\n.fa-less-than:before {\n\tcontent: '\\3c';\n}\n.fa-less-than-equal:before {\n\tcontent: '\\f537';\n}\n.fa-life-ring:before {\n\tcontent: '\\f1cd';\n}\n.fa-lightbulb:before {\n\tcontent: '\\f0eb';\n}\n.fa-chain:before,\n.fa-link:before {\n\tcontent: '\\f0c1';\n}\n.fa-chain-broken:before,\n.fa-chain-slash:before,\n.fa-link-slash:before,\n.fa-unlink:before {\n\tcontent: '\\f127';\n}\n.fa-lira-sign:before {\n\tcontent: '\\f195';\n}\n.fa-list-squares:before,\n.fa-list:before {\n\tcontent: '\\f03a';\n}\n.fa-list-check:before,\n.fa-tasks:before {\n\tcontent: '\\f0ae';\n}\n.fa-list-1-2:before,\n.fa-list-numeric:before,\n.fa-list-ol:before {\n\tcontent: '\\f0cb';\n}\n.fa-list-dots:before,\n.fa-list-ul:before {\n\tcontent: '\\f0ca';\n}\n.fa-litecoin-sign:before {\n\tcontent: '\\e1d3';\n}\n.fa-location-arrow:before {\n\tcontent: '\\f124';\n}\n.fa-location-crosshairs:before,\n.fa-location:before {\n\tcontent: '\\f601';\n}\n.fa-location-dot:before,\n.fa-map-marker-alt:before {\n\tcontent: '\\f3c5';\n}\n.fa-location-pin:before,\n.fa-map-marker:before {\n\tcontent: '\\f041';\n}\n.fa-lock:before {\n\tcontent: '\\f023';\n}\n.fa-lock-open:before {\n\tcontent: '\\f3c1';\n}\n.fa-lungs:before {\n\tcontent: '\\f604';\n}\n.fa-lungs-virus:before {\n\tcontent: '\\e067';\n}\n.fa-m:before {\n\tcontent: '\\4d';\n}\n.fa-magnet:before {\n\tcontent: '\\f076';\n}\n.fa-magnifying-glass:before,\n.fa-search:before {\n\tcontent: '\\f002';\n}\n.fa-magnifying-glass-dollar:before,\n.fa-search-dollar:before {\n\tcontent: '\\f688';\n}\n.fa-magnifying-glass-location:before,\n.fa-search-location:before {\n\tcontent: '\\f689';\n}\n.fa-magnifying-glass-minus:before,\n.fa-search-minus:before {\n\tcontent: '\\f010';\n}\n.fa-magnifying-glass-plus:before,\n.fa-search-plus:before {\n\tcontent: '\\f00e';\n}\n.fa-manat-sign:before {\n\tcontent: '\\e1d5';\n}\n.fa-map:before {\n\tcontent: '\\f279';\n}\n.fa-map-location:before,\n.fa-map-marked:before {\n\tcontent: '\\f59f';\n}\n.fa-map-location-dot:before,\n.fa-map-marked-alt:before {\n\tcontent: '\\f5a0';\n}\n.fa-map-pin:before {\n\tcontent: '\\f276';\n}\n.fa-marker:before {\n\tcontent: '\\f5a1';\n}\n.fa-mars:before {\n\tcontent: '\\f222';\n}\n.fa-mars-and-venus:before {\n\tcontent: '\\f224';\n}\n.fa-mars-double:before {\n\tcontent: '\\f227';\n}\n.fa-mars-stroke:before {\n\tcontent: '\\f229';\n}\n.fa-mars-stroke-h:before,\n.fa-mars-stroke-right:before {\n\tcontent: '\\f22b';\n}\n.fa-mars-stroke-up:before,\n.fa-mars-stroke-v:before {\n\tcontent: '\\f22a';\n}\n.fa-glass-martini-alt:before,\n.fa-martini-glass:before {\n\tcontent: '\\f57b';\n}\n.fa-cocktail:before,\n.fa-martini-glass-citrus:before {\n\tcontent: '\\f561';\n}\n.fa-glass-martini:before,\n.fa-martini-glass-empty:before {\n\tcontent: '\\f000';\n}\n.fa-mask:before {\n\tcontent: '\\f6fa';\n}\n.fa-mask-face:before {\n\tcontent: '\\e1d7';\n}\n.fa-masks-theater:before,\n.fa-theater-masks:before {\n\tcontent: '\\f630';\n}\n.fa-expand-arrows-alt:before,\n.fa-maximize:before {\n\tcontent: '\\f31e';\n}\n.fa-medal:before {\n\tcontent: '\\f5a2';\n}\n.fa-memory:before {\n\tcontent: '\\f538';\n}\n.fa-menorah:before {\n\tcontent: '\\f676';\n}\n.fa-mercury:before {\n\tcontent: '\\f223';\n}\n.fa-comment-alt:before,\n.fa-message:before {\n\tcontent: '\\f27a';\n}\n.fa-meteor:before {\n\tcontent: '\\f753';\n}\n.fa-microchip:before {\n\tcontent: '\\f2db';\n}\n.fa-microphone:before {\n\tcontent: '\\f130';\n}\n.fa-microphone-alt:before,\n.fa-microphone-lines:before {\n\tcontent: '\\f3c9';\n}\n.fa-microphone-alt-slash:before,\n.fa-microphone-lines-slash:before {\n\tcontent: '\\f539';\n}\n.fa-microphone-slash:before {\n\tcontent: '\\f131';\n}\n.fa-microscope:before {\n\tcontent: '\\f610';\n}\n.fa-mill-sign:before {\n\tcontent: '\\e1ed';\n}\n.fa-compress-arrows-alt:before,\n.fa-minimize:before {\n\tcontent: '\\f78c';\n}\n.fa-minus:before,\n.fa-subtract:before {\n\tcontent: '\\f068';\n}\n.fa-mitten:before {\n\tcontent: '\\f7b5';\n}\n.fa-mobile-button:before {\n\tcontent: '\\f10b';\n}\n.fa-mobile-alt:before,\n.fa-mobile-screen-button:before {\n\tcontent: '\\f3cd';\n}\n.fa-money-bill:before {\n\tcontent: '\\f0d6';\n}\n.fa-money-bill-1:before,\n.fa-money-bill-alt:before {\n\tcontent: '\\f3d1';\n}\n.fa-money-bill-1-wave:before,\n.fa-money-bill-wave-alt:before {\n\tcontent: '\\f53b';\n}\n.fa-money-bill-wave:before {\n\tcontent: '\\f53a';\n}\n.fa-money-check:before {\n\tcontent: '\\f53c';\n}\n.fa-money-check-alt:before,\n.fa-money-check-dollar:before {\n\tcontent: '\\f53d';\n}\n.fa-monument:before {\n\tcontent: '\\f5a6';\n}\n.fa-moon:before {\n\tcontent: '\\f186';\n}\n.fa-mortar-pestle:before {\n\tcontent: '\\f5a7';\n}\n.fa-mosque:before {\n\tcontent: '\\f678';\n}\n.fa-motorcycle:before {\n\tcontent: '\\f21c';\n}\n.fa-mountain:before {\n\tcontent: '\\f6fc';\n}\n.fa-mug-hot:before {\n\tcontent: '\\f7b6';\n}\n.fa-coffee:before,\n.fa-mug-saucer:before {\n\tcontent: '\\f0f4';\n}\n.fa-music:before {\n\tcontent: '\\f001';\n}\n.fa-n:before {\n\tcontent: '\\4e';\n}\n.fa-naira-sign:before {\n\tcontent: '\\e1f6';\n}\n.fa-network-wired:before {\n\tcontent: '\\f6ff';\n}\n.fa-neuter:before {\n\tcontent: '\\f22c';\n}\n.fa-newspaper:before {\n\tcontent: '\\f1ea';\n}\n.fa-not-equal:before {\n\tcontent: '\\f53e';\n}\n.fa-note-sticky:before,\n.fa-sticky-note:before {\n\tcontent: '\\f249';\n}\n.fa-notes-medical:before {\n\tcontent: '\\f481';\n}\n.fa-o:before {\n\tcontent: '\\4f';\n}\n.fa-object-group:before {\n\tcontent: '\\f247';\n}\n.fa-object-ungroup:before {\n\tcontent: '\\f248';\n}\n.fa-oil-can:before {\n\tcontent: '\\f613';\n}\n.fa-om:before {\n\tcontent: '\\f679';\n}\n.fa-otter:before {\n\tcontent: '\\f700';\n}\n.fa-dedent:before,\n.fa-outdent:before {\n\tcontent: '\\f03b';\n}\n.fa-p:before {\n\tcontent: '\\50';\n}\n.fa-pager:before {\n\tcontent: '\\f815';\n}\n.fa-paint-brush:before {\n\tcontent: '\\f1fc';\n}\n.fa-paint-roller:before {\n\tcontent: '\\f5aa';\n}\n.fa-palette:before {\n\tcontent: '\\f53f';\n}\n.fa-pallet:before {\n\tcontent: '\\f482';\n}\n.fa-panorama:before {\n\tcontent: '\\e209';\n}\n.fa-paper-plane:before {\n\tcontent: '\\f1d8';\n}\n.fa-paperclip:before {\n\tcontent: '\\f0c6';\n}\n.fa-parachute-box:before {\n\tcontent: '\\f4cd';\n}\n.fa-paragraph:before {\n\tcontent: '\\f1dd';\n}\n.fa-passport:before {\n\tcontent: '\\f5ab';\n}\n.fa-file-clipboard:before,\n.fa-paste:before {\n\tcontent: '\\f0ea';\n}\n.fa-pause:before {\n\tcontent: '\\f04c';\n}\n.fa-paw:before {\n\tcontent: '\\f1b0';\n}\n.fa-peace:before {\n\tcontent: '\\f67c';\n}\n.fa-pen:before {\n\tcontent: '\\f304';\n}\n.fa-pen-alt:before,\n.fa-pen-clip:before {\n\tcontent: '\\f305';\n}\n.fa-pen-fancy:before {\n\tcontent: '\\f5ac';\n}\n.fa-pen-nib:before {\n\tcontent: '\\f5ad';\n}\n.fa-pen-ruler:before,\n.fa-pencil-ruler:before {\n\tcontent: '\\f5ae';\n}\n.fa-edit:before,\n.fa-pen-to-square:before {\n\tcontent: '\\f044';\n}\n.fa-pencil-alt:before,\n.fa-pencil:before {\n\tcontent: '\\f303';\n}\n.fa-people-arrows-left-right:before,\n.fa-people-arrows:before {\n\tcontent: '\\e068';\n}\n.fa-people-carry-box:before,\n.fa-people-carry:before {\n\tcontent: '\\f4ce';\n}\n.fa-pepper-hot:before {\n\tcontent: '\\f816';\n}\n.fa-percent:before,\n.fa-percentage:before {\n\tcontent: '\\25';\n}\n.fa-male:before,\n.fa-person:before {\n\tcontent: '\\f183';\n}\n.fa-biking:before,\n.fa-person-biking:before {\n\tcontent: '\\f84a';\n}\n.fa-person-booth:before {\n\tcontent: '\\f756';\n}\n.fa-diagnoses:before,\n.fa-person-dots-from-line:before {\n\tcontent: '\\f470';\n}\n.fa-female:before,\n.fa-person-dress:before {\n\tcontent: '\\f182';\n}\n.fa-hiking:before,\n.fa-person-hiking:before {\n\tcontent: '\\f6ec';\n}\n.fa-person-praying:before,\n.fa-pray:before {\n\tcontent: '\\f683';\n}\n.fa-person-running:before,\n.fa-running:before {\n\tcontent: '\\f70c';\n}\n.fa-person-skating:before,\n.fa-skating:before {\n\tcontent: '\\f7c5';\n}\n.fa-person-skiing:before,\n.fa-skiing:before {\n\tcontent: '\\f7c9';\n}\n.fa-person-skiing-nordic:before,\n.fa-skiing-nordic:before {\n\tcontent: '\\f7ca';\n}\n.fa-person-snowboarding:before,\n.fa-snowboarding:before {\n\tcontent: '\\f7ce';\n}\n.fa-person-swimming:before,\n.fa-swimmer:before {\n\tcontent: '\\f5c4';\n}\n.fa-person-walking:before,\n.fa-walking:before {\n\tcontent: '\\f554';\n}\n.fa-blind:before,\n.fa-person-walking-with-cane:before {\n\tcontent: '\\f29d';\n}\n.fa-peseta-sign:before {\n\tcontent: '\\e221';\n}\n.fa-peso-sign:before {\n\tcontent: '\\e222';\n}\n.fa-phone:before {\n\tcontent: '\\f095';\n}\n.fa-phone-alt:before,\n.fa-phone-flip:before {\n\tcontent: '\\f879';\n}\n.fa-phone-slash:before {\n\tcontent: '\\f3dd';\n}\n.fa-phone-volume:before,\n.fa-volume-control-phone:before {\n\tcontent: '\\f2a0';\n}\n.fa-photo-film:before,\n.fa-photo-video:before {\n\tcontent: '\\f87c';\n}\n.fa-piggy-bank:before {\n\tcontent: '\\f4d3';\n}\n.fa-pills:before {\n\tcontent: '\\f484';\n}\n.fa-pizza-slice:before {\n\tcontent: '\\f818';\n}\n.fa-place-of-worship:before {\n\tcontent: '\\f67f';\n}\n.fa-plane:before {\n\tcontent: '\\f072';\n}\n.fa-plane-arrival:before {\n\tcontent: '\\f5af';\n}\n.fa-plane-departure:before {\n\tcontent: '\\f5b0';\n}\n.fa-plane-slash:before {\n\tcontent: '\\e069';\n}\n.fa-play:before {\n\tcontent: '\\f04b';\n}\n.fa-plug:before {\n\tcontent: '\\f1e6';\n}\n.fa-add:before,\n.fa-plus:before {\n\tcontent: '\\2b';\n}\n.fa-plus-minus:before {\n\tcontent: '\\e43c';\n}\n.fa-podcast:before {\n\tcontent: '\\f2ce';\n}\n.fa-poo:before {\n\tcontent: '\\f2fe';\n}\n.fa-poo-bolt:before,\n.fa-poo-storm:before {\n\tcontent: '\\f75a';\n}\n.fa-poop:before {\n\tcontent: '\\f619';\n}\n.fa-power-off:before {\n\tcontent: '\\f011';\n}\n.fa-prescription:before {\n\tcontent: '\\f5b1';\n}\n.fa-prescription-bottle:before {\n\tcontent: '\\f485';\n}\n.fa-prescription-bottle-alt:before,\n.fa-prescription-bottle-medical:before {\n\tcontent: '\\f486';\n}\n.fa-print:before {\n\tcontent: '\\f02f';\n}\n.fa-pump-medical:before {\n\tcontent: '\\e06a';\n}\n.fa-pump-soap:before {\n\tcontent: '\\e06b';\n}\n.fa-puzzle-piece:before {\n\tcontent: '\\f12e';\n}\n.fa-q:before {\n\tcontent: '\\51';\n}\n.fa-qrcode:before {\n\tcontent: '\\f029';\n}\n.fa-question:before {\n\tcontent: '\\3f';\n}\n.fa-broom-ball:before,\n.fa-quidditch-broom-ball:before,\n.fa-quidditch:before {\n\tcontent: '\\f458';\n}\n.fa-quote-left-alt:before,\n.fa-quote-left:before {\n\tcontent: '\\f10d';\n}\n.fa-quote-right-alt:before,\n.fa-quote-right:before {\n\tcontent: '\\f10e';\n}\n.fa-r:before {\n\tcontent: '\\52';\n}\n.fa-radiation:before {\n\tcontent: '\\f7b9';\n}\n.fa-rainbow:before {\n\tcontent: '\\f75b';\n}\n.fa-receipt:before {\n\tcontent: '\\f543';\n}\n.fa-record-vinyl:before {\n\tcontent: '\\f8d9';\n}\n.fa-ad:before,\n.fa-rectangle-ad:before {\n\tcontent: '\\f641';\n}\n.fa-list-alt:before,\n.fa-rectangle-list:before {\n\tcontent: '\\f022';\n}\n.fa-rectangle-times:before,\n.fa-rectangle-xmark:before,\n.fa-times-rectangle:before,\n.fa-window-close:before {\n\tcontent: '\\f410';\n}\n.fa-recycle:before {\n\tcontent: '\\f1b8';\n}\n.fa-registered:before {\n\tcontent: '\\f25d';\n}\n.fa-repeat:before {\n\tcontent: '\\f363';\n}\n.fa-mail-reply:before,\n.fa-reply:before {\n\tcontent: '\\f3e5';\n}\n.fa-mail-reply-all:before,\n.fa-reply-all:before {\n\tcontent: '\\f122';\n}\n.fa-republican:before {\n\tcontent: '\\f75e';\n}\n.fa-restroom:before {\n\tcontent: '\\f7bd';\n}\n.fa-retweet:before {\n\tcontent: '\\f079';\n}\n.fa-ribbon:before {\n\tcontent: '\\f4d6';\n}\n.fa-right-from-bracket:before,\n.fa-sign-out-alt:before {\n\tcontent: '\\f2f5';\n}\n.fa-exchange-alt:before,\n.fa-right-left:before {\n\tcontent: '\\f362';\n}\n.fa-long-arrow-alt-right:before,\n.fa-right-long:before {\n\tcontent: '\\f30b';\n}\n.fa-right-to-bracket:before,\n.fa-sign-in-alt:before {\n\tcontent: '\\f2f6';\n}\n.fa-ring:before {\n\tcontent: '\\f70b';\n}\n.fa-road:before {\n\tcontent: '\\f018';\n}\n.fa-robot:before {\n\tcontent: '\\f544';\n}\n.fa-rocket:before {\n\tcontent: '\\f135';\n}\n.fa-rotate:before,\n.fa-sync-alt:before {\n\tcontent: '\\f2f1';\n}\n.fa-rotate-back:before,\n.fa-rotate-backward:before,\n.fa-rotate-left:before,\n.fa-undo-alt:before {\n\tcontent: '\\f2ea';\n}\n.fa-route:before {\n\tcontent: '\\f4d7';\n}\n.fa-feed:before,\n.fa-rss:before {\n\tcontent: '\\f09e';\n}\n.fa-rouble:before,\n.fa-rub:before,\n.fa-ruble-sign:before,\n.fa-ruble:before {\n\tcontent: '\\f158';\n}\n.fa-ruler:before {\n\tcontent: '\\f545';\n}\n.fa-ruler-combined:before {\n\tcontent: '\\f546';\n}\n.fa-ruler-horizontal:before {\n\tcontent: '\\f547';\n}\n.fa-ruler-vertical:before {\n\tcontent: '\\f548';\n}\n.fa-rupee-sign:before,\n.fa-rupee:before {\n\tcontent: '\\f156';\n}\n.fa-rupiah-sign:before {\n\tcontent: '\\e23d';\n}\n.fa-s:before {\n\tcontent: '\\53';\n}\n.fa-sailboat:before {\n\tcontent: '\\e445';\n}\n.fa-satellite:before {\n\tcontent: '\\f7bf';\n}\n.fa-satellite-dish:before {\n\tcontent: '\\f7c0';\n}\n.fa-balance-scale:before,\n.fa-scale-balanced:before {\n\tcontent: '\\f24e';\n}\n.fa-balance-scale-left:before,\n.fa-scale-unbalanced:before {\n\tcontent: '\\f515';\n}\n.fa-balance-scale-right:before,\n.fa-scale-unbalanced-flip:before {\n\tcontent: '\\f516';\n}\n.fa-school:before {\n\tcontent: '\\f549';\n}\n.fa-cut:before,\n.fa-scissors:before {\n\tcontent: '\\f0c4';\n}\n.fa-screwdriver:before {\n\tcontent: '\\f54a';\n}\n.fa-screwdriver-wrench:before,\n.fa-tools:before {\n\tcontent: '\\f7d9';\n}\n.fa-scroll:before {\n\tcontent: '\\f70e';\n}\n.fa-scroll-torah:before,\n.fa-torah:before {\n\tcontent: '\\f6a0';\n}\n.fa-sd-card:before {\n\tcontent: '\\f7c2';\n}\n.fa-section:before {\n\tcontent: '\\e447';\n}\n.fa-seedling:before,\n.fa-sprout:before {\n\tcontent: '\\f4d8';\n}\n.fa-server:before {\n\tcontent: '\\f233';\n}\n.fa-shapes:before,\n.fa-triangle-circle-square:before {\n\tcontent: '\\f61f';\n}\n.fa-arrow-turn-right:before,\n.fa-mail-forward:before,\n.fa-share:before {\n\tcontent: '\\f064';\n}\n.fa-share-from-square:before,\n.fa-share-square:before {\n\tcontent: '\\f14d';\n}\n.fa-share-alt:before,\n.fa-share-nodes:before {\n\tcontent: '\\f1e0';\n}\n.fa-ils:before,\n.fa-shekel-sign:before,\n.fa-shekel:before,\n.fa-sheqel-sign:before,\n.fa-sheqel:before {\n\tcontent: '\\f20b';\n}\n.fa-shield-alt:before,\n.fa-shield-blank:before {\n\tcontent: '\\f3ed';\n}\n.fa-shield-virus:before {\n\tcontent: '\\e06c';\n}\n.fa-ship:before {\n\tcontent: '\\f21a';\n}\n.fa-shirt:before,\n.fa-t-shirt:before,\n.fa-tshirt:before {\n\tcontent: '\\f553';\n}\n.fa-shoe-prints:before {\n\tcontent: '\\f54b';\n}\n.fa-shop:before,\n.fa-store-alt:before {\n\tcontent: '\\f54f';\n}\n.fa-shop-slash:before,\n.fa-store-alt-slash:before {\n\tcontent: '\\e070';\n}\n.fa-shower:before {\n\tcontent: '\\f2cc';\n}\n.fa-random:before,\n.fa-shuffle:before {\n\tcontent: '\\f074';\n}\n.fa-shuttle-space:before,\n.fa-space-shuttle:before {\n\tcontent: '\\f197';\n}\n.fa-sign-hanging:before,\n.fa-sign:before {\n\tcontent: '\\f4d9';\n}\n.fa-signal-5:before,\n.fa-signal-perfect:before,\n.fa-signal:before {\n\tcontent: '\\f012';\n}\n.fa-signature:before {\n\tcontent: '\\f5b7';\n}\n.fa-map-signs:before,\n.fa-signs-post:before {\n\tcontent: '\\f277';\n}\n.fa-sim-card:before {\n\tcontent: '\\f7c4';\n}\n.fa-sink:before {\n\tcontent: '\\e06d';\n}\n.fa-sitemap:before {\n\tcontent: '\\f0e8';\n}\n.fa-skull:before {\n\tcontent: '\\f54c';\n}\n.fa-skull-crossbones:before {\n\tcontent: '\\f714';\n}\n.fa-slash:before {\n\tcontent: '\\f715';\n}\n.fa-sleigh:before {\n\tcontent: '\\f7cc';\n}\n.fa-sliders-h:before,\n.fa-sliders:before {\n\tcontent: '\\f1de';\n}\n.fa-smog:before {\n\tcontent: '\\f75f';\n}\n.fa-smoking:before {\n\tcontent: '\\f48d';\n}\n.fa-snowflake:before {\n\tcontent: '\\f2dc';\n}\n.fa-snowman:before {\n\tcontent: '\\f7d0';\n}\n.fa-snowplow:before {\n\tcontent: '\\f7d2';\n}\n.fa-soap:before {\n\tcontent: '\\e06e';\n}\n.fa-socks:before {\n\tcontent: '\\f696';\n}\n.fa-solar-panel:before {\n\tcontent: '\\f5ba';\n}\n.fa-sort:before,\n.fa-unsorted:before {\n\tcontent: '\\f0dc';\n}\n.fa-sort-desc:before,\n.fa-sort-down:before {\n\tcontent: '\\f0dd';\n}\n.fa-sort-asc:before,\n.fa-sort-up:before {\n\tcontent: '\\f0de';\n}\n.fa-spa:before {\n\tcontent: '\\f5bb';\n}\n.fa-pastafarianism:before,\n.fa-spaghetti-monster-flying:before {\n\tcontent: '\\f67b';\n}\n.fa-spell-check:before {\n\tcontent: '\\f891';\n}\n.fa-spider:before {\n\tcontent: '\\f717';\n}\n.fa-spinner:before {\n\tcontent: '\\f110';\n}\n.fa-splotch:before {\n\tcontent: '\\f5bc';\n}\n.fa-spoon:before,\n.fa-utensil-spoon:before {\n\tcontent: '\\f2e5';\n}\n.fa-spray-can:before {\n\tcontent: '\\f5bd';\n}\n.fa-air-freshener:before,\n.fa-spray-can-sparkles:before {\n\tcontent: '\\f5d0';\n}\n.fa-square:before {\n\tcontent: '\\f0c8';\n}\n.fa-caret-square-down:before,\n.fa-square-caret-down:before {\n\tcontent: '\\f150';\n}\n.fa-caret-square-left:before,\n.fa-square-caret-left:before {\n\tcontent: '\\f191';\n}\n.fa-caret-square-right:before,\n.fa-square-caret-right:before {\n\tcontent: '\\f152';\n}\n.fa-caret-square-up:before,\n.fa-square-caret-up:before {\n\tcontent: '\\f151';\n}\n.fa-check-square:before,\n.fa-square-check:before {\n\tcontent: '\\f14a';\n}\n.fa-envelope-square:before,\n.fa-square-envelope:before {\n\tcontent: '\\f199';\n}\n.fa-square-full:before {\n\tcontent: '\\f45c';\n}\n.fa-h-square:before,\n.fa-square-h:before {\n\tcontent: '\\f0fd';\n}\n.fa-minus-square:before,\n.fa-square-minus:before {\n\tcontent: '\\f146';\n}\n.fa-parking:before,\n.fa-square-parking:before {\n\tcontent: '\\f540';\n}\n.fa-pen-square:before,\n.fa-pencil-square:before,\n.fa-square-pen:before {\n\tcontent: '\\f14b';\n}\n.fa-phone-square:before,\n.fa-square-phone:before {\n\tcontent: '\\f098';\n}\n.fa-phone-square-alt:before,\n.fa-square-phone-flip:before {\n\tcontent: '\\f87b';\n}\n.fa-plus-square:before,\n.fa-square-plus:before {\n\tcontent: '\\f0fe';\n}\n.fa-poll-h:before,\n.fa-square-poll-horizontal:before {\n\tcontent: '\\f682';\n}\n.fa-poll:before,\n.fa-square-poll-vertical:before {\n\tcontent: '\\f681';\n}\n.fa-square-root-alt:before,\n.fa-square-root-variable:before {\n\tcontent: '\\f698';\n}\n.fa-rss-square:before,\n.fa-square-rss:before {\n\tcontent: '\\f143';\n}\n.fa-share-alt-square:before,\n.fa-square-share-nodes:before {\n\tcontent: '\\f1e1';\n}\n.fa-external-link-square-alt:before,\n.fa-square-up-right:before {\n\tcontent: '\\f360';\n}\n.fa-stairs:before {\n\tcontent: '\\e289';\n}\n.fa-stamp:before {\n\tcontent: '\\f5bf';\n}\n.fa-star:before {\n\tcontent: '\\f005';\n}\n.fa-star-and-crescent:before {\n\tcontent: '\\f699';\n}\n.fa-star-half:before {\n\tcontent: '\\f089';\n}\n.fa-star-half-alt:before,\n.fa-star-half-stroke:before {\n\tcontent: '\\f5c0';\n}\n.fa-star-of-david:before {\n\tcontent: '\\f69a';\n}\n.fa-star-of-life:before {\n\tcontent: '\\f621';\n}\n.fa-gbp:before,\n.fa-pound-sign:before,\n.fa-sterling-sign:before {\n\tcontent: '\\f154';\n}\n.fa-stethoscope:before {\n\tcontent: '\\f0f1';\n}\n.fa-stop:before {\n\tcontent: '\\f04d';\n}\n.fa-stopwatch:before {\n\tcontent: '\\f2f2';\n}\n.fa-stopwatch-20:before {\n\tcontent: '\\e06f';\n}\n.fa-store:before {\n\tcontent: '\\f54e';\n}\n.fa-store-slash:before {\n\tcontent: '\\e071';\n}\n.fa-street-view:before {\n\tcontent: '\\f21d';\n}\n.fa-strikethrough:before {\n\tcontent: '\\f0cc';\n}\n.fa-stroopwafel:before {\n\tcontent: '\\f551';\n}\n.fa-subscript:before {\n\tcontent: '\\f12c';\n}\n.fa-suitcase:before {\n\tcontent: '\\f0f2';\n}\n.fa-medkit:before,\n.fa-suitcase-medical:before {\n\tcontent: '\\f0fa';\n}\n.fa-suitcase-rolling:before {\n\tcontent: '\\f5c1';\n}\n.fa-sun:before {\n\tcontent: '\\f185';\n}\n.fa-superscript:before {\n\tcontent: '\\f12b';\n}\n.fa-swatchbook:before {\n\tcontent: '\\f5c3';\n}\n.fa-synagogue:before {\n\tcontent: '\\f69b';\n}\n.fa-syringe:before {\n\tcontent: '\\f48e';\n}\n.fa-t:before {\n\tcontent: '\\54';\n}\n.fa-table:before {\n\tcontent: '\\f0ce';\n}\n.fa-table-cells:before,\n.fa-th:before {\n\tcontent: '\\f00a';\n}\n.fa-table-cells-large:before,\n.fa-th-large:before {\n\tcontent: '\\f009';\n}\n.fa-columns:before,\n.fa-table-columns:before {\n\tcontent: '\\f0db';\n}\n.fa-table-list:before,\n.fa-th-list:before {\n\tcontent: '\\f00b';\n}\n.fa-ping-pong-paddle-ball:before,\n.fa-table-tennis-paddle-ball:before,\n.fa-table-tennis:before {\n\tcontent: '\\f45d';\n}\n.fa-tablet-button:before {\n\tcontent: '\\f10a';\n}\n.fa-tablet-alt:before,\n.fa-tablet-screen-button:before {\n\tcontent: '\\f3fa';\n}\n.fa-tablets:before {\n\tcontent: '\\f490';\n}\n.fa-digital-tachograph:before,\n.fa-tachograph-digital:before {\n\tcontent: '\\f566';\n}\n.fa-tag:before {\n\tcontent: '\\f02b';\n}\n.fa-tags:before {\n\tcontent: '\\f02c';\n}\n.fa-tape:before {\n\tcontent: '\\f4db';\n}\n.fa-cab:before,\n.fa-taxi:before {\n\tcontent: '\\f1ba';\n}\n.fa-teeth:before {\n\tcontent: '\\f62e';\n}\n.fa-teeth-open:before {\n\tcontent: '\\f62f';\n}\n.fa-temperature-0:before,\n.fa-temperature-empty:before,\n.fa-thermometer-0:before,\n.fa-thermometer-empty:before {\n\tcontent: '\\f2cb';\n}\n.fa-temperature-4:before,\n.fa-temperature-full:before,\n.fa-thermometer-4:before,\n.fa-thermometer-full:before {\n\tcontent: '\\f2c7';\n}\n.fa-temperature-2:before,\n.fa-temperature-half:before,\n.fa-thermometer-2:before,\n.fa-thermometer-half:before {\n\tcontent: '\\f2c9';\n}\n.fa-temperature-high:before {\n\tcontent: '\\f769';\n}\n.fa-temperature-low:before {\n\tcontent: '\\f76b';\n}\n.fa-temperature-1:before,\n.fa-temperature-quarter:before,\n.fa-thermometer-1:before,\n.fa-thermometer-quarter:before {\n\tcontent: '\\f2ca';\n}\n.fa-temperature-3:before,\n.fa-temperature-three-quarters:before,\n.fa-thermometer-3:before,\n.fa-thermometer-three-quarters:before {\n\tcontent: '\\f2c8';\n}\n.fa-tenge-sign:before,\n.fa-tenge:before {\n\tcontent: '\\f7d7';\n}\n.fa-terminal:before {\n\tcontent: '\\f120';\n}\n.fa-text-height:before {\n\tcontent: '\\f034';\n}\n.fa-remove-format:before,\n.fa-text-slash:before {\n\tcontent: '\\f87d';\n}\n.fa-text-width:before {\n\tcontent: '\\f035';\n}\n.fa-thermometer:before {\n\tcontent: '\\f491';\n}\n.fa-thumbs-down:before {\n\tcontent: '\\f165';\n}\n.fa-thumbs-up:before {\n\tcontent: '\\f164';\n}\n.fa-thumb-tack:before,\n.fa-thumbtack:before {\n\tcontent: '\\f08d';\n}\n.fa-ticket-alt:before,\n.fa-ticket-simple:before {\n\tcontent: '\\f3ff';\n}\n.fa-timeline:before {\n\tcontent: '\\e29c';\n}\n.fa-toggle-off:before {\n\tcontent: '\\f204';\n}\n.fa-toggle-on:before {\n\tcontent: '\\f205';\n}\n.fa-toilet:before {\n\tcontent: '\\f7d8';\n}\n.fa-toilet-paper:before {\n\tcontent: '\\f71e';\n}\n.fa-toilet-paper-slash:before {\n\tcontent: '\\e072';\n}\n.fa-toolbox:before {\n\tcontent: '\\f552';\n}\n.fa-tooth:before {\n\tcontent: '\\f5c9';\n}\n.fa-torii-gate:before {\n\tcontent: '\\f6a1';\n}\n.fa-broadcast-tower:before,\n.fa-tower-broadcast:before {\n\tcontent: '\\f519';\n}\n.fa-tractor:before {\n\tcontent: '\\f722';\n}\n.fa-trademark:before {\n\tcontent: '\\f25c';\n}\n.fa-traffic-light:before {\n\tcontent: '\\f637';\n}\n.fa-trailer:before {\n\tcontent: '\\e041';\n}\n.fa-train:before {\n\tcontent: '\\f238';\n}\n.fa-subway:before,\n.fa-train-subway:before {\n\tcontent: '\\f239';\n}\n.fa-train-tram:before,\n.fa-tram:before {\n\tcontent: '\\f7da';\n}\n.fa-transgender-alt:before,\n.fa-transgender:before {\n\tcontent: '\\f225';\n}\n.fa-trash:before {\n\tcontent: '\\f1f8';\n}\n.fa-trash-arrow-up:before,\n.fa-trash-restore:before {\n\tcontent: '\\f829';\n}\n.fa-trash-alt:before,\n.fa-trash-can:before {\n\tcontent: '\\f2ed';\n}\n.fa-trash-can-arrow-up:before,\n.fa-trash-restore-alt:before {\n\tcontent: '\\f82a';\n}\n.fa-tree:before {\n\tcontent: '\\f1bb';\n}\n.fa-exclamation-triangle:before,\n.fa-triangle-exclamation:before,\n.fa-warning:before {\n\tcontent: '\\f071';\n}\n.fa-trophy:before {\n\tcontent: '\\f091';\n}\n.fa-truck:before {\n\tcontent: '\\f0d1';\n}\n.fa-shipping-fast:before,\n.fa-truck-fast:before {\n\tcontent: '\\f48b';\n}\n.fa-ambulance:before,\n.fa-truck-medical:before {\n\tcontent: '\\f0f9';\n}\n.fa-truck-monster:before {\n\tcontent: '\\f63b';\n}\n.fa-truck-moving:before {\n\tcontent: '\\f4df';\n}\n.fa-truck-pickup:before {\n\tcontent: '\\f63c';\n}\n.fa-truck-loading:before,\n.fa-truck-ramp-box:before {\n\tcontent: '\\f4de';\n}\n.fa-teletype:before,\n.fa-tty:before {\n\tcontent: '\\f1e4';\n}\n.fa-try:before,\n.fa-turkish-lira-sign:before,\n.fa-turkish-lira:before {\n\tcontent: '\\e2bb';\n}\n.fa-level-down-alt:before,\n.fa-turn-down:before {\n\tcontent: '\\f3be';\n}\n.fa-level-up-alt:before,\n.fa-turn-up:before {\n\tcontent: '\\f3bf';\n}\n.fa-television:before,\n.fa-tv-alt:before,\n.fa-tv:before {\n\tcontent: '\\f26c';\n}\n.fa-u:before {\n\tcontent: '\\55';\n}\n.fa-umbrella:before {\n\tcontent: '\\f0e9';\n}\n.fa-umbrella-beach:before {\n\tcontent: '\\f5ca';\n}\n.fa-underline:before {\n\tcontent: '\\f0cd';\n}\n.fa-universal-access:before {\n\tcontent: '\\f29a';\n}\n.fa-unlock:before {\n\tcontent: '\\f09c';\n}\n.fa-unlock-alt:before,\n.fa-unlock-keyhole:before {\n\tcontent: '\\f13e';\n}\n.fa-arrows-alt-v:before,\n.fa-up-down:before {\n\tcontent: '\\f338';\n}\n.fa-arrows-alt:before,\n.fa-up-down-left-right:before {\n\tcontent: '\\f0b2';\n}\n.fa-long-arrow-alt-up:before,\n.fa-up-long:before {\n\tcontent: '\\f30c';\n}\n.fa-expand-alt:before,\n.fa-up-right-and-down-left-from-center:before {\n\tcontent: '\\f424';\n}\n.fa-external-link-alt:before,\n.fa-up-right-from-square:before {\n\tcontent: '\\f35d';\n}\n.fa-upload:before {\n\tcontent: '\\f093';\n}\n.fa-user:before {\n\tcontent: '\\f007';\n}\n.fa-user-astronaut:before {\n\tcontent: '\\f4fb';\n}\n.fa-user-check:before {\n\tcontent: '\\f4fc';\n}\n.fa-user-clock:before {\n\tcontent: '\\f4fd';\n}\n.fa-user-doctor:before,\n.fa-user-md:before {\n\tcontent: '\\f0f0';\n}\n.fa-user-cog:before,\n.fa-user-gear:before {\n\tcontent: '\\f4fe';\n}\n.fa-user-graduate:before {\n\tcontent: '\\f501';\n}\n.fa-user-friends:before,\n.fa-user-group:before {\n\tcontent: '\\f500';\n}\n.fa-user-injured:before {\n\tcontent: '\\f728';\n}\n.fa-user-alt:before,\n.fa-user-large:before {\n\tcontent: '\\f406';\n}\n.fa-user-alt-slash:before,\n.fa-user-large-slash:before {\n\tcontent: '\\f4fa';\n}\n.fa-user-lock:before {\n\tcontent: '\\f502';\n}\n.fa-user-minus:before {\n\tcontent: '\\f503';\n}\n.fa-user-ninja:before {\n\tcontent: '\\f504';\n}\n.fa-user-nurse:before {\n\tcontent: '\\f82f';\n}\n.fa-user-edit:before,\n.fa-user-pen:before {\n\tcontent: '\\f4ff';\n}\n.fa-user-plus:before {\n\tcontent: '\\f234';\n}\n.fa-user-secret:before {\n\tcontent: '\\f21b';\n}\n.fa-user-shield:before {\n\tcontent: '\\f505';\n}\n.fa-user-slash:before {\n\tcontent: '\\f506';\n}\n.fa-user-tag:before {\n\tcontent: '\\f507';\n}\n.fa-user-tie:before {\n\tcontent: '\\f508';\n}\n.fa-user-times:before,\n.fa-user-xmark:before {\n\tcontent: '\\f235';\n}\n.fa-group:before,\n.fa-users:before {\n\tcontent: '\\f0c0';\n}\n.fa-users-cog:before,\n.fa-users-gear:before {\n\tcontent: '\\f509';\n}\n.fa-users-slash:before {\n\tcontent: '\\e073';\n}\n.fa-cutlery:before,\n.fa-utensils:before {\n\tcontent: '\\f2e7';\n}\n.fa-v:before {\n\tcontent: '\\56';\n}\n.fa-shuttle-van:before,\n.fa-van-shuttle:before {\n\tcontent: '\\f5b6';\n}\n.fa-vault:before {\n\tcontent: '\\e2c5';\n}\n.fa-vector-square:before {\n\tcontent: '\\f5cb';\n}\n.fa-venus:before {\n\tcontent: '\\f221';\n}\n.fa-venus-double:before {\n\tcontent: '\\f226';\n}\n.fa-venus-mars:before {\n\tcontent: '\\f228';\n}\n.fa-vest:before {\n\tcontent: '\\e085';\n}\n.fa-vest-patches:before {\n\tcontent: '\\e086';\n}\n.fa-vial:before {\n\tcontent: '\\f492';\n}\n.fa-vials:before {\n\tcontent: '\\f493';\n}\n.fa-video-camera:before,\n.fa-video:before {\n\tcontent: '\\f03d';\n}\n.fa-video-slash:before {\n\tcontent: '\\f4e2';\n}\n.fa-vihara:before {\n\tcontent: '\\f6a7';\n}\n.fa-virus:before {\n\tcontent: '\\e074';\n}\n.fa-virus-slash:before {\n\tcontent: '\\e075';\n}\n.fa-viruses:before {\n\tcontent: '\\e076';\n}\n.fa-voicemail:before {\n\tcontent: '\\f897';\n}\n.fa-volleyball-ball:before,\n.fa-volleyball:before {\n\tcontent: '\\f45f';\n}\n.fa-volume-high:before,\n.fa-volume-up:before {\n\tcontent: '\\f028';\n}\n.fa-volume-down:before,\n.fa-volume-low:before {\n\tcontent: '\\f027';\n}\n.fa-volume-off:before {\n\tcontent: '\\f026';\n}\n.fa-volume-mute:before,\n.fa-volume-times:before,\n.fa-volume-xmark:before {\n\tcontent: '\\f6a9';\n}\n.fa-vr-cardboard:before {\n\tcontent: '\\f729';\n}\n.fa-w:before {\n\tcontent: '\\57';\n}\n.fa-wallet:before {\n\tcontent: '\\f555';\n}\n.fa-magic:before,\n.fa-wand-magic:before {\n\tcontent: '\\f0d0';\n}\n.fa-warehouse:before {\n\tcontent: '\\f494';\n}\n.fa-water:before {\n\tcontent: '\\f773';\n}\n.fa-ladder-water:before,\n.fa-swimming-pool:before,\n.fa-water-ladder:before {\n\tcontent: '\\f5c5';\n}\n.fa-wave-square:before {\n\tcontent: '\\f83e';\n}\n.fa-weight-hanging:before {\n\tcontent: '\\f5cd';\n}\n.fa-weight-scale:before,\n.fa-weight:before {\n\tcontent: '\\f496';\n}\n.fa-wheelchair:before {\n\tcontent: '\\f193';\n}\n.fa-glass-whiskey:before,\n.fa-whiskey-glass:before {\n\tcontent: '\\f7a0';\n}\n.fa-wifi-3:before,\n.fa-wifi-strong:before,\n.fa-wifi:before {\n\tcontent: '\\f1eb';\n}\n.fa-wind:before {\n\tcontent: '\\f72e';\n}\n.fa-window-maximize:before {\n\tcontent: '\\f2d0';\n}\n.fa-window-minimize:before {\n\tcontent: '\\f2d1';\n}\n.fa-window-restore:before {\n\tcontent: '\\f2d2';\n}\n.fa-wine-bottle:before {\n\tcontent: '\\f72f';\n}\n.fa-wine-glass:before {\n\tcontent: '\\f4e3';\n}\n.fa-wine-glass-alt:before,\n.fa-wine-glass-empty:before {\n\tcontent: '\\f5ce';\n}\n.fa-krw:before,\n.fa-won-sign:before,\n.fa-won:before {\n\tcontent: '\\f159';\n}\n.fa-wrench:before {\n\tcontent: '\\f0ad';\n}\n.fa-x:before {\n\tcontent: '\\58';\n}\n.fa-x-ray:before {\n\tcontent: '\\f497';\n}\n.fa-close:before,\n.fa-multiply:before,\n.fa-remove:before,\n.fa-times:before,\n.fa-xmark:before {\n\tcontent: '\\f00d';\n}\n.fa-y:before {\n\tcontent: '\\59';\n}\n.fa-cny:before,\n.fa-jpy:before,\n.fa-rmb:before,\n.fa-yen-sign:before,\n.fa-yen:before {\n\tcontent: '\\f157';\n}\n.fa-yin-yang:before {\n\tcontent: '\\f6ad';\n}\n.fa-z:before {\n\tcontent: '\\5a';\n}\n.fa-sr-only,\n.fa-sr-only-focusable:not(:focus),\n.sr-only,\n.sr-only-focusable:not(:focus) {\n\tposition: absolute;\n\twidth: 1px;\n\theight: 1px;\n\tpadding: 0;\n\tmargin: -1px;\n\toverflow: hidden;\n\tclip: rect(0, 0, 0, 0);\n\twhite-space: nowrap;\n\tborder-width: 0;\n}\n@font-face {\n\tfont-family: 'Font Awesome 6 Brands';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-display: block;\n\tsrc: url(/webfonts/fa-brands-400.woff2) format('woff2'),\n\t\turl(/webfonts/fa-brands-400.ttf) format('truetype');\n}\n.fa-brands,\n.fab {\n\tfont-family: 'Font Awesome 6 Brands';\n\tfont-weight: 400;\n}\n.fa-42-group:before,\n.fa-innosoft:before {\n\tcontent: '\\e080';\n}\n.fa-500px:before {\n\tcontent: '\\f26e';\n}\n.fa-accessible-icon:before {\n\tcontent: '\\f368';\n}\n.fa-accusoft:before {\n\tcontent: '\\f369';\n}\n.fa-acquisitions-incorporated:before {\n\tcontent: '\\f6af';\n}\n.fa-adn:before {\n\tcontent: '\\f170';\n}\n.fa-adversal:before {\n\tcontent: '\\f36a';\n}\n.fa-affiliatetheme:before {\n\tcontent: '\\f36b';\n}\n.fa-airbnb:before {\n\tcontent: '\\f834';\n}\n.fa-algolia:before {\n\tcontent: '\\f36c';\n}\n.fa-alipay:before {\n\tcontent: '\\f642';\n}\n.fa-amazon:before {\n\tcontent: '\\f270';\n}\n.fa-amazon-pay:before {\n\tcontent: '\\f42c';\n}\n.fa-amilia:before {\n\tcontent: '\\f36d';\n}\n.fa-android:before {\n\tcontent: '\\f17b';\n}\n.fa-angellist:before {\n\tcontent: '\\f209';\n}\n.fa-angrycreative:before {\n\tcontent: '\\f36e';\n}\n.fa-angular:before {\n\tcontent: '\\f420';\n}\n.fa-app-store:before {\n\tcontent: '\\f36f';\n}\n.fa-app-store-ios:before {\n\tcontent: '\\f370';\n}\n.fa-apper:before {\n\tcontent: '\\f371';\n}\n.fa-apple:before {\n\tcontent: '\\f179';\n}\n.fa-apple-pay:before {\n\tcontent: '\\f415';\n}\n.fa-artstation:before {\n\tcontent: '\\f77a';\n}\n.fa-asymmetrik:before {\n\tcontent: '\\f372';\n}\n.fa-atlassian:before {\n\tcontent: '\\f77b';\n}\n.fa-audible:before {\n\tcontent: '\\f373';\n}\n.fa-autoprefixer:before {\n\tcontent: '\\f41c';\n}\n.fa-avianex:before {\n\tcontent: '\\f374';\n}\n.fa-aviato:before {\n\tcontent: '\\f421';\n}\n.fa-aws:before {\n\tcontent: '\\f375';\n}\n.fa-bandcamp:before {\n\tcontent: '\\f2d5';\n}\n.fa-battle-net:before {\n\tcontent: '\\f835';\n}\n.fa-behance:before {\n\tcontent: '\\f1b4';\n}\n.fa-behance-square:before {\n\tcontent: '\\f1b5';\n}\n.fa-bilibili:before {\n\tcontent: '\\e3d9';\n}\n.fa-bimobject:before {\n\tcontent: '\\f378';\n}\n.fa-bitbucket:before {\n\tcontent: '\\f171';\n}\n.fa-bitcoin:before {\n\tcontent: '\\f379';\n}\n.fa-bity:before {\n\tcontent: '\\f37a';\n}\n.fa-black-tie:before {\n\tcontent: '\\f27e';\n}\n.fa-blackberry:before {\n\tcontent: '\\f37b';\n}\n.fa-blogger:before {\n\tcontent: '\\f37c';\n}\n.fa-blogger-b:before {\n\tcontent: '\\f37d';\n}\n.fa-bluetooth:before {\n\tcontent: '\\f293';\n}\n.fa-bluetooth-b:before {\n\tcontent: '\\f294';\n}\n.fa-bootstrap:before {\n\tcontent: '\\f836';\n}\n.fa-bots:before {\n\tcontent: '\\e340';\n}\n.fa-btc:before {\n\tcontent: '\\f15a';\n}\n.fa-buffer:before {\n\tcontent: '\\f837';\n}\n.fa-buromobelexperte:before {\n\tcontent: '\\f37f';\n}\n.fa-buy-n-large:before {\n\tcontent: '\\f8a6';\n}\n.fa-buysellads:before {\n\tcontent: '\\f20d';\n}\n.fa-canadian-maple-leaf:before {\n\tcontent: '\\f785';\n}\n.fa-cc-amazon-pay:before {\n\tcontent: '\\f42d';\n}\n.fa-cc-amex:before {\n\tcontent: '\\f1f3';\n}\n.fa-cc-apple-pay:before {\n\tcontent: '\\f416';\n}\n.fa-cc-diners-club:before {\n\tcontent: '\\f24c';\n}\n.fa-cc-discover:before {\n\tcontent: '\\f1f2';\n}\n.fa-cc-jcb:before {\n\tcontent: '\\f24b';\n}\n.fa-cc-mastercard:before {\n\tcontent: '\\f1f1';\n}\n.fa-cc-paypal:before {\n\tcontent: '\\f1f4';\n}\n.fa-cc-stripe:before {\n\tcontent: '\\f1f5';\n}\n.fa-cc-visa:before {\n\tcontent: '\\f1f0';\n}\n.fa-centercode:before {\n\tcontent: '\\f380';\n}\n.fa-centos:before {\n\tcontent: '\\f789';\n}\n.fa-chrome:before {\n\tcontent: '\\f268';\n}\n.fa-chromecast:before {\n\tcontent: '\\f838';\n}\n.fa-cloudflare:before {\n\tcontent: '\\e07d';\n}\n.fa-cloudscale:before {\n\tcontent: '\\f383';\n}\n.fa-cloudsmith:before {\n\tcontent: '\\f384';\n}\n.fa-cloudversify:before {\n\tcontent: '\\f385';\n}\n.fa-cmplid:before {\n\tcontent: '\\e360';\n}\n.fa-codepen:before {\n\tcontent: '\\f1cb';\n}\n.fa-codiepie:before {\n\tcontent: '\\f284';\n}\n.fa-confluence:before {\n\tcontent: '\\f78d';\n}\n.fa-connectdevelop:before {\n\tcontent: '\\f20e';\n}\n.fa-contao:before {\n\tcontent: '\\f26d';\n}\n.fa-cotton-bureau:before {\n\tcontent: '\\f89e';\n}\n.fa-cpanel:before {\n\tcontent: '\\f388';\n}\n.fa-creative-commons:before {\n\tcontent: '\\f25e';\n}\n.fa-creative-commons-by:before {\n\tcontent: '\\f4e7';\n}\n.fa-creative-commons-nc:before {\n\tcontent: '\\f4e8';\n}\n.fa-creative-commons-nc-eu:before {\n\tcontent: '\\f4e9';\n}\n.fa-creative-commons-nc-jp:before {\n\tcontent: '\\f4ea';\n}\n.fa-creative-commons-nd:before {\n\tcontent: '\\f4eb';\n}\n.fa-creative-commons-pd:before {\n\tcontent: '\\f4ec';\n}\n.fa-creative-commons-pd-alt:before {\n\tcontent: '\\f4ed';\n}\n.fa-creative-commons-remix:before {\n\tcontent: '\\f4ee';\n}\n.fa-creative-commons-sa:before {\n\tcontent: '\\f4ef';\n}\n.fa-creative-commons-sampling:before {\n\tcontent: '\\f4f0';\n}\n.fa-creative-commons-sampling-plus:before {\n\tcontent: '\\f4f1';\n}\n.fa-creative-commons-share:before {\n\tcontent: '\\f4f2';\n}\n.fa-creative-commons-zero:before {\n\tcontent: '\\f4f3';\n}\n.fa-critical-role:before {\n\tcontent: '\\f6c9';\n}\n.fa-css3:before {\n\tcontent: '\\f13c';\n}\n.fa-css3-alt:before {\n\tcontent: '\\f38b';\n}\n.fa-cuttlefish:before {\n\tcontent: '\\f38c';\n}\n.fa-d-and-d:before {\n\tcontent: '\\f38d';\n}\n.fa-d-and-d-beyond:before {\n\tcontent: '\\f6ca';\n}\n.fa-dailymotion:before {\n\tcontent: '\\e052';\n}\n.fa-dashcube:before {\n\tcontent: '\\f210';\n}\n.fa-deezer:before {\n\tcontent: '\\e077';\n}\n.fa-delicious:before {\n\tcontent: '\\f1a5';\n}\n.fa-deploydog:before {\n\tcontent: '\\f38e';\n}\n.fa-deskpro:before {\n\tcontent: '\\f38f';\n}\n.fa-dev:before {\n\tcontent: '\\f6cc';\n}\n.fa-deviantart:before {\n\tcontent: '\\f1bd';\n}\n.fa-dhl:before {\n\tcontent: '\\f790';\n}\n.fa-diaspora:before {\n\tcontent: '\\f791';\n}\n.fa-digg:before {\n\tcontent: '\\f1a6';\n}\n.fa-digital-ocean:before {\n\tcontent: '\\f391';\n}\n.fa-discord:before {\n\tcontent: '\\f392';\n}\n.fa-discourse:before {\n\tcontent: '\\f393';\n}\n.fa-dochub:before {\n\tcontent: '\\f394';\n}\n.fa-docker:before {\n\tcontent: '\\f395';\n}\n.fa-draft2digital:before {\n\tcontent: '\\f396';\n}\n.fa-dribbble:before {\n\tcontent: '\\f17d';\n}\n.fa-dribbble-square:before {\n\tcontent: '\\f397';\n}\n.fa-dropbox:before {\n\tcontent: '\\f16b';\n}\n.fa-drupal:before {\n\tcontent: '\\f1a9';\n}\n.fa-dyalog:before {\n\tcontent: '\\f399';\n}\n.fa-earlybirds:before {\n\tcontent: '\\f39a';\n}\n.fa-ebay:before {\n\tcontent: '\\f4f4';\n}\n.fa-edge:before {\n\tcontent: '\\f282';\n}\n.fa-edge-legacy:before {\n\tcontent: '\\e078';\n}\n.fa-elementor:before {\n\tcontent: '\\f430';\n}\n.fa-ello:before {\n\tcontent: '\\f5f1';\n}\n.fa-ember:before {\n\tcontent: '\\f423';\n}\n.fa-empire:before {\n\tcontent: '\\f1d1';\n}\n.fa-envira:before {\n\tcontent: '\\f299';\n}\n.fa-erlang:before {\n\tcontent: '\\f39d';\n}\n.fa-ethereum:before {\n\tcontent: '\\f42e';\n}\n.fa-etsy:before {\n\tcontent: '\\f2d7';\n}\n.fa-evernote:before {\n\tcontent: '\\f839';\n}\n.fa-expeditedssl:before {\n\tcontent: '\\f23e';\n}\n.fa-facebook:before {\n\tcontent: '\\f09a';\n}\n.fa-facebook-f:before {\n\tcontent: '\\f39e';\n}\n.fa-facebook-messenger:before {\n\tcontent: '\\f39f';\n}\n.fa-facebook-square:before {\n\tcontent: '\\f082';\n}\n.fa-fantasy-flight-games:before {\n\tcontent: '\\f6dc';\n}\n.fa-fedex:before {\n\tcontent: '\\f797';\n}\n.fa-fedora:before {\n\tcontent: '\\f798';\n}\n.fa-figma:before {\n\tcontent: '\\f799';\n}\n.fa-firefox:before {\n\tcontent: '\\f269';\n}\n.fa-firefox-browser:before {\n\tcontent: '\\e007';\n}\n.fa-first-order:before {\n\tcontent: '\\f2b0';\n}\n.fa-first-order-alt:before {\n\tcontent: '\\f50a';\n}\n.fa-firstdraft:before {\n\tcontent: '\\f3a1';\n}\n.fa-flickr:before {\n\tcontent: '\\f16e';\n}\n.fa-flipboard:before {\n\tcontent: '\\f44d';\n}\n.fa-fly:before {\n\tcontent: '\\f417';\n}\n.fa-font-awesome-flag:before,\n.fa-font-awesome-logo-full:before,\n.fa-font-awesome:before {\n\tcontent: '\\f2b4';\n}\n.fa-fonticons:before {\n\tcontent: '\\f280';\n}\n.fa-fonticons-fi:before {\n\tcontent: '\\f3a2';\n}\n.fa-fort-awesome:before {\n\tcontent: '\\f286';\n}\n.fa-fort-awesome-alt:before {\n\tcontent: '\\f3a3';\n}\n.fa-forumbee:before {\n\tcontent: '\\f211';\n}\n.fa-foursquare:before {\n\tcontent: '\\f180';\n}\n.fa-free-code-camp:before {\n\tcontent: '\\f2c5';\n}\n.fa-freebsd:before {\n\tcontent: '\\f3a4';\n}\n.fa-fulcrum:before {\n\tcontent: '\\f50b';\n}\n.fa-galactic-republic:before {\n\tcontent: '\\f50c';\n}\n.fa-galactic-senate:before {\n\tcontent: '\\f50d';\n}\n.fa-get-pocket:before {\n\tcontent: '\\f265';\n}\n.fa-gg:before {\n\tcontent: '\\f260';\n}\n.fa-gg-circle:before {\n\tcontent: '\\f261';\n}\n.fa-git:before {\n\tcontent: '\\f1d3';\n}\n.fa-git-alt:before {\n\tcontent: '\\f841';\n}\n.fa-git-square:before {\n\tcontent: '\\f1d2';\n}\n.fa-github:before {\n\tcontent: '\\f09b';\n}\n.fa-github-alt:before {\n\tcontent: '\\f113';\n}\n.fa-github-square:before {\n\tcontent: '\\f092';\n}\n.fa-gitkraken:before {\n\tcontent: '\\f3a6';\n}\n.fa-gitlab:before {\n\tcontent: '\\f296';\n}\n.fa-gitter:before {\n\tcontent: '\\f426';\n}\n.fa-glide:before {\n\tcontent: '\\f2a5';\n}\n.fa-glide-g:before {\n\tcontent: '\\f2a6';\n}\n.fa-gofore:before {\n\tcontent: '\\f3a7';\n}\n.fa-golang:before {\n\tcontent: '\\e40f';\n}\n.fa-goodreads:before {\n\tcontent: '\\f3a8';\n}\n.fa-goodreads-g:before {\n\tcontent: '\\f3a9';\n}\n.fa-google:before {\n\tcontent: '\\f1a0';\n}\n.fa-google-drive:before {\n\tcontent: '\\f3aa';\n}\n.fa-google-pay:before {\n\tcontent: '\\e079';\n}\n.fa-google-play:before {\n\tcontent: '\\f3ab';\n}\n.fa-google-plus:before {\n\tcontent: '\\f2b3';\n}\n.fa-google-plus-g:before {\n\tcontent: '\\f0d5';\n}\n.fa-google-plus-square:before {\n\tcontent: '\\f0d4';\n}\n.fa-google-wallet:before {\n\tcontent: '\\f1ee';\n}\n.fa-gratipay:before {\n\tcontent: '\\f184';\n}\n.fa-grav:before {\n\tcontent: '\\f2d6';\n}\n.fa-gripfire:before {\n\tcontent: '\\f3ac';\n}\n.fa-grunt:before {\n\tcontent: '\\f3ad';\n}\n.fa-guilded:before {\n\tcontent: '\\e07e';\n}\n.fa-gulp:before {\n\tcontent: '\\f3ae';\n}\n.fa-hacker-news:before {\n\tcontent: '\\f1d4';\n}\n.fa-hacker-news-square:before {\n\tcontent: '\\f3af';\n}\n.fa-hackerrank:before {\n\tcontent: '\\f5f7';\n}\n.fa-hips:before {\n\tcontent: '\\f452';\n}\n.fa-hire-a-helper:before {\n\tcontent: '\\f3b0';\n}\n.fa-hive:before {\n\tcontent: '\\e07f';\n}\n.fa-hooli:before {\n\tcontent: '\\f427';\n}\n.fa-hornbill:before {\n\tcontent: '\\f592';\n}\n.fa-hotjar:before {\n\tcontent: '\\f3b1';\n}\n.fa-houzz:before {\n\tcontent: '\\f27c';\n}\n.fa-html5:before {\n\tcontent: '\\f13b';\n}\n.fa-hubspot:before {\n\tcontent: '\\f3b2';\n}\n.fa-ideal:before {\n\tcontent: '\\e013';\n}\n.fa-imdb:before {\n\tcontent: '\\f2d8';\n}\n.fa-instagram:before {\n\tcontent: '\\f16d';\n}\n.fa-instagram-square:before {\n\tcontent: '\\e055';\n}\n.fa-instalod:before {\n\tcontent: '\\e081';\n}\n.fa-intercom:before {\n\tcontent: '\\f7af';\n}\n.fa-internet-explorer:before {\n\tcontent: '\\f26b';\n}\n.fa-invision:before {\n\tcontent: '\\f7b0';\n}\n.fa-ioxhost:before {\n\tcontent: '\\f208';\n}\n.fa-itch-io:before {\n\tcontent: '\\f83a';\n}\n.fa-itunes:before {\n\tcontent: '\\f3b4';\n}\n.fa-itunes-note:before {\n\tcontent: '\\f3b5';\n}\n.fa-java:before {\n\tcontent: '\\f4e4';\n}\n.fa-jedi-order:before {\n\tcontent: '\\f50e';\n}\n.fa-jenkins:before {\n\tcontent: '\\f3b6';\n}\n.fa-jira:before {\n\tcontent: '\\f7b1';\n}\n.fa-joget:before {\n\tcontent: '\\f3b7';\n}\n.fa-joomla:before {\n\tcontent: '\\f1aa';\n}\n.fa-js:before {\n\tcontent: '\\f3b8';\n}\n.fa-js-square:before {\n\tcontent: '\\f3b9';\n}\n.fa-jsfiddle:before {\n\tcontent: '\\f1cc';\n}\n.fa-kaggle:before {\n\tcontent: '\\f5fa';\n}\n.fa-keybase:before {\n\tcontent: '\\f4f5';\n}\n.fa-keycdn:before {\n\tcontent: '\\f3ba';\n}\n.fa-kickstarter:before {\n\tcontent: '\\f3bb';\n}\n.fa-kickstarter-k:before {\n\tcontent: '\\f3bc';\n}\n.fa-korvue:before {\n\tcontent: '\\f42f';\n}\n.fa-laravel:before {\n\tcontent: '\\f3bd';\n}\n.fa-lastfm:before {\n\tcontent: '\\f202';\n}\n.fa-lastfm-square:before {\n\tcontent: '\\f203';\n}\n.fa-leanpub:before {\n\tcontent: '\\f212';\n}\n.fa-less:before {\n\tcontent: '\\f41d';\n}\n.fa-line:before {\n\tcontent: '\\f3c0';\n}\n.fa-linkedin:before {\n\tcontent: '\\f08c';\n}\n.fa-linkedin-in:before {\n\tcontent: '\\f0e1';\n}\n.fa-linode:before {\n\tcontent: '\\f2b8';\n}\n.fa-linux:before {\n\tcontent: '\\f17c';\n}\n.fa-lyft:before {\n\tcontent: '\\f3c3';\n}\n.fa-magento:before {\n\tcontent: '\\f3c4';\n}\n.fa-mailchimp:before {\n\tcontent: '\\f59e';\n}\n.fa-mandalorian:before {\n\tcontent: '\\f50f';\n}\n.fa-markdown:before {\n\tcontent: '\\f60f';\n}\n.fa-mastodon:before {\n\tcontent: '\\f4f6';\n}\n.fa-maxcdn:before {\n\tcontent: '\\f136';\n}\n.fa-mdb:before {\n\tcontent: '\\f8ca';\n}\n.fa-medapps:before {\n\tcontent: '\\f3c6';\n}\n.fa-medium-m:before,\n.fa-medium:before {\n\tcontent: '\\f23a';\n}\n.fa-medrt:before {\n\tcontent: '\\f3c8';\n}\n.fa-meetup:before {\n\tcontent: '\\f2e0';\n}\n.fa-megaport:before {\n\tcontent: '\\f5a3';\n}\n.fa-mendeley:before {\n\tcontent: '\\f7b3';\n}\n.fa-microblog:before {\n\tcontent: '\\e01a';\n}\n.fa-microsoft:before {\n\tcontent: '\\f3ca';\n}\n.fa-mix:before {\n\tcontent: '\\f3cb';\n}\n.fa-mixcloud:before {\n\tcontent: '\\f289';\n}\n.fa-mixer:before {\n\tcontent: '\\e056';\n}\n.fa-mizuni:before {\n\tcontent: '\\f3cc';\n}\n.fa-modx:before {\n\tcontent: '\\f285';\n}\n.fa-monero:before {\n\tcontent: '\\f3d0';\n}\n.fa-napster:before {\n\tcontent: '\\f3d2';\n}\n.fa-neos:before {\n\tcontent: '\\f612';\n}\n.fa-nimblr:before {\n\tcontent: '\\f5a8';\n}\n.fa-node:before {\n\tcontent: '\\f419';\n}\n.fa-node-js:before {\n\tcontent: '\\f3d3';\n}\n.fa-npm:before {\n\tcontent: '\\f3d4';\n}\n.fa-ns8:before {\n\tcontent: '\\f3d5';\n}\n.fa-nutritionix:before {\n\tcontent: '\\f3d6';\n}\n.fa-octopus-deploy:before {\n\tcontent: '\\e082';\n}\n.fa-odnoklassniki:before {\n\tcontent: '\\f263';\n}\n.fa-odnoklassniki-square:before {\n\tcontent: '\\f264';\n}\n.fa-old-republic:before {\n\tcontent: '\\f510';\n}\n.fa-opencart:before {\n\tcontent: '\\f23d';\n}\n.fa-openid:before {\n\tcontent: '\\f19b';\n}\n.fa-opera:before {\n\tcontent: '\\f26a';\n}\n.fa-optin-monster:before {\n\tcontent: '\\f23c';\n}\n.fa-orcid:before {\n\tcontent: '\\f8d2';\n}\n.fa-osi:before {\n\tcontent: '\\f41a';\n}\n.fa-page4:before {\n\tcontent: '\\f3d7';\n}\n.fa-pagelines:before {\n\tcontent: '\\f18c';\n}\n.fa-palfed:before {\n\tcontent: '\\f3d8';\n}\n.fa-patreon:before {\n\tcontent: '\\f3d9';\n}\n.fa-paypal:before {\n\tcontent: '\\f1ed';\n}\n.fa-penny-arcade:before {\n\tcontent: '\\f704';\n}\n.fa-perbyte:before {\n\tcontent: '\\e083';\n}\n.fa-periscope:before {\n\tcontent: '\\f3da';\n}\n.fa-phabricator:before {\n\tcontent: '\\f3db';\n}\n.fa-phoenix-framework:before {\n\tcontent: '\\f3dc';\n}\n.fa-phoenix-squadron:before {\n\tcontent: '\\f511';\n}\n.fa-php:before {\n\tcontent: '\\f457';\n}\n.fa-pied-piper:before {\n\tcontent: '\\f2ae';\n}\n.fa-pied-piper-alt:before {\n\tcontent: '\\f1a8';\n}\n.fa-pied-piper-hat:before {\n\tcontent: '\\f4e5';\n}\n.fa-pied-piper-pp:before {\n\tcontent: '\\f1a7';\n}\n.fa-pied-piper-square:before {\n\tcontent: '\\e01e';\n}\n.fa-pinterest:before {\n\tcontent: '\\f0d2';\n}\n.fa-pinterest-p:before {\n\tcontent: '\\f231';\n}\n.fa-pinterest-square:before {\n\tcontent: '\\f0d3';\n}\n.fa-pix:before {\n\tcontent: '\\e43a';\n}\n.fa-playstation:before {\n\tcontent: '\\f3df';\n}\n.fa-product-hunt:before {\n\tcontent: '\\f288';\n}\n.fa-pushed:before {\n\tcontent: '\\f3e1';\n}\n.fa-python:before {\n\tcontent: '\\f3e2';\n}\n.fa-qq:before {\n\tcontent: '\\f1d6';\n}\n.fa-quinscape:before {\n\tcontent: '\\f459';\n}\n.fa-quora:before {\n\tcontent: '\\f2c4';\n}\n.fa-r-project:before {\n\tcontent: '\\f4f7';\n}\n.fa-raspberry-pi:before {\n\tcontent: '\\f7bb';\n}\n.fa-ravelry:before {\n\tcontent: '\\f2d9';\n}\n.fa-react:before {\n\tcontent: '\\f41b';\n}\n.fa-reacteurope:before {\n\tcontent: '\\f75d';\n}\n.fa-readme:before {\n\tcontent: '\\f4d5';\n}\n.fa-rebel:before {\n\tcontent: '\\f1d0';\n}\n.fa-red-river:before {\n\tcontent: '\\f3e3';\n}\n.fa-reddit:before {\n\tcontent: '\\f1a1';\n}\n.fa-reddit-alien:before {\n\tcontent: '\\f281';\n}\n.fa-reddit-square:before {\n\tcontent: '\\f1a2';\n}\n.fa-redhat:before {\n\tcontent: '\\f7bc';\n}\n.fa-renren:before {\n\tcontent: '\\f18b';\n}\n.fa-replyd:before {\n\tcontent: '\\f3e6';\n}\n.fa-researchgate:before {\n\tcontent: '\\f4f8';\n}\n.fa-resolving:before {\n\tcontent: '\\f3e7';\n}\n.fa-rev:before {\n\tcontent: '\\f5b2';\n}\n.fa-rocketchat:before {\n\tcontent: '\\f3e8';\n}\n.fa-rockrms:before {\n\tcontent: '\\f3e9';\n}\n.fa-rust:before {\n\tcontent: '\\e07a';\n}\n.fa-safari:before {\n\tcontent: '\\f267';\n}\n.fa-salesforce:before {\n\tcontent: '\\f83b';\n}\n.fa-sass:before {\n\tcontent: '\\f41e';\n}\n.fa-schlix:before {\n\tcontent: '\\f3ea';\n}\n.fa-scribd:before {\n\tcontent: '\\f28a';\n}\n.fa-searchengin:before {\n\tcontent: '\\f3eb';\n}\n.fa-sellcast:before {\n\tcontent: '\\f2da';\n}\n.fa-sellsy:before {\n\tcontent: '\\f213';\n}\n.fa-servicestack:before {\n\tcontent: '\\f3ec';\n}\n.fa-shirtsinbulk:before {\n\tcontent: '\\f214';\n}\n.fa-shopify:before {\n\tcontent: '\\e057';\n}\n.fa-shopware:before {\n\tcontent: '\\f5b5';\n}\n.fa-simplybuilt:before {\n\tcontent: '\\f215';\n}\n.fa-sistrix:before {\n\tcontent: '\\f3ee';\n}\n.fa-sith:before {\n\tcontent: '\\f512';\n}\n.fa-sitrox:before {\n\tcontent: '\\e44a';\n}\n.fa-sketch:before {\n\tcontent: '\\f7c6';\n}\n.fa-skyatlas:before {\n\tcontent: '\\f216';\n}\n.fa-skype:before {\n\tcontent: '\\f17e';\n}\n.fa-slack-hash:before,\n.fa-slack:before {\n\tcontent: '\\f198';\n}\n.fa-slideshare:before {\n\tcontent: '\\f1e7';\n}\n.fa-snapchat-ghost:before,\n.fa-snapchat:before {\n\tcontent: '\\f2ab';\n}\n.fa-snapchat-square:before {\n\tcontent: '\\f2ad';\n}\n.fa-soundcloud:before {\n\tcontent: '\\f1be';\n}\n.fa-sourcetree:before {\n\tcontent: '\\f7d3';\n}\n.fa-speakap:before {\n\tcontent: '\\f3f3';\n}\n.fa-speaker-deck:before {\n\tcontent: '\\f83c';\n}\n.fa-spotify:before {\n\tcontent: '\\f1bc';\n}\n.fa-square-font-awesome:before {\n\tcontent: '\\f425';\n}\n.fa-font-awesome-alt:before,\n.fa-square-font-awesome-stroke:before {\n\tcontent: '\\f35c';\n}\n.fa-squarespace:before {\n\tcontent: '\\f5be';\n}\n.fa-stack-exchange:before {\n\tcontent: '\\f18d';\n}\n.fa-stack-overflow:before {\n\tcontent: '\\f16c';\n}\n.fa-stackpath:before {\n\tcontent: '\\f842';\n}\n.fa-staylinked:before {\n\tcontent: '\\f3f5';\n}\n.fa-steam:before {\n\tcontent: '\\f1b6';\n}\n.fa-steam-square:before {\n\tcontent: '\\f1b7';\n}\n.fa-steam-symbol:before {\n\tcontent: '\\f3f6';\n}\n.fa-sticker-mule:before {\n\tcontent: '\\f3f7';\n}\n.fa-strava:before {\n\tcontent: '\\f428';\n}\n.fa-stripe:before {\n\tcontent: '\\f429';\n}\n.fa-stripe-s:before {\n\tcontent: '\\f42a';\n}\n.fa-studiovinari:before {\n\tcontent: '\\f3f8';\n}\n.fa-stumbleupon:before {\n\tcontent: '\\f1a4';\n}\n.fa-stumbleupon-circle:before {\n\tcontent: '\\f1a3';\n}\n.fa-superpowers:before {\n\tcontent: '\\f2dd';\n}\n.fa-supple:before {\n\tcontent: '\\f3f9';\n}\n.fa-suse:before {\n\tcontent: '\\f7d6';\n}\n.fa-swift:before {\n\tcontent: '\\f8e1';\n}\n.fa-symfony:before {\n\tcontent: '\\f83d';\n}\n.fa-teamspeak:before {\n\tcontent: '\\f4f9';\n}\n.fa-telegram-plane:before,\n.fa-telegram:before {\n\tcontent: '\\f2c6';\n}\n.fa-tencent-weibo:before {\n\tcontent: '\\f1d5';\n}\n.fa-the-red-yeti:before {\n\tcontent: '\\f69d';\n}\n.fa-themeco:before {\n\tcontent: '\\f5c6';\n}\n.fa-themeisle:before {\n\tcontent: '\\f2b2';\n}\n.fa-think-peaks:before {\n\tcontent: '\\f731';\n}\n.fa-tiktok:before {\n\tcontent: '\\e07b';\n}\n.fa-trade-federation:before {\n\tcontent: '\\f513';\n}\n.fa-trello:before {\n\tcontent: '\\f181';\n}\n.fa-tumblr:before {\n\tcontent: '\\f173';\n}\n.fa-tumblr-square:before {\n\tcontent: '\\f174';\n}\n.fa-twitch:before {\n\tcontent: '\\f1e8';\n}\n.fa-twitter:before {\n\tcontent: '\\f099';\n}\n.fa-twitter-square:before {\n\tcontent: '\\f081';\n}\n.fa-typo3:before {\n\tcontent: '\\f42b';\n}\n.fa-uber:before {\n\tcontent: '\\f402';\n}\n.fa-ubuntu:before {\n\tcontent: '\\f7df';\n}\n.fa-uikit:before {\n\tcontent: '\\f403';\n}\n.fa-umbraco:before {\n\tcontent: '\\f8e8';\n}\n.fa-uncharted:before {\n\tcontent: '\\e084';\n}\n.fa-uniregistry:before {\n\tcontent: '\\f404';\n}\n.fa-unity:before {\n\tcontent: '\\e049';\n}\n.fa-unsplash:before {\n\tcontent: '\\e07c';\n}\n.fa-untappd:before {\n\tcontent: '\\f405';\n}\n.fa-ups:before {\n\tcontent: '\\f7e0';\n}\n.fa-usb:before {\n\tcontent: '\\f287';\n}\n.fa-usps:before {\n\tcontent: '\\f7e1';\n}\n.fa-ussunnah:before {\n\tcontent: '\\f407';\n}\n.fa-vaadin:before {\n\tcontent: '\\f408';\n}\n.fa-viacoin:before {\n\tcontent: '\\f237';\n}\n.fa-viadeo:before {\n\tcontent: '\\f2a9';\n}\n.fa-viadeo-square:before {\n\tcontent: '\\f2aa';\n}\n.fa-viber:before {\n\tcontent: '\\f409';\n}\n.fa-vimeo:before {\n\tcontent: '\\f40a';\n}\n.fa-vimeo-square:before {\n\tcontent: '\\f194';\n}\n.fa-vimeo-v:before {\n\tcontent: '\\f27d';\n}\n.fa-vine:before {\n\tcontent: '\\f1ca';\n}\n.fa-vk:before {\n\tcontent: '\\f189';\n}\n.fa-vnv:before {\n\tcontent: '\\f40b';\n}\n.fa-vuejs:before {\n\tcontent: '\\f41f';\n}\n.fa-watchman-monitoring:before {\n\tcontent: '\\e087';\n}\n.fa-waze:before {\n\tcontent: '\\f83f';\n}\n.fa-weebly:before {\n\tcontent: '\\f5cc';\n}\n.fa-weibo:before {\n\tcontent: '\\f18a';\n}\n.fa-weixin:before {\n\tcontent: '\\f1d7';\n}\n.fa-whatsapp:before {\n\tcontent: '\\f232';\n}\n.fa-whatsapp-square:before {\n\tcontent: '\\f40c';\n}\n.fa-whmcs:before {\n\tcontent: '\\f40d';\n}\n.fa-wikipedia-w:before {\n\tcontent: '\\f266';\n}\n.fa-windows:before {\n\tcontent: '\\f17a';\n}\n.fa-wirsindhandwerk:before,\n.fa-wsh:before {\n\tcontent: '\\e2d0';\n}\n.fa-wix:before {\n\tcontent: '\\f5cf';\n}\n.fa-wizards-of-the-coast:before {\n\tcontent: '\\f730';\n}\n.fa-wodu:before {\n\tcontent: '\\e088';\n}\n.fa-wolf-pack-battalion:before {\n\tcontent: '\\f514';\n}\n.fa-wordpress:before {\n\tcontent: '\\f19a';\n}\n.fa-wordpress-simple:before {\n\tcontent: '\\f411';\n}\n.fa-wpbeginner:before {\n\tcontent: '\\f297';\n}\n.fa-wpexplorer:before {\n\tcontent: '\\f2de';\n}\n.fa-wpforms:before {\n\tcontent: '\\f298';\n}\n.fa-wpressr:before {\n\tcontent: '\\f3e4';\n}\n.fa-xbox:before {\n\tcontent: '\\f412';\n}\n.fa-xing:before {\n\tcontent: '\\f168';\n}\n.fa-xing-square:before {\n\tcontent: '\\f169';\n}\n.fa-y-combinator:before {\n\tcontent: '\\f23b';\n}\n.fa-yahoo:before {\n\tcontent: '\\f19e';\n}\n.fa-yammer:before {\n\tcontent: '\\f840';\n}\n.fa-yandex:before {\n\tcontent: '\\f413';\n}\n.fa-yandex-international:before {\n\tcontent: '\\f414';\n}\n.fa-yarn:before {\n\tcontent: '\\f7e3';\n}\n.fa-yelp:before {\n\tcontent: '\\f1e9';\n}\n.fa-yoast:before {\n\tcontent: '\\f2b1';\n}\n.fa-youtube:before {\n\tcontent: '\\f167';\n}\n.fa-youtube-square:before {\n\tcontent: '\\f431';\n}\n.fa-zhihu:before {\n\tcontent: '\\f63f';\n}\n@font-face {\n\tfont-family: 'Font Awesome 6 Free';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-display: block;\n\tsrc: url(/webfonts/fa-regular-400.woff2) format('woff2'),\n\t\turl(/webfonts/fa-regular-400.ttf) format('truetype');\n}\n.fa-regular,\n.far {\n\tfont-weight: 400;\n}\n@font-face {\n\tfont-family: 'Font Awesome 6 Free';\n\tfont-style: normal;\n\tfont-weight: 900;\n\tfont-display: block;\n\tsrc: url(/webfonts/fa-solid-900.woff2) format('woff2'),\n\t\turl(/webfonts/fa-solid-900.ttf) format('truetype');\n}\n.fa-regular,\n.fa-solid,\n.far,\n.fas {\n\tfont-family: 'Font Awesome 6 Free';\n}\n.fa-solid,\n.fas {\n\tfont-weight: 900;\n}\n"
  },
  {
    "path": "src/styles/media.pcss",
    "content": "@custom-media --mq-phablet-min (min-width: 22.5rem); /* 360px */\n@custom-media --mq-phablet-max (max-width: 26.1875rem); /* 419px */\n@custom-media --mq-mobileLandscape-min (min-width: 35.5rem); /* 568px */\n@custom-media --mq-tablet-min (min-width: 48rem); /* 768px */\n@custom-media --mq-tablet-max (max-width: 64rem); /* 1024px */\n@custom-media --mq-desktop-min (min-width: 64.063rem); /* 1025 px */\n@custom-media --mq-desktop-max (max-width: 85.3125rem); /* 1365px */\n@custom-media --mq-desktopLarge-min (min-width: 85.375rem); /* 1366px */\n\n@custom-media --mq-heightLarge (min-width: 64rem) and (min-height: 68rem); /* 1088px */"
  },
  {
    "path": "src/styles/normalize.pcss",
    "content": "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n\tline-height: 1.15; /* 1 */\n\t-webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n\tmargin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n\tdisplay: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n\tfont-size: 2em;\n\tmargin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n\tbox-sizing: content-box; /* 1 */\n\theight: 0; /* 1 */\n\toverflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n\tfont-family: monospace, monospace; /* 1 */\n\tfont-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n\tbackground-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n\tborder-bottom: none; /* 1 */\n\ttext-decoration: underline; /* 2 */\n\ttext-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n\tfont-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n\tfont-family: monospace, monospace; /* 1 */\n\tfont-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n\tfont-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n\tfont-size: 75%;\n\tline-height: 0;\n\tposition: relative;\n\tvertical-align: baseline;\n}\n\nsub {\n\tbottom: -0.25em;\n}\n\nsup {\n\ttop: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n\tborder-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n\tfont-family: inherit; /* 1 */\n\tfont-size: 100%; /* 1 */\n\tline-height: 1.15; /* 1 */\n\tmargin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n\t/* 1 */\n\toverflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n\t/* 1 */\n\ttext-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n\t-webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n\tborder-style: none;\n\tpadding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type='button']:-moz-focusring,\n[type='reset']:-moz-focusring,\n[type='submit']:-moz-focusring {\n\toutline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n\tpadding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n\tbox-sizing: border-box; /* 1 */\n\tcolor: inherit; /* 2 */\n\tdisplay: table; /* 1 */\n\tmax-width: 100%; /* 1 */\n\tpadding: 0; /* 3 */\n\twhite-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n\tvertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n\toverflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type='checkbox'],\n[type='radio'] {\n\tbox-sizing: border-box; /* 1 */\n\tpadding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n\theight: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type='search'] {\n\t-webkit-appearance: textfield; /* 1 */\n\toutline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type='search']::-webkit-search-decoration {\n\t-webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n\t-webkit-appearance: button; /* 1 */\n\tfont: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n\tdisplay: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n\tdisplay: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n\tdisplay: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n\tdisplay: none;\n}\n"
  },
  {
    "path": "src/styles/page.pcss",
    "content": "html {\n\tmin-height: 100%;\n}\n\nbody {\n\tbackground-color: var(--color-gray-dark);\n\tcolor: var(--color-gray-light);\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\nmain {\n\tflex-grow: 1;\n}\n"
  },
  {
    "path": "src/styles/range.pcss",
    "content": "input[type=range] {\n\tbackground: transparent;\n\t-webkit-appearance: none;\n\twidth: 100%;\n\tmargin-top: calc(var(--spacing-1) - var(--spacing-n4));\n  }\n  input[type=range]:focus {\n\toutline: none;\n  }\n  input[type=range]::-webkit-slider-runnable-track {\n\twidth: 100%;\n\theight: 4px;\n\tcursor: pointer;;\n\tbackground: var(--color-gray-medium);\n\tborder: 0.2px solid var(--color-gray-medium);\n  }\n  input[type=range]::-webkit-slider-thumb {\n\tborder: 1px solid var(--color-gray-light);\n\theight: 16px;\n\twidth: 16px;\n\tbackground: var(--color-gray-light);\n\tcursor: pointer;\n\t-webkit-appearance: none;\n\tmargin-top: -8px;\n\tborder-radius: 16px;\n  }\n  input[type=range]:focus::-webkit-slider-runnable-track {\n\tbackground: var(--color-gray-light);\n  }\n  input[type=range]::-moz-range-track {\n\twidth: 100%;\n\theight: 4px;\n\tcursor: pointer;\n\tbackground: var(--color-gray-medium);\n\tborder: 0.2px solid var(--color-gray-medium);\n  }\n  input[type=range]::-moz-range-thumb {\n\tborder: 1px solid var(--color-gray-light);\n\theight: 16px;\n\twidth: 16px;\n\tbackground: var(--color-gray-light);\n\tcursor: pointer;\n  }\n  input[type=range]::-ms-track {\n\twidth: 100%;\n\theight: 4px;\n\tcursor: pointer;\n\tbackground: transparent;\n\tborder-color: transparent;\n\tborder-width: 16px 0;\n\tcolor: transparent;\n  }\n  input[type=range]::-ms-fill-lower {\n\tbackground: var(--color-gray-light);\n\tborder: 0.2px solid var(--color-gray-light);\n  }\n  input[type=range]::-ms-fill-upper {\n\tbackground: var(--color-gray-light);\n\tborder: 0.2px solid var(--color-gray-light);\n  }\n  input[type=range]::-ms-thumb {\n\tborder: 1px solid var(--color-gray-light);\n\theight: 16px;\n\twidth: 16px;\n\tbackground: var(--color-gray-light);\n\tcursor: pointer;\n  }\n  input[type=range]:focus::-ms-fill-lower {\n\tbackground: var(--color-gray-light);\n  }\n  input[type=range]:focus::-ms-fill-upper {\n\tbackground: var(--color-gray-light);\n  }"
  },
  {
    "path": "src/styles/reset-custom.pcss",
    "content": "/*\n  1. Use a more-intuitive box-sizing model.\n*/\n*,\n*::before,\n*::after {\n\tbox-sizing: border-box;\n}\n/*\n    2. Remove default margin\n  */\n* {\n\tmargin: 0;\n}\n/*\n    3. Allow percentage-based heights in the application\n  */\nhtml,\nbody {\n\theight: 100%;\n}\n/*\n    Typographic tweaks!\n    4. Add accessible line-height\n    5. Improve text rendering\n  */\nbody {\n\tline-height: 1.5;\n\t-webkit-font-smoothing: antialiased;\n}\n/*\n    6. Improve media defaults\n  */\nimg,\npicture,\nvideo,\nsvg {\n\tdisplay: block;\n\tmax-width: 100%;\n}\n/*\n    7. Remove built-in form typography styles\n  */\ninput,\nbutton,\ntextarea,\nselect {\n\tfont: inherit;\n}\n/*\n    8. Avoid text overflows\n  */\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n\toverflow-wrap: break-word;\n}\n/*\n    9. Create a root stacking context\n  */\n#svelte {\n\tisolation: isolate;\n}\n"
  },
  {
    "path": "src/styles/scrollbar.pcss",
    "content": "\n::-webkit-scrollbar {\n    width: var(--spacing-n1);\n  }\n  \n\n  ::-webkit-scrollbar-track {\n    background: var(--color-gray-medium-faded);\n  }\n  \n\n  ::-webkit-scrollbar-thumb {\n    background: var(--color-gray-medium);\n    border-radius: var(--spacing-1);\n  }\n  \n\n  ::-webkit-scrollbar-thumb:hover {\n    background: var(--color-gray-medium);\n  }"
  },
  {
    "path": "src/styles/typography.pcss",
    "content": "body {\n\tfont-family: var(--font-family-secondary);\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-base);\n\tline-height: var(--typography-lineHeight);\n}\n\nh1,\nh2,\nh3 {\n\tfont-family: var(--font-family-primary);\n\tfont-weight: var(--font-weight-regular);\n\tcolor: var(--color-primary);\n\tline-height: 1.25;\n}\n"
  },
  {
    "path": "src/styles/variables.pcss",
    "content": ":root {\n\t--color-primary: hsl(308, 82%, 55%);\n\t--color-primary-tint: hsl(308, 82%, 40%);\n\t--color-primary-faded: hsl(308, 82%, 44%, 0.1);\n\n\t--color-secondary: hsl(169, 82%, 69%);\n\t--color-secondary-tint: hsl(182, 29%, 51%);\n\t--color-secondary-faded: hsla(182, 29%, 51%, 0.1);\n\n\t--color-tertiary: hsl(60, 82%, 47%);\n\t--color-tertiary-tint: hsl(60, 80%, 29%);\n\t--color-tertiary-faded: hsl(60, 80%, 29%, 0.15);\n\n\t--color-gray-dark: hsl(254, 21%, 20%);\n\t--color-gray-medium: hsl(246, 11%, 32%);\n\t--color-gray-light: hsl(215, 22%, 85%);\n\t--color-gray-lightest: hsl(215, 22%, 95%);\n\t--color-gray-light-faded: hsla(215, 22%, 85%, 0.7);\n\t--color-gray-medium-faded: hsl(246, 11%, 32%, 0.2);\n\n\t--font-family-primary: 'Ubuntu', sans-serif;\n\t--font-family-secondary: 'Nanum Gothic', sans-serif;\n\t--font-family-mono: 'Ubuntu Mono', monospace;\n\n\t--font-family-icons: 'Material Icons';\n\n\t--font-weight-regular: 400;\n\t--font-weight-semi-bold: 600;\n\t--font-weight-bold: 700;\n}\n\n:root {\n\t--typography-lineHeight: 1.5;\n\t--typography-fontSize-px: 16;\n\t--typography-scale: 1.414;\n\n\t--typography-fontSize: calc((var(--typography-fontSize-px) / 16));\n\n\t--typography-scale-1: var(--typography-scale);\n\t--typography-scale-2: calc(var(--typography-scale-1) * var(--typography-scale));\n\t--typography-scale-3: calc(var(--typography-scale-2) * var(--typography-scale));\n\t--typography-scale-4: calc(var(--typography-scale-3) * var(--typography-scale));\n\t--typography-scale-5: calc(var(--typography-scale-4) * var(--typography-scale));\n\t--typography-scale-6: calc(var(--typography-scale-5) * var(--typography-scale));\n\n\t--font-size-smallest: calc((1 / var(--typography-scale-3)) * 1rem);\n\t--font-size-smaller: calc((1 / var(--typography-scale-2)) * 1rem);\n\t--font-size-small: calc((1 / var(--typography-scale-1)) * 1rem);\n\t--font-size-base: 1rem;\n\t--font-size-medium: calc(var(--typography-scale-1) * 1rem);\n\t--font-size-larger: calc(var(--typography-scale-2) * 1rem);\n\t--font-size-large: calc(var(--typography-scale-3) * 1rem);\n\t--font-size-xlarge: calc(var(--typography-scale-4) * 1rem);\n\t--font-size-xxlarge: calc(var(--typography-scale-5) * 1rem);\n\t--font-size-xxxlarge: calc(var(--typography-scale-6) * 1rem);\n}\n\n:root {\n\t--rhythmUnit: calc(var(--typography-lineHeight) * 1rem);\n\t--spacing-n5: calc(var(--rhythmUnit) / 6);\n\t--spacing-n4: calc(var(--rhythmUnit) / 5);\n\t--spacing-n3: calc(var(--rhythmUnit) / 4);\n\t--spacing-n2: calc(var(--rhythmUnit) / 3);\n\t--spacing-n1: calc(var(--rhythmUnit) / 2);\n\t--spacing-1: var(--rhythmUnit);\n\t--spacing-2: calc(2 * var(--rhythmUnit));\n\t--spacing-3: calc(3 * var(--rhythmUnit));\n\t--spacing-4: calc(4 * var(--rhythmUnit));\n\t--spacing-5: calc(5 * var(--rhythmUnit));\n\t--spacing-6: calc(6 * var(--rhythmUnit));\n\t--spacing-7: calc(7 * var(--rhythmUnit));\n\t--spacing-8: calc(8 * var(--rhythmUnit));\n\t--spacing-9: calc(9 * var(--rhythmUnit));\n\t--spacing-10: calc(10 * var(--rhythmUnit));\n}\n\n\n:root {\n\t--level-n1: -1;\n\t--level-2: 2;\n\t--level-3: 3;\n\t--level-4: 4;\n}\n\n:root {\n\t--container-max: 1600px;\n}"
  },
  {
    "path": "src/utils/clampRange.ts",
    "content": "export const clampRange = (num, min, max) => Math.min(Math.max(num, min), max);\n"
  },
  {
    "path": "src/utils/clickOutside.ts",
    "content": "export const clickOutside = (node) => {\n\tconst handleClick = (event) => {\n\t\tif (node && !node.contains(event.target) && !event.defaultPrevented) {\n\t\t\tnode.dispatchEvent(new CustomEvent('click_outside', node));\n\t\t}\n\t};\n\n\tdocument.addEventListener('click', handleClick, true);\n\n\treturn {\n\t\tdestroy() {\n\t\t\tdocument.removeEventListener('click', handleClick, true);\n\t\t}\n\t};\n};\n"
  },
  {
    "path": "src/utils/getClampValue.ts",
    "content": "import { setToPrecision } from './setToPrecision';\n\nconst getDynamicValue = (fluid: number, relative: number) => {\n\tif (relative === 0 || !relative) {\n\t\treturn `${fluid}vw`;\n\t}\n\n\treturn relative < 0 ? `${fluid}vw - ${-1 * relative}rem` : `${fluid}vw + ${relative}rem`;\n};\n\nexport const getClampValue = ([min, fluid, relative, max]: [number, number, number, number]) =>\n\t`clamp(${setToPrecision(min, 3)}rem, ${getDynamicValue(fluid, relative)}, ${setToPrecision(\n\t\tmax,\n\t\t3\n\t)}rem);`;\n"
  },
  {
    "path": "src/utils/getShareUrl.ts",
    "content": "export const getShareUrl = ([rootFontSize, min, fluid, relative, max]: [\n\tnumber,\n\tnumber,\n\tnumber,\n\tnumber,\n\tnumber\n]) =>\n\t`https://modern-fluid-typography.vercel.app?rootFontSize=${rootFontSize}&minSize=${min}&fluidSize=${fluid}&relativeSize=${relative}&maxSize=${max}`;\n"
  },
  {
    "path": "src/utils/parseQueryString.ts",
    "content": "import { browser } from '$app/env';\n\nexport const parseQueryString = (item: string) => {\n\tif (!browser) {\n\t\treturn;\n\t}\n\n\tconst searchParams = new URLSearchParams(window.location.search);\n\n\tconst result = parseInt(searchParams.get(item));\n\n\tif (isNaN(result)) {\n\t\treturn;\n\t}\n\n\treturn searchParams.get(item);\n};\n"
  },
  {
    "path": "src/utils/setToPrecision.ts",
    "content": "export const setToPrecision = (num, decimals) =>\n\tMath.round(num * Math.pow(10, decimals)) / Math.pow(10, decimals);\n"
  },
  {
    "path": "src/utils/toPx.ts",
    "content": "export const toPx = ([relativeSize, rootFontSize]: [number, number]) => relativeSize * rootFontSize;\n"
  },
  {
    "path": "src/utils/toRem.ts",
    "content": "export const toRem = ([value, root]: [number, number]) => value / root;\n"
  },
  {
    "path": "static/browserconfig.xml",
    "content": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<browserconfig>\n    <msapplication>\n        <tile>\n            <square150x150logo src=\"/mstile-150x150.png\"/>\n            <TileColor>#37314b</TileColor>\n        </tile>\n    </msapplication>\n</browserconfig>\n"
  },
  {
    "path": "static/google6e1010a8fae63903.html",
    "content": "google-site-verification: google6e1010a8fae63903.html"
  },
  {
    "path": "static/robots.txt",
    "content": "User-agent: *\nAllow: /\n\nSitemap: https://modern-fluid-typography.vercel.app//sitemap.xml"
  },
  {
    "path": "static/site.webmanifest",
    "content": "{\n\t\"name\": \"Modern Fluid Typography Editor\",\n\t\"short_name\": \"Modern Fluid Typography Editor\",\n\t\"icons\": [\n\t\t{\n\t\t\t\"src\": \"/android-chrome-192x192.png\",\n\t\t\t\"sizes\": \"192x192\",\n\t\t\t\"type\": \"image/png\"\n\t\t},\n\t\t{\n\t\t\t\"src\": \"/android-chrome-512x512.png\",\n\t\t\t\"sizes\": \"512x512\",\n\t\t\t\"type\": \"image/png\"\n\t\t}\n\t],\n\t\"theme_color\": \"#37314b\",\n\t\"background_color\": \"#37314b\",\n\t\"display\": \"standalone\"\n}\n"
  },
  {
    "path": "static/sitemap.xml",
    "content": "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<urlset xmlns=\"http://www.sitemaps.org/schemas/sitemap/0.9\"\r\n  xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xsi:schemaLocation=\"http://www.sitemaps.org/schemas/sitemap/0.9\r\n            http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd\">\r\n\r\n  <url>\r\n    <loc>https://modern-fluid-typography.vercel.app/</loc>\r\n    <lastmod>2021-12-06T07:32:10+00:00</lastmod>\r\n    <priority>1.00</priority>\r\n  </url>\r\n  <url>\r\n    <loc>https://modern-fluid-typography.vercel.app/about</loc>\r\n    <lastmod>2021-12-06T07:32:10+00:00</lastmod>\r\n    <priority>0.80</priority>\r\n  </url>\r\n</urlset>"
  },
  {
    "path": "svelte.config.js",
    "content": "import preprocess from 'svelte-preprocess';\nimport imagePreprocessor from 'svimg';\nimport path from 'path';\nimport fs from 'fs';\nimport vercel from '@sveltejs/adapter-vercel';\n\nconst mediaQueries = fs.readFileSync('./src/styles/media.pcss').toString();\n\n/** @type {import('@sveltejs/kit').Config} */\nconst config = {\n\t// Consult https://github.com/sveltejs/svelte-preprocess\n\t// for more information about preprocessors\n\tpreprocess: [\n\t\timagePreprocessor({\n\t\t\tinputDir: 'static',\n\t\t\toutputDir: 'static/g',\n\t\t\twebp: true,\n\t\t\tavif: true\n\t\t}),\n\t\tpreprocess({\n\t\t\tpostcss: {\n\t\t\t\tprependData: mediaQueries\n\t\t\t}\n\t\t})\n\t],\n\n\tkit: {\n\t\tadapter: vercel(),\n\n\t\t// hydrate the <div id=\"svelte\"> element in src/app.html\n\t\ttarget: '#svelte',\n\t\tvite: {\n\t\t\tresolve: {\n\t\t\t\talias: {\n\t\t\t\t\tsrc: path.resolve('./src'),\n\t\t\t\t\tassets: path.resolve('./src/assets'),\n\t\t\t\t\tcomponents: path.resolve('./src/components'),\n\t\t\t\t\tmodules: path.resolve('./src/modules'),\n\t\t\t\t\tmodels: path.resolve('./src/models'),\n\t\t\t\t\tutils: path.resolve('./src/utils')\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n};\n\nexport default config;\n"
  },
  {
    "path": "tsconfig.json",
    "content": "{\n\t\"compilerOptions\": {\n\t\t\"moduleResolution\": \"node\",\n\t\t\"module\": \"es2020\",\n\t\t\"lib\": [\"es2020\", \"DOM\"],\n\t\t\"target\": \"es2020\",\n\t\t/**\n\t\t\tsvelte-preprocess cannot figure out whether you have a value or a type, so tell TypeScript\n\t\t\tto enforce using \\`import type\\` instead of \\`import\\` for Types.\n\t\t\t*/\n\t\t\"importsNotUsedAsValues\": \"error\",\n\t\t\"isolatedModules\": true,\n\t\t\"resolveJsonModule\": true,\n\t\t/**\n\t\t\tTo have warnings/errors of the Svelte compiler at the correct position,\n\t\t\tenable source maps by default.\n\t\t\t*/\n\t\t\"sourceMap\": true,\n\t\t\"esModuleInterop\": true,\n\t\t\"skipLibCheck\": true,\n\t\t\"forceConsistentCasingInFileNames\": true,\n\t\t\"baseUrl\": \".\",\n\t\t\"allowJs\": true,\n\t\t\"checkJs\": true,\n\t\t\"paths\": {\n\t\t\t\"$lib\": [\"src/lib\"],\n\t\t\t\"$lib/*\": [\"src/lib/*\"]\n\t\t}\n\t},\n\t\"include\": [\"src/**/*.d.ts\", \"src/**/*.js\", \"src/**/*.ts\", \"src/**/*.svelte\"]\n}\n"
  }
]