[
  {
    "path": ".gitignore",
    "content": "node_modules\n.idea"
  },
  {
    "path": ".travis.yml",
    "content": "language: node_js\nsudo: false\n"
  },
  {
    "path": "LICENSE",
    "content": "Copyright (c) 2020 Mojang Studios\n\nAll image assets of this project are copyrighted by Mojang Studios and may not be used\noutside this project without permission by Mojang Studios.\n\nMIT License\n\nCopyright (c) 2020 Mojang Studios\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": "# web-theme-bootstrap\n\n[![Build Status](https://travis-ci.org/Mojang/web-theme-bootstrap.svg?branch=main)](https://travis-ci.org/Mojang/web-theme-bootstrap)\n\nContains the theme used on minecraft.net based on Bootstrap 4\n\n## Install\n\n```cli\n> npm i @mojang/web-theme-bootstrap --save\n```\n\n## Included in the package\n\nThis package includes two parts:\n\n### 1. SCSS files needed to generate your minecraft.net look and feel.\n\nThese files can be found under the scss folder. In your main scss file, include the following to get started:\n\n```scss\n$freyja-asset-path: \"[path_to_public_folder]\";\n$master-head-height-lg: 112px;\n$master-head-height-md: 87px;\n$global-menu-height: 27px;\n\n@import \"~@mojang/web-theme-bootstrap/scss/styles\";\n```\n\nNote that the theme takes care of including bootstrap the way it needs to be included so you do not need to @import it yourself.\n\n### 2. Generic image assets used in several places, including an icon-set\n\nIn order to use the image assets and svg icons included in this package you need to have a build step in your build that copies the image assets to your public folder.\n\nThe svg icons also needs to be converted into a [svg-sprite](https://css-tricks.com/svg-sprites-use-better-icon-fonts/) using [svgstore](https://github.com/svgstore/svgstore) or similar tool.\n\n### Changelog\n\nv7.3.0 & v7.3.1\n- Added fonts: Minecraft Ten V2 & Minecraft Seven V2\n\nv7.0.0\n- Update Minecraft, Minecraft Java, Realms & Minecraft Dungeons logos\n\n\nv6.7.0\n- Added new class `.form-tooltip`, `form-tooltip-text` \n- Added svg `line-vector-export` and `line-vector-help` followed naming convention.\n- Removed svg `vector`\n\nv6.6.0\n- Added media query `@media (forced-colors: active)` for `.form-control:focus`\n- Added new class `.required:after`\n- Added svg `vector`\n\n\nv6.5.0\n- Add a new footer option. `mojang-studios-tall-footer`\n\nv6.4.0\n- Added Minecraft Core Brand Logo\n  \nv6.3.1\n- Fixes README Changelog\n\nv6.3.0\n- New primary color (buttons & links are based out of primary). New secondary and tertiary colors. Loader now uses tertiary colors on dark backgrounds. \n\nv6.2.10\n  - Add Minecraft Java Edition Logo\n\nv6.2.9\n  - Remove use of `bg-variant` and `text-emphasis-variant` mixins, that are deprecated in bootstrap@4.4.0\n\nv6.2.8\n- High contrast fix for button\n\nv6.2.7\n- Add box-shadow for disabled button\n- High contrast fix for nav bar\n\nv6.2.6\n- Rerelease due to publish issue of 6.2.5\n\nv6.2.5\n- Add highlight color on focus for link button\n\nv6.2.4\n- Add style for radio and link button on high contrast mode\n- Add noto sans font assets\n\nv6.2.3\n- Fix duplicate id in svg and add button high contrast style\n\nv6.2.2\n- Fix radio buttons in high contrast mode\n\nv6.2.1\n- Add radio button high contrast style\n\nv6.2.0\n- Add Minecraft Dungeons Launcher icons\n\nv6.1.0\n- Add `.icon-cero-a`\n\nv6.0.0\n**BREAKING CHANGE**\n- Rename following classes:\n    * `mojang-footer` -> `mojang-studios-footer`\n    * `icon-microsoft-studios` -> `icon-xbox-game-studios`\n    * `icon-mojang` -> `icon-mojang-studios`\n\nv5.1.0\n- Add cero-a logo\n\nv5.0.0\n\n**BREAKING CHANGE**\n\n- Replace logo svgs:\n    * `mojang` with `mojang-studios-horizontal`\n    * `mono-mojang` with `mono-mojang-studios-horizontal`\n\n\nv4.5.0\n\n- Add xbox game studios color logo\n\nv4.4.0\n\n- Add `font-mc-seven`\n\nv4.3.1\n\n- Fix cart icon size\n\nv4.3.0\n\n- Add pixelated cart icon\n\nv4.2.0\n\n- Add Windows logo\n- Add new Minecraft Dungeons color\n\nv4.1.0\n\n- Add Minecraft Dungeons logo back\n\nv4.0.0\n\n- Remove Minecraft Dungeons logo\n\nv3.3.1\n\n- Namespace Minecraft Dungeons logo ids\n\nv3.3.0\n\n- Add Minecraft Dungeons logo\n\nv3.2.0\n\n- Darken link color 5%\n- Add support for disabled radio button\n- Add new checkbox\n\nv3.1.1\n\n- Set link color to primary (was `$primary-supportive`)\n\nv3.1.0\n\n- Update inverted link hover color\n- Update `dropdown-menu` style\n- Add Xbox Game Studios logo\n\nv3.0.0\n\n- Update primary and tertiary color\n- **BREAKING CHANGE**: Remove `$primary-light-1`, `$primary-light-2`, `$primary-dark-1`, `$primary-dark-2`. Use `$primary-supportive` for dark and `$tertiary` for light.\n\nv2.0.0\n\n- Fix position of inline icons\n- Add 4 new monochrome SVG logos\n- Add a `.svg-logo` class that makes you able to control color through css\n- **BREAKING CHANGE**: `#microsoft` and `#mojang` logos now inherit their text color from `currentColor`. Use `.svg-logo` class and set text color to override.\n"
  },
  {
    "path": "assets/fonts/LICENSE_OFL.txt",
    "content": "This Font Software is licensed under the SIL Open Font License,\nVersion 1.1.\n\nThis license is copied below, and is also available with a FAQ at:\nhttp://scripts.sil.org/OFL\n\n-----------------------------------------------------------\nSIL OPEN FONT LICENSE Version 1.1 - 26 February 2007\n-----------------------------------------------------------\n\nPREAMBLE\nThe goals of the Open Font License (OFL) are to stimulate worldwide\ndevelopment of collaborative font projects, to support the font\ncreation efforts of academic and linguistic communities, and to\nprovide a free and open framework in which fonts may be shared and\nimproved in partnership with others.\n\nThe OFL allows the licensed fonts to be used, studied, modified and\nredistributed freely as long as they are not sold by themselves. The\nfonts, including any derivative works, can be bundled, embedded,\nredistributed and/or sold with any software provided that any reserved\nnames are not used by derivative works. The fonts and derivatives,\nhowever, cannot be released under any other type of license. The\nrequirement for fonts to remain under this license does not apply to\nany document created using the fonts or their derivatives.\n\nDEFINITIONS\n\"Font Software\" refers to the set of files released by the Copyright\nHolder(s) under this license and clearly marked as such. This may\ninclude source files, build scripts and documentation.\n\n\"Reserved Font Name\" refers to any names specified as such after the\ncopyright statement(s).\n\n\"Original Version\" refers to the collection of Font Software\ncomponents as distributed by the Copyright Holder(s).\n\n\"Modified Version\" refers to any derivative made by adding to,\ndeleting, or substituting -- in part or in whole -- any of the\ncomponents of the Original Version, by changing formats or by porting\nthe Font Software to a new environment.\n\n\"Author\" refers to any designer, engineer, programmer, technical\nwriter or other person who contributed to the Font Software.\n\nPERMISSION & CONDITIONS\nPermission is hereby granted, free of charge, to any person obtaining\na copy of the Font Software, to use, study, copy, merge, embed,\nmodify, redistribute, and sell modified and unmodified copies of the\nFont Software, subject to the following conditions:\n\n1) Neither the Font Software nor any of its individual components, in\nOriginal or Modified Versions, may be sold by itself.\n\n2) Original or Modified Versions of the Font Software may be bundled,\nredistributed and/or sold with any software, provided that each copy\ncontains the above copyright notice and this license. These can be\nincluded either as stand-alone text files, human-readable headers or\nin the appropriate machine-readable metadata fields within text or\nbinary files as long as those fields can be easily viewed by the user.\n\n3) No Modified Version of the Font Software may use the Reserved Font\nName(s) unless explicit written permission is granted by the\ncorresponding Copyright Holder. This restriction only applies to the\nprimary font name as presented to the users.\n\n4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font\nSoftware shall not be used to promote, endorse or advertise any\nModified Version, except to acknowledge the contribution(s) of the\nCopyright Holder(s) and the Author(s) or with their explicit written\npermission.\n\n5) The Font Software, modified or unmodified, in part or in whole,\nmust be distributed entirely under this license, and must not be\ndistributed under any other license. The requirement for fonts to\nremain under this license does not apply to any document created using\nthe Font Software.\n\nTERMINATION\nThis license becomes null and void if any of the above conditions are\nnot met.\n\nDISCLAIMER\nTHE FONT SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT\nOF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE\nCOPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,\nINCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL\nDAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\nFROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM\nOTHER DEALINGS IN THE FONT SOFTWARE.\n"
  },
  {
    "path": "assets/fonts/MinecraftFive-Bold.css",
    "content": "/* Webfont: MinecraftFive-Bold */@font-face {\n    font-family: 'MinecraftFive';\n    src: url('MinecraftFive-Bold.eot'); /* IE9 Compat Modes */\n    src: url('MinecraftFive-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n         url('MinecraftFive-Bold.woff') format('woff'), /* Modern Browsers */\n         url('MinecraftFive-Bold.ttf') format('truetype'), /* Safari, Android, iOS */\n         url('MinecraftFive-Bold.svg#MinecraftFive-Bold') format('svg'); /* Legacy iOS */\n    font-style: normal;\n    font-weight: bold;\n    text-rendering: optimizeLegibility;\n}\n\n"
  },
  {
    "path": "assets/fonts/MinecraftFive-Bold.html",
    "content": "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n<html lang=\"en\" xml:lang=\"en\" xmlns=\"http://www.w3.org/1999/xhtml\">\n<head>\n<meta content=\"text/html; charset=utf-8\" http-equiv=\"content-type\"/>\n<meta content=\"en-us\" http-equiv=\"Content-Language\"/>\n<title>Minecraft Five Bold - Web Font Specimen</title>\n<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"MinecraftFive-Bold.css\" />\n<style type=\"text/css\" media=\"screen\">\nbody { font-size: 42px; font-family: \"MinecraftFive\", Georgia; }\n</style>\n</head>\n<body>\n<p contenteditable=\"true\"><strong>The quick brown fox jumps over the lazy dog. $123.45!</strong></p>\n</body>\n</html>\n"
  },
  {
    "path": "assets/fonts/MinecraftFive-Regular.css",
    "content": "/* Webfont: MinecraftFive-Regular */@font-face {\n    font-family: 'MinecraftFive';\n    src: url('MinecraftFive-Regular.eot'); /* IE9 Compat Modes */\n    src: url('MinecraftFive-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n         url('MinecraftFive-Regular.woff') format('woff'), /* Modern Browsers */\n         url('MinecraftFive-Regular.ttf') format('truetype'), /* Safari, Android, iOS */\n         url('MinecraftFive-Regular.svg#MinecraftFive-Regular') format('svg'); /* Legacy iOS */\n    font-style: normal;\n    font-weight: normal;\n    text-rendering: optimizeLegibility;\n}\n\n"
  },
  {
    "path": "assets/fonts/MinecraftFive-Regular.html",
    "content": "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n<html lang=\"en\" xml:lang=\"en\" xmlns=\"http://www.w3.org/1999/xhtml\">\n<head>\n<meta content=\"text/html; charset=utf-8\" http-equiv=\"content-type\"/>\n<meta content=\"en-us\" http-equiv=\"Content-Language\"/>\n<title>Minecraft Five Regular - Web Font Specimen</title>\n<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"MinecraftFive-Regular.css\" />\n<style type=\"text/css\" media=\"screen\">\nbody { font-size: 42px; font-family: \"MinecraftFive\", Georgia; }\n</style>\n</head>\n<body>\n<p contenteditable=\"true\">The quick brown fox jumps over the lazy dog. $123.45!</p>\n</body>\n</html>\n"
  },
  {
    "path": "assets/fonts/MinecraftSeven.css",
    "content": "/* Webfont: MinecraftSeven */@font-face {\n    font-family: 'MinecraftSeven';\n    src: url('MinecraftSeven.eot'); /* IE9 Compat Modes */\n    src: url('MinecraftSeven.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n         url('MinecraftSeven.woff') format('woff'), /* Modern Browsers */\n         url('MinecraftSeven.ttf') format('truetype'), /* Safari, Android, iOS */\n         url('MinecraftSeven.svg#MinecraftSeven') format('svg'); /* Legacy iOS */\n    font-style: normal;\n    font-weight: normal;\n    text-rendering: optimizeLegibility;\n}\n\n"
  },
  {
    "path": "assets/fonts/MinecraftSeven.html",
    "content": "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n<html lang=\"en\" xml:lang=\"en\" xmlns=\"http://www.w3.org/1999/xhtml\">\n<head>\n<meta content=\"text/html; charset=utf-8\" http-equiv=\"content-type\"/>\n<meta content=\"en-us\" http-equiv=\"Content-Language\"/>\n<title>Minecraft Seven - Web Font Specimen</title>\n<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"MinecraftSeven.css\" />\n<style type=\"text/css\" media=\"screen\">\nbody { font-size: 42px; font-family: \"MinecraftSeven\", Georgia; }\n</style>\n</head>\n<body>\n<p contenteditable=\"true\">The quick brown fox jumps over the lazy dog. $123.45!</p>\n</body>\n</html>\n"
  },
  {
    "path": "assets/fonts/MinecraftTen.css",
    "content": "/* Webfont: MinecraftTen */@font-face {\n    font-family: 'MinecraftTen';\n    src: url('MinecraftTen.eot'); /* IE9 Compat Modes */\n    src: url('MinecraftTen.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n         url('MinecraftTen.woff') format('woff'), /* Modern Browsers */\n         url('MinecraftTen.ttf') format('truetype'), /* Safari, Android, iOS */\n         url('MinecraftTen.svg#MinecraftTen') format('svg'); /* Legacy iOS */\n    font-style: normal;\n    font-weight: normal;\n    text-rendering: optimizeLegibility;\n}\n\n"
  },
  {
    "path": "assets/fonts/MinecraftTen.html",
    "content": "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n<html lang=\"en\" xml:lang=\"en\" xmlns=\"http://www.w3.org/1999/xhtml\">\n<head>\n<meta content=\"text/html; charset=utf-8\" http-equiv=\"content-type\"/>\n<meta content=\"en-us\" http-equiv=\"Content-Language\"/>\n<title>Minecraft Ten  - Web Font Specimen</title>\n<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"MinecraftTen.css\" />\n<style type=\"text/css\" media=\"screen\">\nbody { font-size: 42px; font-family: \"MinecraftTen\", Georgia; }\n</style>\n</head>\n<body>\n<p contenteditable=\"true\">The quick brown fox jumps over the lazy dog. $123.45!</p>\n</body>\n</html>\n"
  },
  {
    "path": "assets/fonts/NotoSans-Bold.css",
    "content": "/* Webfont: NotoSans-Bold */@font-face {\n  font-family: 'Noto Sans';\n  src: url('NotoSans-Bold.eot'); /* IE9 Compat Modes */\n  src: local('Noto Sans Bold'), local('NotoSans-Bold'), /* locally installed */\n       url('NotoSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n       url('NotoSans-Bold.woff2') format('woff2'), /* Modern Browsers */\n       url('NotoSans-Bold.woff') format('woff'), /* IE9-IE11 */\n       url('NotoSans-Bold.ttf') format('truetype'), /* Safari, Android, iOS */\n       url('NotoSans-Bold.svg#NotoSans-Bold') format('svg'); /* Legacy iOS */\n  font-style: normal;\n  font-weight: bold;\n  text-rendering: optimizeLegibility;\n}\n"
  },
  {
    "path": "assets/fonts/NotoSans-Bold.html",
    "content": "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n<html lang=\"en\" xml:lang=\"en\" xmlns=\"http://www.w3.org/1999/xhtml\">\n<head>\n<meta content=\"text/html; charset=utf-8\" http-equiv=\"content-type\"/>\n<meta content=\"en-us\" http-equiv=\"Content-Language\"/>\n<title>Noto Sans Bold - Web Font Specimen</title>\n<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"NotoSans-Bold.css\" />\n<style type=\"text/css\" media=\"screen\">\nbody { font-size: 42px; font-family: \"Noto Sans\", Georgia; font-weight: bold; }\n</style>\n</head>\n<body>\n<p contenteditable=\"true\"><strong>The quick brown fox jumps over the lazy dog. $123.45!</strong></p>\n</body>\n</html>\n"
  },
  {
    "path": "assets/fonts/NotoSans-BoldItalic.css",
    "content": "/* Webfont: NotoSans-BoldItalic */@font-face {\n  font-family: 'Noto Sans';\n  src: url('NotoSans-BoldItalic.eot'); /* IE9 Compat Modes */\n  src: local('Noto Sans Bold Italic'), local('NotoSans-BoldItalic'), /* locally installed */\n       url('NotoSans-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n       url('NotoSans-BoldItalic.woff2') format('woff2'), /* Modern Browsers */\n       url('NotoSans-BoldItalic.woff') format('woff'), /* IE9-IE11 */\n       url('NotoSans-BoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */\n       url('NotoSans-BoldItalic.svg#NotoSans-BoldItalic') format('svg'); /* Legacy iOS */\n  font-style: italic;\n  font-weight: bold;\n  text-rendering: optimizeLegibility;\n}\n"
  },
  {
    "path": "assets/fonts/NotoSans-BoldItalic.html",
    "content": "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n<html lang=\"en\" xml:lang=\"en\" xmlns=\"http://www.w3.org/1999/xhtml\">\n<head>\n<meta content=\"text/html; charset=utf-8\" http-equiv=\"content-type\"/>\n<meta content=\"en-us\" http-equiv=\"Content-Language\"/>\n<title>Noto Sans Bold Italic - Web Font Specimen</title>\n<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"NotoSans-BoldItalic.css\" />\n<style type=\"text/css\" media=\"screen\">\nbody { font-size: 42px; font-family: \"Noto Sans\", Georgia; font-weight: bold; font-style: italic; }\n</style>\n</head>\n<body>\n<p contenteditable=\"true\"><strong>The quick brown fox jumps over the lazy dog. $123.45!</strong></p>\n</body>\n</html>\n"
  },
  {
    "path": "assets/fonts/NotoSans-Italic.css",
    "content": "/* Webfont: NotoSans-Italic */@font-face {\n  font-family: 'Noto Sans';\n  src: url('NotoSans-Italic.eot'); /* IE9 Compat Modes */\n  src: local('Noto Sans Italic'), local('NotoSans-Italic'), /* locally installed */\n       url('NotoSans-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n       url('NotoSans-Italic.woff2') format('woff2'), /* Modern Browsers */\n       url('NotoSans-Italic.woff') format('woff'), /* IE9-IE11 */\n       url('NotoSans-Italic.ttf') format('truetype'), /* Safari, Android, iOS */\n       url('NotoSans-Italic.svg#NotoSans-Italic') format('svg'); /* Legacy iOS */\n  font-style: italic;\n  font-weight: normal;\n  text-rendering: optimizeLegibility;\n}\n"
  },
  {
    "path": "assets/fonts/NotoSans-Italic.html",
    "content": "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n<html lang=\"en\" xml:lang=\"en\" xmlns=\"http://www.w3.org/1999/xhtml\">\n<head>\n<meta content=\"text/html; charset=utf-8\" http-equiv=\"content-type\"/>\n<meta content=\"en-us\" http-equiv=\"Content-Language\"/>\n<title>Noto Sans Italic - Web Font Specimen</title>\n<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"NotoSans-Italic.css\" />\n<style type=\"text/css\" media=\"screen\">\nbody { font-size: 42px; font-family: \"Noto Sans\", Georgia; font-style: italic; }\n</style>\n</head>\n<body>\n<p contenteditable=\"true\"><strong>The quick brown fox jumps over the lazy dog. $123.45!</strong></p>\n</body>\n</html>\n"
  },
  {
    "path": "assets/fonts/NotoSans-Regular.css",
    "content": "/* Webfont: NotoSans-Regular */@font-face {\n  font-family: 'Noto Sans';\n  src: url('NotoSans-Regular.eot'); /* IE9 Compat Modes */\n  src: local('Noto Sans'), local('NotoSans'), /* locally installed */\n       url('NotoSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n       url('NotoSans-Regular.woff2') format('woff2'), /* Modern Browsers */\n       url('NotoSans-Regular.woff') format('woff'), /* IE9-IE11 */\n       url('NotoSans-Regular.ttf') format('truetype'), /* Safari, Android, iOS */\n       url('NotoSans-Regular.svg#NotoSans-Regular') format('svg'); /* Legacy iOS */\n  font-style: normal;\n  font-weight: normal;\n  text-rendering: optimizeLegibility;\n}\n"
  },
  {
    "path": "assets/fonts/NotoSans-Regular.html",
    "content": "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n<html lang=\"en\" xml:lang=\"en\" xmlns=\"http://www.w3.org/1999/xhtml\">\n<head>\n<meta content=\"text/html; charset=utf-8\" http-equiv=\"content-type\"/>\n<meta content=\"en-us\" http-equiv=\"Content-Language\"/>\n<title>Noto Sans - Web Font Specimen</title>\n<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"NotoSans-Regular.css\" />\n<style type=\"text/css\" media=\"screen\">\nbody { font-size: 42px; font-family: \"Noto Sans\", Georgia; }\n</style>\n</head>\n<body>\n<p contenteditable=\"true\"><strong>The quick brown fox jumps over the lazy dog. $123.45!</strong></p>\n</body>\n</html>\n"
  },
  {
    "path": "package.json",
    "content": "{\n  \"name\": \"@mojang/web-theme-bootstrap\",\n  \"version\": \"7.3.1\",\n  \"description\": \"Contains the theme used on minecraft.net based on Boostrap 4\",\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"git+https://github.com/Mojang/web-theme-bootstrap.git\"\n  },\n  \"author\": \"\",\n  \"license\": \"MIT\",\n  \"bugs\": {\n    \"url\": \"https://github.com/Mojang/web-theme-bootstrap/issues\"\n  },\n  \"homepage\": \"https://github.com/Mojang/web-theme-bootstrap#readme\",\n  \"dependencies\": {\n    \"bootstrap\": \"^4.3.1\",\n    \"jquery\": \"^3.4.1\",\n    \"popper.js\": \"^1.14.7\"\n  }\n}\n"
  },
  {
    "path": "scss/abstract/_colors.scss",
    "content": "// Colors are named by this site:\n// http://chir.ag/projects/name-that-color/\n\n// Colors\n$fun-green: #3c8527; // Primary\n$malachite: #a0e080; // Tertiary\n$mud: #996a41; // Quaternary\n$dirt: #5a381e; // Quinary\n\n// Grays\n$shark: #1d1e1e;\n$soil: #313131; // Senary\n$tundora: #404040;\n$scorpion: #5a5a5a;\n$gravel: #757575; // Secondary\n$dusty-gray: #949494;\n\n// Supportive Colors\n$fun-green-supportive: darken($fun-green, 11.64%);\n$malachite-supportive: darken($malachite, 10%);\n\n$mud-supportive: darken($mud, 10%);\n$dirt-supportive: darken($dirt, 10%);\n\n$soil-supportive: darken($soil, 10%);\n$gravel-supportive: darken($gravel, 10%);\n\n// Grays\n$white: #fff;\n$hint-of-red: #f8f5f4;\n$ebb: #f1edec;\n$cloud: #d1cfce;\n$boulder: #777; // can use secondary instead\n$black: #000;\n\n// Secondary Colors\n\n// Beige\n$sandstone: #bcad69;\n\n// Browns\n$brown: #866136;\n\n// Red\n$red: #ac2015;\n\n// Yellow\n$yellow: #e6b40b;\n$golden-tainoi: #FFCB56;\n\n// Orange\n$orange: #d4441a;\n$light-orange: #e67834;\n$brick: #be583f;\n\n// Greens\n$grass: #36b030; // Old primary (don't use)\n$spring-grass: #84c94c; // Old tertiary (don't use)\n$bright-green: #64fd1f;\n$harlequin: #47d009;\n$japanese-laurel: #1e8c03;\n$japanese-laurel-dark: #156c00;\n$green: $fun-green;\n\n$olive: #787a26;\n$forest-green: #5b813f;\n\n// Cyan\n$turquoise: #14837f;\n$eucalyptus: #299b6e;\n$cyan: #2ab8a6;\n\n// Light blue\n$light-blue: #5caee0;\n\n// Blue\n$blue : #1546c2;\n\n// Purples\n$purple: #7824c5;\n$daisy-bush: #5526ac;\n$jacarta: #3b2661;\n$meteorite: #35196b;\n\n// Magenta\n$magenta: #c93a9b;\n\n// Pink\n$pink: #ff51c9; //minecon pink\n\n$colors: (\n  \"olive\":        $olive,\n  \"beige\":        $sandstone,\n  \"brown\":        $brown,\n  \"red\":          $red,\n  \"orange\":       $orange,\n  \"brick\":        $brick,\n  \"yellow\":       $yellow,\n  \"green\":        $green,\n  \"forest-green\": $forest-green,\n  \"turquoise\":    $turquoise,\n  \"cyan\":         $cyan,\n  \"light-blue\":   $light-blue,\n  \"blue\":         $blue,\n  \"purple\":       $purple,\n  \"magenta\":      $magenta,\n  \"pink\":         $pink,\n  \"white\":        $white,\n  \"gray\":         $dusty-gray,\n  \"gray-dark\":    $tundora\n);\n\n$dungeons-colors: (\n  \"orange\": $light-orange,\n  \"eucalyptus\": $eucalyptus,\n  \"golden-tainoi\": $golden-tainoi\n);\n"
  },
  {
    "path": "scss/abstract/_columns.scss",
    "content": "@mixin columns($columns, $min-size) {\n  $min-width: map_get($grid-breakpoints, $min-size);\n\n  @media screen and (min-width: $min-width) {\n    @for $i from 1 through $columns {\n      .columns-#{$min-size}-#{$i} {\n        column-count: $i;\n      }\n    }\n  }\n}\n\n@mixin column-gaps ($min, $max) {\n  @for $i from $min through $max {\n    .column-gap-#{$i}em {\n      column-gap: #{$i}em;\n    }\n  }\n}\n\n@include columns(6, xs);\n@include columns(6, sm);\n@include columns(6, md);\n@include columns(6, lg);\n@include columns(6, xl);\n@include column-gaps(3, 6);\n\n.break-inside-avoid {\n  -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */\n  page-break-inside: avoid; /* Firefox */\n  break-inside: avoid; /* IE 10+ */\n\n  // Fix for aligning margins when using multi-columns\n  &::before {\n    content: '';\n    display: block;\n    height: 1px;\n  }\n}\n"
  },
  {
    "path": "scss/abstract/_extendables.scss",
    "content": "%force-layer-creation {\n  backface-visibility: hidden;\n  transform: translate3d(0, 0, 0);\n}\n\n%animation-scale--0-to-1 {\n  animation: scale-0-to-1 0.5s;\n}\n\n%attributed-quote-glyph {\n  $icon-width: 32px;\n  $icon-height: 32px;\n  $icon-spacing: 6px;\n\n  content: '';\n  display: block;\n  box-sizing: content-box;\n  position: absolute;\n  background-repeat: no-repeat;\n  background-color: $body-bg;\n  background-size: $icon-width $icon-height, auto;\n  background-position: center;\n  width: $icon-width + $icon-spacing;\n  height: $icon-height + $icon-spacing;\n  padding: 0 4px;\n}\n\n%antialiasing {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n"
  },
  {
    "path": "scss/abstract/_keyframes.scss",
    "content": "// Flicker\n@keyframes flicker-opacity {\n  0% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n// Floating\n@keyframes floating-vertical {\n  0% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translate3d(0, -10px, 0);\n  }\n\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n@keyframes floating-circular {\n  from {\n    transform: rotate(0deg) translateX(5px) rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg) translateX(5px) rotate(-360deg);\n  }\n}\n\n// Bounce\n@keyframes bounce-right {\n  0%,\n  5%,\n  35%,\n  60%,\n  100% {\n    transform: translate(0, 0);\n  }\n\n  25% {\n    transform: translate(-100%, 0);\n  }\n\n  45% {\n    transform: translate(-75%, 0);\n  }\n}\n\n@keyframes bounce-left {\n  0%,\n  5%,\n  35%,\n  60%,\n  100% {\n    transform: translate(0, 0);\n  }\n\n  25% {\n    transform: translate(100%, 0);\n  }\n\n  45% {\n    transform: translate(75%, 0);\n  }\n}\n\n@keyframes bounce-down {\n  0%,\n  5%,\n  35%,\n  60%,\n  100% {\n    transform: translateY(0);\n  }\n\n  25% {\n    transform: translateY(-8px);\n  }\n\n  45% {\n    transform: translateY(-4px);\n  }\n}\n\n@keyframes bounce-up {\n  0%,\n  5%,\n  35%,\n  60%,\n  100% {\n    transform: translateY(0);\n  }\n\n  25% {\n    transform: translateY(8px);\n  }\n\n  45% {\n    transform: translateY(4px);\n  }\n}\n\n// Drop series\n@keyframes drop2 {\n  0% {\n    transform: translateY(-50px);\n  }\n\n  25%,\n  100% {\n    transform: translate(0);\n  }\n}\n\n@keyframes drop3 {\n  0% {\n    transform: translateY(-50px);\n  }\n\n  50%,\n  100% {\n    transform: translate(0);\n  }\n}\n\n@keyframes drop4 {\n  0% {\n    transform: translateY(-50px);\n  }\n\n  75%,\n  100% {\n    transform: translate(0);\n  }\n}\n\n// Scale\n@keyframes scale-in-out {\n  0% {\n    transform: scale(1);\n  }\n\n  50% {\n    transform: scale(1.03);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n\n@keyframes scale-0-to-1 {\n  from {\n    transform: scale(0);\n  }\n\n  to {\n    transform: scale(1);\n  }\n}\n\n@keyframes pop {\n  0%,\n  90% {\n    transform: scale(1);\n  }\n\n  100% {\n    transform: scale(0.5);\n  }\n}\n\n// Rotate\n@keyframes rotate-45 {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(45deg);\n  }\n}\n\n@keyframes counter-digit-animation {\n  0% {\n    transform: translateY(-91%);\n  }\n\n  100% {\n    transform: translateY(0%);\n  }\n}\n"
  },
  {
    "path": "scss/abstract/_mixins.scss",
    "content": "@mixin link($color, $hovercolor, $activecolor: '') {\n  color: $color;\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: $hovercolor;\n  }\n\n  @if ($activecolor) {\n    &:active {\n      color: $activecolor;\n    }\n  }\n}\n\n@mixin gradient-animation($start, $end, $start2, $end2, $transTime) {\n  background-size: 100%;\n  background-image: linear-gradient($start, $end);\n  position: relative;\n  z-index: 100;\n\n  &::before {\n    background-image: linear-gradient($start2, $end2);\n    content: '';\n    display: block;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: 0;\n    width: 100%;\n    z-index: -100;\n    transition: opacity $transTime;\n  }\n\n  &:hover {\n    &::before {\n      opacity: 1;\n    }\n  }\n}\n\n@mixin header() {\n  position: relative;\n  margin-bottom: 30px;\n\n  .header__body {\n    position: absolute;\n    top: 25%;\n    width: 100%;\n    text-align: center;\n\n    .btn-lg {\n      letter-spacing: 0.15em;\n      padding: 22px 56px;\n      text-transform: uppercase;\n      font-size: 22px;\n      font-weight: bold;\n      margin-bottom: 0;\n\n      span {\n        display: block;\n        font-weight: normal;\n      }\n    }\n  }\n\n  img {\n    margin: 0 auto;\n  }\n}\n\n@mixin gradient($top-color, $bottom-color) {\n  background: $top-color; /* Old browsers */\n  background: -moz-linear-gradient(top, $top-color 0%, $bottom-color 100%); /* FF3.6+ */\n  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $top-color), color-stop(100%, $bottom-color)); /* Chrome,Safari4+ */\n  background: -webkit-linear-gradient(top, $top-color 0%, $bottom-color 100%); /* Chrome10+,Safari5.1+ */\n  background: -o-linear-gradient(top, $top-color 0%, $bottom-color 100%); /* Opera 11.10+ */\n  background: -ms-linear-gradient(top, $top-color 0%, $bottom-color 100%); /* IE10+ */\n  background: linear-gradient(to bottom, $top-color 0%, $bottom-color 100%); /* W3C */\n  filter: progid:dximagetransform.microsoft.gradient(startColorstr=$top-color, endColorstr=$bottom-color, GradientType=0); /* IE6-9 */\n}\n\n@mixin horizontal-gradient($left-color, $right-color) {\n  background: $left-color; /* Old browsers */\n  background: -moz-linear-gradient(left, $left-color 0%, $right-color 100%); /* FF3.6+ */\n  background: -webkit-gradient(linear, left, right, color-stop(0%, $left-color), color-stop(100%, $right-color)); /* Chrome,Safari4+ */\n  background: -webkit-linear-gradient(left, $left-color 0%, $right-color 100%); /* Chrome10+,Safari5.1+ */\n  background: -o-linear-gradient(left, $left-color 0%, $right-color 100%); /* Opera 11.10+ */\n  background: -ms-linear-gradient(left, $left-color 0%, $right-color 100%); /* IE10+ */\n  background: linear-gradient(to right, $left-color 0%, $right-color 100%); /* W3C */\n  filter: progid:dximagetransform.microsoft.gradient(startColorstr=$left-color, endColorstr=$right-color, GradientType=1); /* IE6-9 */\n}\n\n@mixin grow-animation($background-color, $scaleX, $scaleY : $scaleX, $initial-background-color: $background-color, $initial-background-opacity: 0) {\n\n  // Force gpu rendering on Safari to prevent the font-smoothing antialised/subpixel-antialised switch\n  transform: translate3d(0, 0, 0);\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: $initial-background-color;\n    z-index: -100;\n    transition: opacity 0.1s ease-out, transform 0.625s cubic-bezier(0, 0.8, 0.31, 0.99) !important;\n    opacity: $initial-background-opacity;\n    display: block;\n    // Force animation to snap on subpixels\n    backface-visibility: hidden;\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    &::before {\n      background-color: $background-color;\n      opacity: 1;\n      transform: scale3d($scaleX, $scaleY, 1);\n    }\n  }\n}\n\n@mixin tile-size($horizontal, $vertical) {\n  width: ($tile-base-size * $horizontal) + ($horizontal - 1) * $tile-gutter-size;\n  height: ($tile-base-size * $vertical) + ($vertical - 1) * $tile-gutter-size;\n\n  &:focus .tile__image,\n  &:hover .tile__image {\n    // Proportional zoom-in effect based on 10% for the 1x1 tile\n    transform: scale(1 + (0.1 / max($horizontal, $vertical)));\n  }\n\n  .video-tile__play-btn {\n    top: calc((-#{$tile-base-size} * #{$vertical}) / 2 + #{$btn-video-play-height} / 2);\n  }\n}\n"
  },
  {
    "path": "scss/abstract/_theme.scss",
    "content": "// Primary colors\n$primary: $fun-green;\n\n$primary-supportive: $fun-green-supportive;\n\n$primary-hover: $soil;\n\n// Secondary colors\n$secondary: $gravel;\n$secondary-supportive: $tundora;\n\n// Tertiary colors\n$tertiary: $malachite;\n$tertiary-supportive: $malachite-supportive;\n\n// Quaternary colors\n$quaternary: $mud;\n$quaternary-supportive: $mud-supportive;\n\n// Quinary colors\n$quinary: $dirt;\n$quinary-supportive: $dirt-supportive;\n\n// Senary colors\n$senary: $soil;\n$senary-supportive: $soil-supportive;\n\n// Dungeons primary colors\n$dungeons-primary: map-get($dungeons-colors, \"orange\");\n\n// Dungeons secondary colors\n$dungeons-secondary: map-get($dungeons-colors, \"eucalyptus\");\n$dungeons-tertiary: map-get($dungeons-colors, \"golden-tainoi\");\n\n$default-shadow: 0 2px 0 rgba($black, 0.25);\n$default-box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.15);\n\n$gray-100: $hint-of-red;\n$gray-200: $ebb;\n$gray-300: $cloud;\n$gray-400: $dusty-gray;\n$gray-500: $boulder;\n$gray-600: $scorpion;\n$gray-700: $tundora;\n$gray-800: $soil;\n$gray-900: $shark;\n\n$theme-colors: (\n  \"primary\":      $primary,\n  \"secondary\":    $secondary,\n  \"tertiary\":     $tertiary,\n  \"quaternary\":   $quaternary,\n  \"quinary\":      $quinary,\n  \"senary\":       $senary,\n);\n\n$theme-colors-supportive: (\n  \"primary-supportive\":      $primary-supportive,\n  \"secondary-supportive\":    $secondary-supportive,\n  \"tertiary-supportive\":     $tertiary-supportive,\n  \"quaternary-supportive\":   $quaternary-supportive,\n  \"quinary-supportive\":      $quinary-supportive,\n  \"senary-supportive\":       $senary-supportive,\n);\n\n$dungeons-theme-colors: (\n  \"dungeons-primary\": $dungeons-primary,\n  \"dungeons-secondary\": $dungeons-secondary,\n  \"dungeons-tertiary\": $dungeons-tertiary,\n\n);\n\n$gradients: (); // Returns a gradient value for use in sass. e.g. map-get($gradients, \"secondary\")\n\n$danger: $orange;\n$info: $light-blue;\n"
  },
  {
    "path": "scss/abstract/_transitions.scss",
    "content": ""
  },
  {
    "path": "scss/abstract/_utilities.scss",
    "content": "$all-colors: map-merge(map-merge(map-merge(map-merge(map-merge($colors, $theme-colors), $theme-colors-supportive), $grays), (\"black\": $black, \"white\": $white)), $dungeons-theme-colors);\n\n// Create text-{#color} classes for full color palette\n@each $color, $value in $all-colors {\n  .text-#{$color} {\n    color: $value !important;\n  }\n  @if $emphasized-link-hover-darken-percentage != 0 {\n    a.text-#{$color} {\n      @include hover-focus {\n        color: darken($value, $emphasized-link-hover-darken-percentage) !important;\n      }\n    }\n  }\n}\n\n.top,\n.top-left,\n.top-right {\n  top: 0;\n}\n\n.bottom,\n.bottom-left,\n.bottom-right {\n  bottom: 0;\n}\n\n.left,\n.top-left,\n.bottom-left {\n  left: 0;\n}\n\n.right,\n.top-right,\n.bottom-right {\n  right: 0;\n}\n\n.translate-up-50 {\n  transform: translateY(-50%);\n}\n\n.translate-down-50 {\n  transform: translateY(50%);\n}\n\n.translate-left-50 {\n  transform: translateX(-50%);\n}\n\n.translate-right-50 {\n  transform: translateX(50%);\n}\n\n.max-text-width {\n  max-width: $max-text-width;\n}\n\n.max-page-width {\n  max-width: $max-resolution-width;\n}\n\n.max-full-screen-height {\n  max-height: $max-resolution-height;\n}\n\n.z-index-0 {\n  z-index: 0;\n}\n"
  },
  {
    "path": "scss/abstract/_variables.scss",
    "content": "// General\n$default-focus-color: mix($blue, $light-blue);\n$default-focus-box-shadow: 0 0 3px 1px $default-focus-color,\n  0 0 2px 1px $default-focus-color inset;\n\n// Bootstrap overrrides\n\n// Options\n$enable-rounded: false;\n\n// Body\n$body-bg: $ebb;\n$body-color: $senary;\n$code-color: $purple;\n\n// Fonts\n$font-family-sans-serif: \"Noto Sans\", sans-serif;\n\n$h1-font-size: $font-size-base * 2.25; // 36px\n$h2-font-size: $font-size-base * 1.75; // 28px\n$h3-font-size: $font-size-base * 1.2; // 19px\n$h4-font-size: $font-size-base;\n$h5-font-size: $font-size-base;\n$h6-font-size: $font-size-base * 0.75;\n$small-font-size: 88%; // 14px in body\n\n// Theme small font size vars\n$text-small: $font-size-base * 0.875; // 14px\n$text-smaller: $font-size-base * 0.75; // 12px\n$text-smallest: $font-size-base * 0.625; // 10px;\n\n$font-size-lg: $h3-font-size;\n$font-size-sm: $text-small;\n\n$headings-font-weight: $font-weight-bold;\n$headings-line-height: 1.4;\n$headings-margin-bottom: 0.8rem;\n\n$lead-font-size: $font-size-base * 1.13;\n\n// Alert\n$alert-border-width: 0;\n$alert-border-radius: 0;\n$alert-padding-y: 1rem;\n$alert-padding-x: 1rem;\n\n// Close\n$close-color: currentColor;\n\n// Cards\n$card-spacer-y: 1rem;\n$card-spacer-x: 0;\n$card-border-width: 0;\n$card-border-color: transparent;\n$card-bg: $white;\n$card-cap-bg: transparent;\n$card-group-margin: 1rem;\n\n// Modals\n$modal-header-border-color: transparent;\n$modal-footer-border-color: transparent;\n\n// Forms\n$input-box-shadow: none;\n$input-border-color: transparent;\n$input-focus-border-color: $senary-supportive;\n$input-focus-box-shadow: $default-focus-box-shadow;\n\n// Links\n$link-color: darken($primary, 5%);\n$link-hover-color: darken($primary, 10%);\n$link-hover-decoration: none;\n\n// Buttons\n$btn-font-weight: $font-weight-bold;\n$btn-disabled-opacity: 1;\n$btn-focus-box-shadow: $default-focus-box-shadow;\n\n// Custom\n$custom-bezier-1: cubic-bezier(0, 0.8, 0.2, 1);\n\n// Paragraphs\n$paragraph-margin-bottom: 1.3rem;\n\n// Navigation\n$dropdown-border-width: 0;\n$dropdown-padding-y: 0;\n\n$dropdown-item-padding-x: 0.75rem;\n$dropdown-item-padding-y: 0.5rem;\n\n$dropdown-bg: $black;\n$dropdown-link-color: $white;\n$dropdown-link-hover-color: $white;\n$dropdown-link-hover-bg: $primary;\n\n// Path to Freyja assets, to be used from the consumer\n$freyja-asset-path: \"\" !default;\n\n$max-resolution-height: 1800px;\n$max-resolution-width: 2880px;\n\n$max-text-width: 540px; //For better readability\n\n$opacities: 5, 10, 25, 50, 75;\n"
  },
  {
    "path": "scss/base/_background.scss",
    "content": "@mixin bg-gradient-supportive($parent, $color, $color-supportive) {\n  #{$parent} {\n    background: $color linear-gradient(180deg, $color, $color-supportive) repeat-x !important;\n  }\n}\n\n@each $color, $value in $theme-colors {\n  $key: \"#{$color}-supportive\";\n  $col-supportive: map-get($theme-colors-supportive, $key);\n\n  @if $col-supportive {\n    @include bg-gradient-supportive(\".bg-gradient-#{$color}\", $value, $col-supportive);\n\n    // Create a map of gradients for use in sass\n    $gradient: ($color: $value linear-gradient(180deg, $value, $col-supportive) repeat-x);\n    $gradients: map-merge($gradients, $gradient);\n  }\n}\n\n@each $color, $value in $all-colors {\n  .bg-#{$color} {\n    background-color: $value !important;\n  }\n  a.bg-#{$color},\n  button.bg-#{$color} {\n    @include hover-focus {\n      background-color: darken($value, 10%) !important;\n    }\n  }\n}\n\n.bg-wool-light {\n  background-image: url(#{$freyja-asset-path}/img/bg-wool-white.png);\n  background-color: $white;\n}\n.bg-wool-dark { background-image: url(#{$freyja-asset-path}/img/bg-wool-dark.png); }\n.bg-grass { background-image: url(#{$freyja-asset-path}/img/bg-grass.png); }\n.bg-snow { background-image: url(#{$freyja-asset-path}/img/bg-snow.png); }\n\n.bg-wool-dark,\n.bg-grass,\n.bg-snow {\n  background-color: $senary;\n}\n\n.bg-overlay {\n  background-blend-mode: overlay;\n}\n\n.bg-gradient-overlay {\n  background: linear-gradient(rgba(0, 0, 0, 0), rgba($gray-800, 0.5));\n}\n\n@each $opacity in $opacities {\n  @each $color, $value in (\"black\": $black, \"white\": $white) {\n    .bg-#{$color}-#{$opacity} {\n      background-color: rgba($value, $opacity / 100);\n    }\n  }\n}"
  },
  {
    "path": "scss/base/_typography.scss",
    "content": "@font-face {\n  font-family: 'Noto Sans';\n  src: url(#{$freyja-asset-path}/fonts/NotoSans-Regular.eot); /* IE9 Compat Modes */\n  src:\n    local('Noto Sans'), local('NotoSans'),\n    url(#{$freyja-asset-path}/fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */\n    url(#{$freyja-asset-path}/fonts/NotoSans-Regular.woff2) format('woff2'), /* Modern Browsers */\n    url(#{$freyja-asset-path}/fonts/NotoSans-Regular.woff) format('woff'), /* IE9-IE11 */\n    url(#{$freyja-asset-path}/fonts/NotoSans-Regular.ttf) format('truetype'), /* Safari, Android, iOS */\n    url(#{$freyja-asset-path}/fonts/NotoSans-Regular.svg#NotoSans-Regular) format('svg'); /* Legacy iOS */\n\n  font-style: normal;\n  font-weight: normal;\n  text-rendering: optimizeLegibility;\n}\n\n@font-face {\n  font-family: 'Noto Sans';\n  src: url(#{$freyja-asset-path}/fonts/NotoSans-Bold.eot); /* IE9 Compat Modes */\n  src:\n    local('Noto Sans Bold'), local('NotoSans-Bold'),\n    url(#{$freyja-asset-path}/fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */\n    url(#{$freyja-asset-path}/fonts/NotoSans-Bold.woff2) format('woff2'), /* Modern Browsers */\n    url(#{$freyja-asset-path}/fonts/NotoSans-Bold.woff) format('woff'), /* IE9-IE11 */\n    url(#{$freyja-asset-path}/fonts/NotoSans-Bold.ttf) format('truetype'), /* Safari, Android, iOS */\n    url(#{$freyja-asset-path}/fonts/NotoSans-Bold.svg#NotoSans-Bold) format('svg'); /* Legacy iOS */\n\n  font-style: normal;\n  font-weight: bold;\n  text-rendering: optimizeLegibility;\n}\n\n@font-face {\n  font-family: 'Noto Sans';\n  src: url(#{$freyja-asset-path}/fonts/NotoSans-Italic.eot); /* IE9 Compat Modes */\n  src:\n    local('Noto Sans Italic'), local('NotoSans-Italic'),\n    url(#{$freyja-asset-path}/fonts/NotoSans-Italic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */\n    url(#{$freyja-asset-path}/fonts/NotoSans-Italic.woff2) format('woff2'), /* Modern Browsers */\n    url(#{$freyja-asset-path}/fonts/NotoSans-Italic.woff) format('woff'), /* IE9-IE11 */\n    url(#{$freyja-asset-path}/fonts/NotoSans-Italic.ttf) format('truetype'), /* Safari, Android, iOS */\n    url(#{$freyja-asset-path}/fonts/NotoSans-Italic.svg#NotoSans-Italic) format('svg'); /* Legacy iOS */\n\n  font-style: italic;\n  font-weight: normal;\n  text-rendering: optimizeLegibility;\n}\n\n@font-face {\n  font-family: 'Noto Sans';\n  src: url(#{$freyja-asset-path}/fonts/NotoSans-BoldItalic.eot); /* IE9 Compat Modes */\n  src:\n    local('Noto Sans Bold Italic'), local('NotoSans-BoldItalic'),\n    url(#{$freyja-asset-path}/fonts/NotoSans-BoldItalic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */\n    url(#{$freyja-asset-path}/fonts/NotoSans-BoldItalic.woff2) format('woff2'), /* Modern Browsers */\n    url(#{$freyja-asset-path}/fonts/NotoSans-BoldItalic.woff) format('woff'), /* IE9-IE11 */\n    url(#{$freyja-asset-path}/fonts/NotoSans-BoldItalic.ttf) format('truetype'), /* Safari, Android, iOS */\n    url(#{$freyja-asset-path}/fonts/NotoSans-BoldItalic.svg#NotoSans-BoldItalic) format('svg'); /* Legacy iOS */\n\n  font-style: italic;\n  font-weight: bold;\n  text-rendering: optimizeLegibility;\n}\n\n@font-face {\n  font-family: 'MinecraftFive';\n  src: url(#{$freyja-asset-path}/fonts/MinecraftFive-Bold.eot); /* IE9 Compat Modes */\n  src:\n    url(#{$freyja-asset-path}/fonts/MinecraftFive-Bold.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */\n    url(#{$freyja-asset-path}/fonts/MinecraftFive-Bold.woff) format('woff'), /* Modern Browsers */\n    url(#{$freyja-asset-path}/fonts/MinecraftFive-Bold.ttf) format('truetype'), /* Safari, Android, iOS */\n    url(#{$freyja-asset-path}/fonts/MinecraftFive-Bold.svg#MinecraftFive-Bold) format('svg'); /* Legacy iOS */\n\n  font-style: normal;\n  font-weight: bold;\n  text-rendering: optimizeLegibility;\n}\n\n@font-face {\n  font-family: 'MinecraftFive';\n  src: url(#{$freyja-asset-path}/fonts/MinecraftFive-Regular.eot); /* IE9 Compat Modes */\n  src:\n    url(#{$freyja-asset-path}/fonts/MinecraftFive-Regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */\n    url(#{$freyja-asset-path}/fonts/MinecraftFive-Regular.ttf) format('truetype'), /* Safari, Android, iOS */\n    url(#{$freyja-asset-path}/fonts/MinecraftFive-Regular.woff) format('woff'), /* Modern Browsers */\n    url(#{$freyja-asset-path}/fonts/MinecraftFive-Regular.svg#MinecraftFive-Regular) format('svg'); /* Legacy iOS */\n\n  font-style: normal;\n  font-weight: normal;\n  text-rendering: optimizeLegibility;\n}\n\n@font-face {\n  font-family: 'MinecraftSeven';\n  src: url(#{$freyja-asset-path}/fonts/MinecraftSeven.eot); /* IE9 Compat Modes */\n  src:\n    url(#{$freyja-asset-path}/fonts/MinecraftSeven.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */\n    url(#{$freyja-asset-path}/fonts/MinecraftSeven.woff) format('woff'), /* Modern Browsers */\n    url(#{$freyja-asset-path}/fonts/MinecraftSeven.ttf) format('truetype'), /* Safari, Android, iOS */\n    url(#{$freyja-asset-path}/fonts/MinecraftSeven.svg#MinecraftSeven) format('svg'); /* Legacy iOS */\n\n  font-style: normal;\n  font-weight: normal;\n  text-rendering: optimizeLegibility;\n}\n\n@font-face {\n  font-family: 'MinecraftTen';\n  src: url(#{$freyja-asset-path}/fonts/MinecraftTen.eot); /* IE9 Compat Modes */\n  src:\n    url(#{$freyja-asset-path}/fonts/MinecraftTen.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */\n    url(#{$freyja-asset-path}/fonts/MinecraftTen.woff) format('woff'), /* Modern Browsers */\n    url(#{$freyja-asset-path}/fonts/MinecraftTen.ttf) format('truetype'), /* Safari, Android, iOS */\n    url(#{$freyja-asset-path}/fonts/MinecraftTen.svg#MinecraftTen) format('svg'); /* Legacy iOS */\n\n  font-style: normal;\n  font-weight: normal;\n  text-rendering: optimizeLegibility;\n}\n\n@font-face {\n  font-family: 'MinecraftSevenV2';\n  src: url(#{$freyja-asset-path}/fonts/Minecraft-Seven_v2.otf);\n  src: \n    url(#{$freyja-asset-path}/fonts/Minecraft-Seven_v2.woff) format('woff'), \n    url(#{$freyja-asset-path}/fonts/Minecraft-Seven_v2.ttf) format('truetype');\n  font-style: normal;\n  font-weight: 400;\n  text-rendering: optimizeLegibility;\n}\n\n@font-face {\n  font-family: MinecraftTenV2;\n  src: url(#{$freyja-asset-path}/fonts/Minecraft-Tenv2.eot);\n  src: \n    url(#{$freyja-asset-path}/fonts/Minecraft-Tenv2.eot?#iefix) format('embedded-opentype'), \n    url(#{$freyja-asset-path}/fonts/Minecraft-Tenv2.woff) format('woff'),\n    url(#{$freyja-asset-path}/fonts/Minecraft-Tenv2.ttf) format('truetype'), \n    url(#{$freyja-asset-path}/fonts/Minecraft-Tenv2.woff2) format('woff2');\n  font-style: normal;\n  font-weight: 400;\n  text-rendering: optimizeLegibility;\n}\n\n\n\nbody {\n  font-family: \"Noto Sans\", sans-serif;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4 {\n  text-transform: uppercase;\n  letter-spacing: 1px;\n\n  @include media-breakpoint-only(xs) {\n    word-wrap: break-word;\n  }\n}\n\n@include media-breakpoint-only(xs) {\n  h1 {\n    font-size: $font-size-base * 1.6;\n  }\n\n  h2 {\n    font-size: $font-size-base * 1.4;\n  }\n}\n\n.font-mc-ten,\n.font-mc-seven,\n.font-mc-five {\n  font-weight: normal !important;\n\n  @extend %antialiasing;\n}\n\n.font-mc-ten {\n  font-family: 'MinecraftTen', 'Noto Sans', sans-serif;\n}\n\n.font-mc-seven {\n  font-family: 'MinecraftSeven', 'Noto Sans', sans-serif;\n}\n\n.font-mc-five {\n  font-family: 'MinecraftFive', 'Noto Sans', sans-serif;\n}\n\nblockquote {\n  padding: 0 1rem;\n  border-left: 3px solid $primary;\n}\n\n.blockquote-footer {\n  text-align: right;\n}\n\n.text-small {\n  font-size: $text-small;\n}\n\n.text-smaller {\n  font-size: $text-smaller;\n}\n\n.text-smallest {\n  font-size: $text-smallest;\n}\n\n.letter-spacing-1 {\n  letter-spacing: 1px;\n}\n\n$dark-hr-color: rgba(255, 255, 255, 0.1);\n\n.divider {\n  border: solid 3px rgba(0, 0, 0, 0.1);\n}\n\n.text-light,\n.text-white {\n  hr {\n    border-top: 1px solid $dark-hr-color;\n  }\n\n  .divider {\n    border-color: $dark-hr-color;\n  }\n}\n\ncode {\n  padding: map-get($spacers, 1);\n  background-color: $gray-200;\n}\n"
  },
  {
    "path": "scss/components/_alert.scss",
    "content": "// Headings for larger alerts\n.alert-heading {\n  // Specified to prevent conflicts of changing $headings-color\n  color: inherit;\n}\n\n.alert {\n  color: currentColor;\n  box-shadow: $default-box-shadow;\n\n  .close {\n    transform: translateY(calc(3em / 16));\n    padding: ($alert-padding-y / 2) ($alert-padding-x / 2);\n    margin: ($alert-padding-y / 2) ($alert-padding-x / 2);\n  }\n}\n\n// Provide class for links that match alerts\n.alert-link {\n  font-weight: normal;\n  text-decoration: underline;\n}\n\n@each $color, $value in $theme-colors {\n  .alert-#{$color} {\n    background-color: $value;\n\n    a,\n    a:hover,\n    .alert-link {\n      color: currentColor;\n      text-decoration: underline;\n    }\n  }\n}\n\n.alert-primary,\n.alert-secondary,\n.alert-success,\n.alert-danger,\n.alert-dark {\n  color: $white;\n}\n\n.alert-fixed {\n  position: fixed;\n  margin: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: $zindex-popover;\n\n  @include media-breakpoint-up(lg) {\n    left: 50%;\n    transform: translateX(-50%);\n  }\n}"
  },
  {
    "path": "scss/components/_animations.scss",
    "content": "// Flicker\n.animation-flicker {\n  animation: flicker-opacity 4s ease-in-out infinite;\n}\n\n// Floating\n.animation-floating--vertical {\n  animation: floating-vertical 8s ease-in-out infinite;\n\n  @extend %force-layer-creation;\n}\n\n.animation-floating--circular {\n  animation: floating-circular 12s linear infinite;\n\n  @extend %force-layer-creation;\n}\n\n// Bounce\n.animation-bounce--right {\n  animation: bounce-right 1.2s 2;\n}\n\n.animation-bounce--left {\n  animation: bounce-left 1.2s 2;\n}\n\n.animation-bounce--left-long {\n  animation: bounce-left 1.5s ease-in-out 0.5s 4;\n}\n\n.animation-bounce--down {\n  animation: bounce-down 1.2s 2;\n}\n\n.animation-bounce--up {\n  animation: bounce-up 1.2s 2;\n}\n\n// Drop series\n.animation-drop-2 {\n  animation: drop2 1s linear infinite;\n}\n\n.animation-drop-3 {\n  animation: drop3 1s linear infinite;\n}\n\n.animation-drop-4 {\n  animation: drop4 1s linear infinite;\n}\n\n.animation-scale--in-out {\n  animation: scale-in-out 0.4s infinite;\n}\n\n.animation-scale--0-to-1 {\n  animation: scale-0-to-1 0.5s;\n}\n\n.animation-pop {\n  animation: pop 1s linear infinite;\n}\n\n.animation-rotate--45 {\n  animation: rotate-45 0.5s 1 ease-in forwards;\n}\n\n@for $i from 1 through 8 {\n  .animation-run-#{$i}-times {\n    animation-iteration-count: $i;\n  }\n}\n\n.animation-run-infinite {\n  animation-iteration-count: infinite;\n}\n\n@for $i from 1 through 10 {\n  .animation-duration-#{$i} {\n    animation-duration: #{$i}s !important;\n  }\n\n  .animation-delay-#{$i} {\n    animation-delay: #{$i}s !important;\n  }\n}\n\n// Grow, used as a direct child of the element that will grow\na,\ndiv,\nspan,\nbutton {\n  > .grow {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: -1;\n    transition: 0.625s cubic-bezier(0, 0.8, 0.25, 1);\n  }\n\n  &:hover {\n    > .grow {\n      transform: scale(1.1);\n    }\n  }\n}\n"
  },
  {
    "path": "scss/components/_area-overlay.scss",
    "content": "%cover-all {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.area-overlay {\n  @extend %cover-all;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n\n  &-background {\n    @extend %cover-all;\n\n    opacity: 0.75;\n    z-index: -1;\n  }\n}\n"
  },
  {
    "path": "scss/components/_attribution.scss",
    "content": ".attribution {\n  width: 100%;\n  padding-bottom: 15px;\n\n  .attribution__avatar {\n    height: 140px;\n  }\n\n  img {\n    width: 82px;\n    float: left;\n  }\n}\n\n@include media-breakpoint-down(md) {\n  .attribution__details {\n    dt {\n      float: left;\n      clear: left;\n    }\n\n    dd {\n      float: left;\n    }\n  }\n}\n\n.attributed-quote {\n  position: relative;\n  border: 10px solid black;\n  padding: 20px;\n\n  &::before {\n    @extend %attributed-quote-glyph;\n\n    background-image: url(#{$freyja-asset-path}/svg/icons/pixel-begin-quote.svg);\n    top: -19px;\n    left: -19px;\n  }\n\n  &::after {\n    @extend %attributed-quote-glyph;\n\n    background-image: url(#{$freyja-asset-path}/svg/icons/pixel-end-quote.svg);\n    right: -19px;\n    bottom: -19px;\n  }\n\n  cite {\n    margin-top: 5px;\n    font-style: normal;\n    text-transform: uppercase;\n    white-space: nowrap;\n    display: block;\n  }\n}\n\n.attributed-quote__text {\n  margin: 0;\n  border: 0;\n  padding: 0;\n  font-size: 14px;\n  font-weight: bold;\n}\n\n.attributed-quote__image {\n  float: left;\n  max-height: 92px;\n  margin-top: 4px;\n  margin-bottom: 0;\n  margin-right: 7px;\n}\n"
  },
  {
    "path": "scss/components/_borders.scss",
    "content": ".border-dungeons {\n  border: 30px solid rgba($white, 0.25);\n  border-image: url(#{$freyja-asset-path}/img/border-dungeons-25.png) 30;\n}\n\n@for $i from 1 through 5 {\n  .border-width-#{$i} {\n    border-width: #{$i}px!important;\n  }\n}\n\n@each $opacity in $opacities {\n  @each $color, $value in (\"black\": $black, \"white\": $white) {\n    \n    .border-#{$color}-#{$opacity} {\n      border-color: rgba($value, $opacity / 100)!important;\n    }\n  }\n}"
  },
  {
    "path": "scss/components/_buttons.scss",
    "content": "$btn-border-width: 4px;\n\n@mixin disabled-btn-before {\n  &::before {\n    box-shadow:\n      0 $btn-border-width rgba($white, 0.4) inset,\n      0 (-$btn-border-width) rgba($black, 0.05) inset,\n      $btn-border-width 0 rgba($black, 0.05) inset,\n      (-$btn-border-width) 0 rgba($white, 0.4) inset;\n    background-color: $gray-300;\n  }\n}\n\n@mixin disabled-btn-after {\n  &::after {\n    box-shadow: none;\n  }\n}\n\n#btn-pseudo-element {\n  position: absolute;\n  pointer-events: none;\n  top: 0;\n  left: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  content: '';\n  transition: 0.7s cubic-bezier(0, 0.8, 0.26, 0.99);\n}\n\n#btn-border {\n  &::before,\n  &::after {\n    @extend #btn-pseudo-element;\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    outline: none;\n    box-shadow: none;\n    color: $white !important;\n\n    &::before,\n    .grow {\n      background-color: $primary-hover;\n      box-shadow:\n        0 (-$btn-border-width) rgba($black, 0.35) inset,\n        0 $btn-border-width rgba($white, 0.25) inset,\n        (-$btn-border-width) 0 rgba($white, 0.25) inset,\n        $btn-border-width 0 rgba($black, 0.35) inset;\n    }\n  }\n\n  &::before,\n  .grow {\n    box-shadow:\n      0 (-$btn-border-width) rgba($black, 0.25) inset,\n      0 $btn-border-width rgba($white, 0.35) inset,\n      (-$btn-border-width) 0 rgba($white, 0.35) inset,\n      $btn-border-width 0 rgba($black, 0.25) inset;\n    z-index: -1;\n  }\n\n  &::after {\n    box-shadow: $default-box-shadow;\n  }\n}\n\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  border: 0;\n  z-index: 1;\n  user-select: none;\n  cursor: pointer;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  white-space: unset;\n  padding: 0.8rem 1.5rem;\n  text-decoration: none;\n\n  .grow {\n    &::after {\n      @extend #btn-pseudo-element;\n\n      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);\n    }\n  }\n\n  &:hover {\n    .grow::after {\n      box-shadow: $default-box-shadow;\n    }\n  }\n}\n\n.btn-xl {\n  padding: 1rem 2rem;\n  font-size: 2.25rem;\n  line-height: 1.5;\n}\n\n.btn-lg {\n  padding: 1.35rem 3.1rem;\n}\n\n.btn-disabled,\n.btn-primary,\n.btn-secondary,\n.btn-danger,\n.btn-warning,\n.btn-info,\n.btn-hexagon {\n  @extend #btn-border;\n}\n\n.btn-primary,\n.btn-secondary,\n.btn-danger,\n.btn-hexagon {\n  text-shadow: $default-shadow;\n}\n\n// To ensure that button text-colors are kept correct, we need to add an important flag\n@each $color, $value in $theme-colors {\n  .btn-#{$color} {\n    color: color-yiq($value) !important;\n\n    &::before,\n    .grow {\n      background-color: $value;\n\n      @media screen and (-ms-high-contrast: active) {\n        background-color: window !important;\n      }\n    }\n  }\n}\n\n@each $color, $value in $dungeons-theme-colors {\n  .btn-#{$color} {\n    color: color-yiq($value) !important;\n  }\n}\n\n.btn-vertical-stack {\n  flex-direction: column;\n}\n\n.btn-link {\n  color: $primary;\n  font-size: 1rem;\n  letter-spacing: normal;\n  text-transform: none;\n  padding: 0;\n\n  &:hover,\n  &:focus {\n    color: $primary-supportive;\n    text-decoration: underline;\n  }\n}\n\n.btn-square {\n  width: 3rem;\n  height: 3rem;\n  padding: 0px;\n}\n\n.btn-ribbon {\n  padding-left: 80px;\n  min-height: 105px;\n}\n\n.btn-hexagon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 64px;\n  height: 42px;\n  padding: 0;\n  transition: 0.625s cubic-bezier(0, 0.8, 0.25, 1);\n  box-sizing: content-box;\n  margin: 19px 0;\n  border-right: $btn-border-width solid;\n  border-left: $btn-border-width solid;\n\n  & > * {\n    z-index: 1;\n    position: relative;\n    transform: perspective(500000000000px) translateZ(32px); // To prevent safari from hiding content under hexagon edges\n  }\n\n  &::before,\n  &::after,\n  &:hover::before,\n  &:focus::before {\n    box-shadow: none;\n  }\n\n  &::before,\n  &::after {\n    transition: 0.625s cubic-bezier(0, 0.8, 0.25, 1);\n    width: 51.3px;\n    height: 51.3px;\n    left: 50%;\n  }\n\n  &::before {\n    transform: translateY(-26px) translateX(-50%) rotateX(58deg) rotate(45deg);\n    border-top: ($btn-border-width * 1.5) solid;\n    border-left: ($btn-border-width * 1.5) solid;\n    box-shadow: 2px 2px 0 transparent; // needed to remove a line that appears in chrome\n  }\n\n  &::after {\n    transform: translateY(26px) translateX(-50%) rotateX(-58deg) rotate(45deg);\n    top: auto;\n    bottom: 0;\n    border-bottom: ($btn-border-width * 1.5) solid;\n    border-right: ($btn-border-width * 1.5) solid;\n  }\n\n  &.btn-primary {\n    border-right-color: mix($primary, $white, 75%);\n    border-left-color: mix($primary, $black, 75%);\n\n    &,\n    &::after,\n    &::before {\n      background-color: $primary;\n    }\n\n    &::before {\n      border-top-color: mix($primary, $white);\n      border-left-color: mix($primary, $white, 75%);\n    }\n\n    &::after {\n      border-bottom-color: mix($primary, $black);\n      border-right-color: mix($primary, $black, 75%);\n    }\n  }\n\n  &.btn-secondary {\n    border-right-color: mix($secondary, $white, 75%);\n    border-left-color: mix($secondary, $black, 75%);\n\n    &,\n    &::after,\n    &::before {\n      background-color: $secondary;\n    }\n\n    &::before {\n      border-top-color: mix($secondary, $white);\n      border-left-color: mix($secondary, $white, 75%);\n    }\n\n    &::after {\n      border-bottom-color: mix($secondary, $black);\n      border-right-color: mix($secondary, $black, 75%);\n    }\n  }\n\n  &.btn-dungeons-primary {\n    border-right-color: mix($dungeons-primary, $white, 75%);\n    border-left-color: mix($dungeons-primary, $black, 75%);\n\n    &,\n    &::after,\n    &::before {\n      background-color: $dungeons-primary;\n    }\n\n    &::before {\n      border-top-color: mix($dungeons-primary, $white);\n      border-left-color: mix($dungeons-primary, $white, 75%);\n    }\n\n    &::after {\n      border-bottom-color: mix($dungeons-primary, $black);\n      border-right-color: mix($dungeons-primary, $black, 75%);\n    }\n  }\n\n  &.btn-dungeons-secondary {\n    border-right-color: mix($dungeons-secondary, $white, 75%);\n    border-left-color: mix($dungeons-secondary, $black, 75%);\n\n    &,\n    &::after,\n    &::before {\n      background-color: $dungeons-secondary;\n    }\n\n    &::before {\n      border-top-color: mix($dungeons-secondary, $white);\n      border-left-color: mix($dungeons-secondary, $white, 75%);\n    }\n\n    &::after {\n      border-bottom-color: mix($dungeons-secondary, $black);\n      border-right-color: mix($dungeons-secondary, $black, 75%);\n    }\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    border-right-color: mix($primary-hover, $white, 75%) !important;\n    border-left-color: mix($primary-hover, $black, 75%) !important;\n    box-shadow: none !important;\n\n    &,\n    &::after,\n    &::before {\n      background-color: $primary-hover !important;\n    }\n\n    &::before {\n      border-top-color: mix($primary-hover, $white);\n      border-left-color: mix($primary-hover, $white, 75%);\n      box-shadow: 2px 2px 0 transparent; // needed to remove a line that appears in chrome\n    }\n\n    &::after {\n      border-bottom-color: mix($primary-hover, $black);\n      border-right-color: mix($primary-hover, $black, 75%);\n    }\n  }\n}\n\n.btn[class*=\"btn-outline\"] {\n  box-shadow: 0 0 0 4px currentColor inset;\n  transition: background-color 0.2s linear;\n\n  &:hover,\n  &:active,\n  &:focus {\n    background-color: $secondary !important;\n    box-shadow: 0 0 0 4px $secondary inset;\n    color: #fff;\n  }\n\n  &.btn-hexagon {\n    box-shadow: none !important;\n\n    &:hover,\n    &:active,\n    &:focus {\n      &,\n      &::after,\n      &::before {\n        background-color: $secondary !important;\n        border-color: $secondary !important;\n      }\n    }\n\n    &::after,\n    &::before {\n      transition: background-color 0.2s linear;\n      background-color: $black;\n      border-color: currentColor;\n    }\n  }\n}\n\n.btn:disabled,\n.btn-disabled {\n  @include disabled-btn-before;\n  @include disabled-btn-after;\n  cursor: default !important;\n  color: $gray-600 !important;\n  text-shadow: none;\n\n  &:hover,\n  &:focus,\n  &:active {\n    @include disabled-btn-before;\n    @include disabled-btn-after;\n    color: $gray-600 !important;\n  }\n  &:focus{\n    box-shadow: $btn-focus-box-shadow;\n  }\n}\n\n.btn-disabled-outline,\n[class*=btn-outline]:disabled {\n  cursor: default !important;\n  color: $gray-300 !important;\n  background-color: transparent;\n  box-shadow: 0 0 0 4px currentColor inset;\n\n  &::before,\n  &::after {\n    box-shadow: none;\n  }\n\n  &:hover,\n  &:focus,\n  &:active {\n    color: $gray-300 !important;\n    background-color: transparent !important;\n    box-shadow: 0 0 0 4px currentColor inset;\n\n    &::before {\n      box-shadow: none;\n    }\n  }\n}\n\n@media screen and (-ms-high-contrast: active) {\n  .btn {\n    border: $btn-border-width solid;\n    color: windowText !important;\n  }\n\n  a {\n    &.btn {\n      -ms-high-contrast-adjust: none;\n\n      &::before {\n        background: Window !important;\n        box-shadow: none !important;\n        border-color: HighLight !important;\n      }\n\n      &:hover {\n        border-color: HighLight !important;\n        box-shadow: none !important;\n        color: windowText !important;\n\n        &::before {\n          background-color: Window !important;\n        }\n      }\n\n      &:focus {\n        border-color: HighLight !important;\n        box-shadow: none !important;\n        color: windowText !important;\n      }\n    }\n\n    &.btn-warning,\n    &.btn-primary {\n      color: windowText !important;\n    }\n  }\n}"
  },
  {
    "path": "scss/components/_card.scss",
    "content": ".card {\n  background-color: transparent;\n\n  &.card-grow:focus {\n    outline: none !important;\n    border: 3px solid #55a1f3;\n  }\n}\n\n// Wrap cards at 768px instead of Bootstrap 576px default\n.card-group,\n.card-deck,\n.card-columns {\n  @include media-breakpoint-up(md) {\n    flex-flow: row wrap;\n  }\n\n  @include media-breakpoint-only(sm) {\n    flex-flow: column;\n  }\n}\n\n.card-deck {\n  .card {\n    margin-bottom: $card-deck-margin;\n    margin-top: $card-deck-margin;\n  }\n\n  .card-grow {\n    & > .grow {\n      background-color: $white;\n    }\n\n    &:hover {\n      & > .grow {\n        background-color: $ebb;\n      }\n    }\n  }\n}\n\n.card-grow {\n  z-index: 1;\n  cursor: pointer;\n\n  &:hover {\n    z-index: 2;\n  }\n}\n\n.card-group {\n  .card {\n    margin-bottom: 0;\n  }\n}\n\n.card-separator {\n  box-shadow: 0 1px 0 rgba(mix($white, $black), 0.5);\n\n  @include media-breakpoint-up(md) {\n    box-shadow: -1px 0 0 rgba(mix($white, $black), 0.5) inset;\n  }\n}\n\n.card-wrap {\n  .card {\n    @include media-breakpoint-between(md, lg) {\n      flex: 1 0 40%;\n    }\n  }\n}\n"
  },
  {
    "path": "scss/components/_checkbox.scss",
    "content": ".checkbox {\n  display: inline-block;\n  position: relative;\n\n  input[type=\"checkbox\"] {\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: 0;\n    height: 1.3em;\n    width: 1.3em;\n\n    &:checked {\n      & + label {\n        .checkbox-icon {\n          border-color: $primary;\n          background-color: $primary;\n\n          &::after {\n            content: \"\";\n            display: block;\n            width: 100%;\n            height: 100%;\n            position: absolute;\n          }\n        }\n        .svg-icon {\n          color: $white;\n          transform: scale(1);\n        }\n      }\n    }\n\n    &:focus {\n      outline: none;\n\n      & + label {\n        .checkbox-icon {\n          box-shadow: 0 0 5px 1px Highlight;\n        }\n      }\n    }\n\n    &:disabled {\n      & + label {\n        color: $gray-500;\n\n        .checkbox-icon {\n          border-color: $gray-400;\n          background-color: $gray-300;\n\n          &::before {\n            content: \"\";\n            display: block;\n            position: absolute;\n            background-color: $gray-400;\n            left: -4px;\n            top: 50%;\n            width: 24px;\n            height: 2px;\n            transform: translateY(-50%) rotate(45deg);\n          }\n        }\n      }\n    }\n\n    &:disabled:checked {\n      & + label {\n        .checkbox-icon {\n          background-color: $gray-300;\n        }\n        .svg-icon {\n          color: $gray-400;\n        }\n      }\n    }\n  }\n\n  .checkbox-label {\n    display: inline-flex;\n    align-items: center;\n    transition: 0.3s;\n  }\n\n  .checkbox-icon {\n    display: inline-block;\n    background-color: $white;\n    border: 2px solid rgba($black, 0.5);\n    margin-right: 0.25em;\n    padding: 2px;\n    transition: 0.3s;\n    line-height: 0;\n    position: relative;\n    width: 20px;\n    height: 20px;\n    color: transparent;\n\n    .svg-icon {\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      transition: 0.3s;\n      transform: scale(0);\n    }\n  }\n}\n"
  },
  {
    "path": "scss/components/_close.scss",
    "content": ".close {\n  opacity: 1;\n  font-size: 1rem;\n}\n"
  },
  {
    "path": "scss/components/_countdown.scss",
    "content": ".countdown-wrapper {\n  margin: 20px 0;\n}\n\n.countdown {\n  margin-left: auto;\n  margin-right: auto;\n  grid-template-rows: repeat(2, 130px);\n  grid-template-columns: repeat(2, 130px);\n  justify-items: center;\n  justify-content: center;\n\n  @include media-breakpoint-up(xs) {\n    width: 260px;\n  }\n\n  @include media-breakpoint-up(sm) {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n  }\n\n  .countdown__dimension {\n    display: inline-block;\n  }\n\n  .figures {\n    margin: 0.7rem;\n    width: 95px;\n    height: 95px;\n    background-image: url(#{$freyja-asset-path}/svg/shapes/square-like.svg);\n    color: $black;\n    background-size: cover;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n\n    .title {\n      font-size: 14px;\n      font-family: \"Noto Sans\", sans-serif;\n      text-transform: uppercase;\n      font-weight: bold;\n      margin-top: 5px;\n    }\n  }\n\n  .figure {\n    position: relative;\n    float: left;\n    font-size: 40px;\n    line-height: 40px;\n    text-shadow: 0 3px 0 $white;\n    text-align: center;\n    margin-right: 2px;\n    background: transparent;\n    display: inline-block;\n\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n}\n\n.countdown--black {\n  .figures {\n    background-image: url(#{$freyja-asset-path}/svg/shapes/square-like-black.svg);\n  }\n}\n\n.countdown--small {\n  .figures {\n    margin: 0.1rem;\n    width: 50px;\n    height: 50px;\n\n    .title {\n      margin-top: 0px;\n    }\n  }\n\n  .figure {\n    font-size: 20px;\n    line-height: 25px;\n    margin-right: 0px;\n    text-shadow: none;\n  }\n}"
  },
  {
    "path": "scss/components/_counter.scss",
    "content": ".counter {\n  position: relative;\n  overflow: hidden;\n  font-size: 90px;\n  font-weight: bold;\n  line-height: 90px;\n  margin: 20px 0 !important;\n  height: 100px;\n\n  @include media-breakpoint-down(sm) {\n    font-size: 38px;\n  }\n}\n\n.counter__digit-container {\n  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 65%, rgba(0, 0, 0, 0) 100%);\n  transform: translateZ(0);\n}\n\n.counter__digit {\n  display: inline-block;\n  width: 62px;\n  height: 90px;\n  position: relative;\n\n  @include media-breakpoint-down(sm) {\n    width: 24px;\n  }\n}\n\n.counter__digit-column {\n  display: inline-block;\n  position: absolute;\n  top: 0;\n  left: 9px;\n\n  @include media-breakpoint-down(sm) {\n    left: 0;\n  }\n}\n\n.counter__digit-column span {\n  display: block;\n  width: 100%;\n  text-align: center;\n}\n\n.counter__digit--separator {\n  width: 36px;\n  opacity: 0;\n  transition: width 0.66s cubic-bezier(0.1, 0.55, 0, 1.1), opacity 0.8s ease-out;\n}\n\n.counter__svg-container {\n  height: 0;\n}\n"
  },
  {
    "path": "scss/components/_footer.scss",
    "content": ".mojang-studios-footer {\n  background: $black;\n  color: $secondary;\n  padding: 27px 0 25px;\n\n  @include media-breakpoint-up(sm) {\n    padding: 2.2rem 0 2rem;\n  }\n\n  .nav {\n    a {\n      @include link($cloud, $cloud, $cloud);\n\n      &:hover {\n        background-color: transparent;\n        text-shadow: none;\n      }\n    }\n  }\n\n  .nav-pills {\n    @include media-breakpoint-down(xs) {\n      margin-bottom: 6px;\n\n      li {\n        margin: 2px 0;\n      }\n    }\n  }\n\n  .with-divider {\n    padding-right: 0;\n    border-right: none;\n\n    li {\n      border-right: 1px solid $cloud;\n      padding: 0 0.5em;\n\n      &:last-child {\n        border-right: none;\n      }\n    }\n  }\n\n  .icon-xbox-game-studios {\n    width: 90px;\n    height: 50px;\n  }\n\n  .icon-esrb {\n    height: 55px;\n    width: 120px;\n  }\n\n  .icon-cero-a {\n    height: 90px;\n    width: 55px;\n  }\n\n  .icon-mojang-studios {\n    width: 60px;\n    height: 50px;\n  }\n\n  .rating-container {\n    @include media-breakpoint-up(md) {\n      position: absolute;\n      right: 0;\n      top: 0;\n    }\n  }\n}\n\n.mojang-studios-tall-footer {\n  .icon-xbox-game-studios {\n    max-width: 140px;\n    height: 110px;\n  }\n\n  .icon-esrb {\n    max-height: 90px;\n    max-width: 170px;\n  }\n\n  .icon-mojang-studios {\n    height: 110px;\n    max-width: 140px;\n  }\n\n  @include media-breakpoint-up(md) {\n    .footer-container {\n      display: grid;\n      grid-template-columns: 1fr 3fr;\n      grid-template-rows: repeat(2, auto);\n      grid-column-gap: 2em;\n    }\n\n    .footer-studio-logos {\n      grid-column: 1;\n      grid-row: 1;\n      flex-direction: column;\n    }\n\n    .footer-links {\n      grid-column: 2;\n      grid-row: 1;\n    }\n\n    .footer-copyright {\n      grid-column: 2;\n      grid-row: 2;\n    }\n  }\n\n  @include media-breakpoint-up(xl) {\n    .footer-container {\n      grid-template-columns: 2fr 3fr;\n    }\n\n    .footer-copyright {\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .footer-studio-logos {\n      flex-direction: row;\n    }\n\n    .footer-links {\n      grid-row: 1 / span 2;\n    }\n\n    .icon-xbox-game-studios {\n      max-width: 180px;\n    }\n  }\n}\n\n.ms-footer {\n  font-family: 'Segoe UI', sans-serif;\n  background-color: $senary;\n  padding: 1.3rem 0;\n  -webkit-font-smoothing: antialiased;\n\n  @include media-breakpoint-up(lg) {\n    padding: 2rem 0;\n  }\n\n  a {\n    color: $white;\n  }\n\n  li {\n    position: static;\n    white-space: nowrap;\n  }\n\n  .ms-footer__language-selector {\n    .ms-footer__language-selector-link {\n      display: inline-block;\n      padding: 6px 0;\n\n      @include media-breakpoint-up(sm) {\n        padding: 1px 0;\n      }\n    }\n\n    .ms-footer__language-selector-list {\n      margin: 0;\n    }\n\n    .ms-footer__language-selector-form {\n      padding: 10px 0 20px;\n      margin-bottom: 20px;\n      border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    }\n  }\n\n  .ms-links {\n    margin: 10px 0;\n\n    @include media-breakpoint-up(lg) {\n      margin: 0;\n    }\n\n    .ms-links__link {\n      margin-bottom: 4px;\n      margin-right: 20px;\n    }\n\n    .ms-links__links--locale {\n      display: flex;\n      align-items: center;\n\n      .ms-links__links--locale-icon {\n        margin-right: 5px;\n      }\n\n      .ms-links__links--locale-text {\n        position: relative;\n      }\n    }\n  }\n\n  .icon-microsoft {\n    width: 105px;\n    height: 25px;\n  }\n}\n\n#language-selector {\n  display: none;\n  position: relative;\n\n  &::after {\n    height: 20px;\n    display: block;\n    content: \"\";\n    position: absolute;\n    width: 100%;\n    bottom: 0;\n    background-image: linear-gradient(transparent, #2f2f2f);\n  }\n}\n"
  },
  {
    "path": "scss/components/_forms.scss",
    "content": "$label-color: $scorpion;\n\n.form-group {\n  &.has-error {\n    .help-block {\n      color: $danger;\n    }\n  }\n}\n\n.form-control {\n  font-size: 14px;\n  height: 36px;\n  padding: 8px;\n  border-color: $senary-supportive;\n  &:focus {\n    @media (forced-colors: active) {\n      outline: 5px auto -webkit-focus-ring-color;\n    }\n  }\n}\n\n.form-control-plaintext {\n  width: 100%;\n  display: block;\n}\n\n.required:after {\n  content: \" *\";\n  color: $red;\n}\n\n.form-tooltip {\n  position: relative;\n  display: inline-block;\n}\n\n.form-tooltip .form-tooltip-text {\n  visibility: hidden;\n  background-color: #F8F5F4;\n  color: #000000;\n  border-radius: 8px;\n  padding: 8px;\n  position: absolute;\n  width: 336px;\n  transform: translate(-50%, 32%);\n  z-index:1;\n  font-size:14px;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n}\n\n.form-tooltip .form-tooltip-text::after {\n  content: \"\";\n  position: absolute;\n  bottom: 100%;\n  right: 50%;\n  border-width:8.66px;\n  border-style: solid;\n  border-color: transparent transparent #F8F5F4 transparent;\n}\n\n.form-tooltip:hover .form-tooltip-text {\n  visibility: visible;\n}\n\nlabel {\n  color: $label-color;\n  font-size: 14px;\n  margin-bottom: 0;\n}\n\nselect {\n  font-size: 16px;\n}\n"
  },
  {
    "path": "scss/components/_icons.scss",
    "content": ".svg-icon {\n  width: 1em;\n  height: 1em;\n  overflow: unset !important;\n\n  use {\n    fill: currentColor;\n  }\n}\n\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  .svg-icon {\n    transform: translateY(calc(-2em / 16));\n  }\n}\n\n.icon-15x {\n  font-size: 1.5rem;\n}\n\n@for $i from 2 through 5 {\n  .icon-#{$i}x {\n    font-size: #{$i}rem;\n  }\n}\n\n.icon-shadow {\n  filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.25));\n}\n\n.icon-outline {\n  display: inline-flex;\n  width: 48px;\n  height: 48px;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  border: 2px solid currentColor;\n\n  .svg-icon {\n    transform: none;\n  }\n}\n\n.icon-outline--circular {\n  border-radius: 50%;\n}\n\n.icon-outline--hexagon {\n  border-top: none;\n  border-bottom: none;\n  height: 26px;\n  width: 48px;\n  margin: 10px 0;\n\n  &::after,\n  &::before {\n    content: \"\";\n    pointer-events: none;\n    display: block;\n    position: absolute;\n    border: 2px solid currentColor;\n    width: 27.2px;\n    height: 47.4px;\n    left: 0;\n    right: 0;\n    top: 50%;\n    border-right: none;\n    border-left: none;\n    margin: 0 auto;\n    bottom: 0;\n  }\n\n  &::after {\n    transform: translateY(-50%) rotate(30deg);\n  }\n\n  &::before {\n    transform: translateY(-50%) rotate(-30deg);\n  }\n}\n\n.end-with-block {\n  h1 {\n    &:last-child::after {\n      width: $h1-font-size;\n      height: $h1-font-size;\n    }\n  }\n\n  p {\n    &:last-child::after {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  p,\n  h1 {\n    &:last-child::after {\n      content: '';\n      background: url(#{$freyja-asset-path}/svg/icons/what-block.svg) no-repeat;\n      display: inline-block;\n      margin-left: 0.5rem;\n      margin-bottom: 2px;\n      vertical-align: text-bottom;\n    }\n  }\n}\n"
  },
  {
    "path": "scss/components/_links.scss",
    "content": "a:hover {\n  text-decoration: underline;\n}\n\ntd,\nli,\np {\n  a {\n    color: $link-color;\n    transition: color 0.025s linear, background-color 0.025s linear;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: $white;\n      background-color: $black;\n    }\n  }\n}\n\np {\n  a {\n    text-decoration: underline;\n  }\n}\n\n.text-light {\n  td,\n  li,\n  p {\n    a {\n      color: $tertiary;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: $white;\n      }\n    }\n  }\n}\n\na,\nbutton {\n  &.inverted {\n    color: currentColor;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: $primary;\n      background-color: transparent;\n\n      .text-light & {\n        color: $tertiary;\n      }\n    }\n  }\n}\n\n.arrow-link {\n  color: currentColor;\n  font-weight: bold;\n  position: relative;\n  text-transform: uppercase;\n  text-align: inherit;\n  margin-left: 1.5em;\n  display: block;\n\n  &:focus,\n  &:hover,\n  &:active {\n    color: currentColor;\n  }\n\n  .svg-icon {\n    position: absolute;\n    top: 4px;\n    left: -1.5em;\n  }\n}\n\n.hover-current {\n  &:hover,\n  &:focus,\n  &:active {\n    background-color: transparent;\n    color: currentColor !important;\n  }\n}\n\na.hover-white {\n  &:hover,\n  &:focus,\n  &:active {\n    background-color: transparent;\n    color: $white !important;\n  }\n}\n\na.hover-black {\n  &:hover,\n  &:focus,\n  &:active {\n    background-color: transparent;\n    color: $black !important;\n  }\n}\n\n.anchor-link {\n  display: inline-block;\n  padding: 0.6rem 1rem;\n  color: $black;\n  background-color: rgba(255, 255, 255, 0.3);\n  box-shadow: 2px 2px 0 0 rgba(255, 255, 255, 0.5);\n  transition: background-color 0.025s linear;\n\n  &:hover,\n  &:active,\n  &:focus {\n    background-color: rgba(255, 255, 255, 0.6);\n    color: $body-color;\n  }\n\n  .svg-icon {\n    transform: translateY(calc(3em / 16));\n    margin-right: 0.2rem;\n    color: rgba(0, 0, 0, 0.5);\n  }\n}\n\n.text-light,\n.text-white {\n  .anchor-link {\n    color: $white;\n    background-color: rgba(0, 0, 0, 0.3);\n    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.5);\n\n    &:hover,\n    &:active,\n    &:focus {\n      background-color: rgba(0, 0, 0, 0.6);\n      color: $white;\n    }\n\n    .svg-icon {\n      color: rgba(255, 255, 255, 0.5);\n    }\n  }\n}\n"
  },
  {
    "path": "scss/components/_loader.scss",
    "content": ".preloader {\n  text-align: center;\n\n  p {\n    font-size: 1.2em;\n    margin-top: 1.3rem;\n    margin-bottom: 0;\n  }\n}\n\n.area-overlay {\n  .preloader {\n    padding: 1rem 2rem;\n    background: #fff;\n    box-shadow: 0 0 0 3px rgba($black, 0.2) inset;\n\n    .text-light & {\n      background: #000;\n      box-shadow: 0 0 0 3px rgba($white, 0.35) inset;\n\n      .square {\n        background: $tertiary;\n      }\n    }\n  }\n}\n\n/*\nCopyright (c) 2015 by Tashfeen Ahmad (http://codepen.io/tashfene/pen/medPdY)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated\ndocumentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the\nrights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit\npersons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the\nSoftware.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE\nWARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR\nOTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n*/\n\n.bigsquare {\n  position: relative;\n  display: inline-block;\n  width: 40px;\n  height: 40px;\n  overflow: hidden;\n  -webkit-transform-origin: bottom left;\n  -ms-transform-origin: bottom left;\n  transform-origin: bottom left;\n  -webkit-animation: bigSqrShrink 1s linear infinite;\n  animation: bigSqrShrink 1s linear infinite;\n\n  .square {\n    position: absolute;\n    width: 20px;\n    height: 20px;\n    background: $primary;\n  }\n\n  .first {\n    left: 0;\n    top: 20px;\n  }\n\n  .second {\n    left: 20px;\n    top: 20px;\n    animation: drop2 1s linear infinite;\n  }\n\n  .third {\n    left: 0;\n    top: 0;\n    animation: drop3 1s linear infinite;\n  }\n\n  .fourth {\n    left: 20px;\n    top: 0;\n    animation: drop4 1s linear infinite;\n  }\n}\n\n@keyframes bigSqrShrink {\n  0% {\n    -webkit-transform: scale(1);\n    transform: scale(1);\n  }\n\n  90% {\n    -webkit-transform: scale(1);\n    transform: scale(1);\n  }\n\n  100% {\n    -webkit-transform: scale(0.5);\n    transform: scale(0.5);\n  }\n}\n\n@keyframes drop2 {\n  0% {\n    -webkit-transform: translateY(-50px);\n    transform: translateY(-50px);\n  }\n\n  25% {\n    -webkit-transform: translate(0);\n    transform: translate(0);\n  }\n\n  100% {\n    -webkit-transform: translate(0);\n    transform: translate(0);\n  }\n}\n\n@keyframes drop3 {\n  0% {\n    -webkit-transform: translateY(-50px);\n    transform: translateY(-50px);\n  }\n\n  50% {\n    -webkit-transform: translate(0);\n    transform: translate(0);\n  }\n\n  100% {\n    -webkit-transform: translate(0);\n    transform: translate(0);\n  }\n}\n\n@keyframes drop4 {\n  0% {\n    -webkit-transform: translateY(-50px);\n    transform: translateY(-50px);\n  }\n\n  75% {\n    -webkit-transform: translate(0);\n    transform: translate(0);\n  }\n\n  100% {\n    -webkit-transform: translate(0);\n    transform: translate(0);\n  }\n}\n"
  },
  {
    "path": "scss/components/_logo.scss",
    "content": ".svg-logo {\n  overflow: unset !important;\n\n  use {\n    fill: currentColor;\n  }\n}\n"
  },
  {
    "path": "scss/components/_modal.scss",
    "content": ".modal-content {\n  padding: 0 15px;\n}\n\n.modal-header {\n  justify-content: center;\n\n  .close {\n    position: absolute;\n    right: 30px;\n  }\n}\n\n.modal-body {\n  text-align: center;\n}\n\n.modal-footer {\n  justify-content: center;\n}\n"
  },
  {
    "path": "scss/components/_navbar.scss",
    "content": ".navbar {\n  @include box-shadow(none);\n}\n\n.navbar-collapse {\n  text-align: center;\n}\n\n.navbar-inverse {\n  margin-bottom: 0;\n}\n\n@include media-breakpoint-down(sm) {\n  .navbar-collapse {\n    margin-top: 0;\n  }\n\n  .navbar-header__brand-img {\n    max-width: 200px;\n    margin: 0 auto;\n  }\n\n  .navbar-inverse {\n    min-height: 50px;\n  }\n}\n\n.navbar-nav {\n  flex-wrap: wrap;\n}\n\n.navbar-light,\n.navbar-dark {\n  .navbar-nav {\n    .nav-link {\n      color: currentColor;\n\n      &:active,\n      &:focus,\n      &:hover {\n        color: currentColor;\n        background-color: transparent;\n      }\n\n      &.active {\n        color: $white;\n        background-color: $black;\n      }\n\n      &.disabled {\n        background: transparent;\n        color: $nav-link-disabled-color;\n\n        &:hover {\n          color: $nav-link-disabled-color !important;\n        }\n      }\n    }\n  }\n}\n\n.navbar-dark {\n  color: $white;\n}\n\n.nav-link {\n  padding: 0.5rem 0.75rem;\n  line-height: 1;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  text-align: left;\n  display: flex;\n  align-items: center;\n\n  &:hover {\n    color: $white;\n    background-color: $black;\n  }\n\n  &.disabled {\n    background: transparent;\n    cursor: default;\n\n    &:hover {\n      color: $nav-link-disabled-color !important;\n    }\n  }\n  @media screen and (-ms-high-contrast: active) {\n    -ms-high-contrast-adjust: none;\n    color: windowText !important;\n    &.active,\n    &:hover {\n      color: window !important;\n      background-color: HighLight !important;\n    }\n  }\n}\n\n.nav {\n  margin: 0 -2px;\n\n  &.flex-column {\n    &.align-items-start,\n    &.align-items-end {\n      .nav-link {\n        width: auto;\n      }\n    }\n\n    .nav-link {\n      width: 100%;\n    }\n  }\n}\n\n.nav-item {\n  margin: 0 2px;\n  display: flex;\n}\n\n.dropdown-menu {\n  font-size: inherit;\n  text-transform: uppercase;\n}\n"
  },
  {
    "path": "scss/components/_page-section.scss",
    "content": "$page-section-vertical-padding: 4rem; // 64px;\n$page-section--article-top-padding: 2.75rem; // 44px;\n\n.page-section {\n  position: relative;\n  padding: $page-section-vertical-padding 0;\n\n  &--half-spacing {\n    padding: $page-section-vertical-padding / 2 0;\n  }\n\n  &--half-top-spacing {\n    padding-top: $page-section-vertical-padding / 2;\n  }\n\n  &--first {\n    padding-top: $page-section--article-top-padding;\n  }\n\n  &--double-spacing {\n    padding: 156px 0;\n  }\n\n  &--no-top-spacing {\n    padding-top: 0 !important;\n  }\n\n  &--no-bottom-spacing {\n    padding-bottom: 0;\n  }\n\n  &--no-overflow {\n    overflow: hidden;\n  }\n\n  &.text-white,\n  &.text-light {\n    @extend %antialiasing;\n  }\n\n  @include media-breakpoint-down(sm) {\n    padding: 44px 0;\n\n    &--first {\n      padding-top: 28px;\n    }\n\n    &--no-bottom-spacing {\n      padding-bottom: 0;\n    }\n  }\n\n  h1,\n  > .container > .row:first-child > div > :first-child {\n    margin-top: 0;\n  }\n}\n"
  },
  {
    "path": "scss/components/_progress.scss",
    "content": ".progress {\n  height: 4px;\n  border-radius: 0;\n  background-color: $black;\n\n  &-container {\n    background-color: $senary;\n    color: $white;\n  }\n\n  //TODO: Move this into Progress markup\n\n  &-labels {\n    justify-content: center !important;\n\n    &__list-item {\n      flex: 0 0 25%;\n      max-width: 25%;\n\n      .glyphicon.glyphicon-stop {\n        background-color: $black;\n        display: inline-block;\n        height: 1em;\n        width: 1em;\n        transform: scale(0.8) translateY(3px);\n      }\n    }\n  }\n}\n"
  },
  {
    "path": "scss/components/_radio.scss",
    "content": ".radio {\n  display: inline-block;\n  position: relative;\n\n  @media screen and (-ms-high-contrast: active) {\n    -ms-high-contrast-adjust: none;\n  }\n\n  input[type=\"radio\"] {\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: 0;\n    height: 1.3em;\n    width: 1.3em;\n\n    &:checked {\n      & + label {\n        .radio-icon {\n          border-color: $primary;\n\n          @media screen and (-ms-high-contrast: active) {\n            border-color: Highlight;\n          }\n\n          &::after {\n            background-color: $primary;\n            \n            @media screen and (-ms-high-contrast: active) {\n              background-color: Highlight;\n            }\n          }\n        }\n\n        &.radio-selection {\n          border-color: $primary;\n          background-color: $ebb;\n          box-shadow: 3px 3px 0 rgba($black, 0.1) inset;\n\n          @media screen and (-ms-high-contrast: active) {\n            border-color: Highlight;\n            background-color: Window;\n          }\n        }\n      }\n    }\n\n    &:focus {\n      outline: none;\n\n      & + label {\n        .radio-icon {\n          box-shadow: 0 0 5px 1px Highlight;\n        }\n      }\n    }\n\n    &:disabled {\n      & + label {\n        color: $gray-500;\n\n        .radio-icon {\n          border-color: $gray-400;\n          background-color: $gray-300;\n\n          &::before {\n            content: \"\";\n            display: block;\n            position: absolute;\n            background-color: $gray-400;\n            left: 0;\n            top: 50%;\n            width: 100%;\n            height: 2px;\n            transform: translateY(-50%) rotate(45deg);\n          }\n        }\n      }\n    }\n\n    &:disabled:checked {\n      & + label {\n        .radio-icon {\n          &::after {\n            background-color: $gray-400;\n          }\n        }\n\n        &.radio-selection {\n          border-color: $gray-400;\n          background-color: $ebb;\n          box-shadow: none;\n        }\n      }\n    }\n  }\n\n  .radio-label {\n    display: inline-flex;\n    align-items: center;\n    transition: 0.3s;\n  }\n\n  .radio-icon {\n    display: inline-block;\n    background-color: $white;\n    border: 2px solid rgba($black, 0.5);\n    border-radius: 50%;\n    margin-right: 0.25em;\n    padding: 2px;\n    transition: 0.3s;\n    line-height: 0;\n    position: relative;\n\n    @media screen and (-ms-high-contrast: active) {\n      background-color: Window;\n      border-color: WindowText;\n    }\n\n    &::after {\n      content: \"\";\n      display: inline-block;\n      width: 12px;\n      height: 12px;\n      border-radius: 50%;\n      transition: 0.3s;\n    }\n  }\n\n  .radio-selection {\n    display: block;\n    border: 3px solid rgba($black, 0.1);\n    border-radius: 4px;\n    padding: $spacer;\n    transition: 0.3s;\n\n    @media screen and (-ms-high-contrast: active) {\n      border-color: windowText;\n      box-shadow: none !important;\n    }\n  }\n}\n"
  },
  {
    "path": "scss/components/_ribbons.scss",
    "content": ".ribbon {\n  transform-origin: left top;\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 100;\n  width: 96px;\n  height: 96px;\n  transition: all 0.6s $custom-bezier-1;\n}\n\n.ribbon-icon {\n  fill: currentColor;\n  width: 96px;\n  height: 96px;\n\n  .top,\n  .left {\n    fill: transparent;\n  }\n\n  .corner {\n    fill: inherit;\n  }\n}\n\n.ribbon-icon--secondary {\n  fill: $quaternary-supportive;\n}\n\n.ribbon-label {\n  display: flex;\n  transform: translateY(-50%) translateX(-50%) rotate(-45deg);\n  transform-origin: 50%;\n  position: absolute;\n  top: 34%;\n  left: 34%;\n  width: 75%;\n  height: 75%;\n  white-space: normal;\n  align-items: center;\n  justify-content: center;\n}\n\n.btn {\n  .ribbon-icon {\n    transition: fill 0.15s ease-in-out;\n    fill: $secondary-supportive;\n    filter: drop-shadow(0 3px 0 rgba(0, 0, 0, 0.25));\n\n    .top {\n      transition: fill 0.15s ease-in-out;\n      fill: rgba($white, 0.3);\n    }\n\n    .left {\n      transition: fill 0.15s ease-in-out;\n      fill: rgba($black, 0.25);\n    }\n  }\n\n  &:hover,\n  &:focus {\n    .ribbon-icon {\n      fill: $primary;\n    }\n  }\n}\n"
  },
  {
    "path": "scss/components/_tiles.scss",
    "content": "$tile-base-size: 276px;\n$tile-gutter-size: 12px;\n$tile-transition-time: 200ms;\n$btn-video-play-height: 80px;\n$tile-caption-height: 84px;\n\n.tile {\n  display: block;\n  position: relative;\n  overflow: hidden;\n  background-color: transparent;\n\n  /*\n    Init and start is set as animation cues by Freewall when new tiles appear in the DOM.\n    The load state is set by the Tile component when the tile image has finished loading\n  */\n  &[data-state=\"init\"],\n  &[data-state=\"start\"] {\n    display: none;\n  }\n\n  &[data-state=\"load\"] {\n    display: block;\n\n    @extend %animation-scale--0-to-1;\n  }\n\n  &[data-state=\"move\"] {\n    transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;\n  }\n}\n\n.tile-link {\n  &:focus,\n  &:hover {\n    .tile-caption__text {\n      opacity: 1;\n    }\n\n    .sliding-content__body {\n      transform: translate3d(0, -99%, 0);\n    }\n  }\n}\n\n.tile__image-container {\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n  transition: background-color 0.5s ease-out;\n  background-color: rgba(0, 0, 0, 0);\n\n  &.tile__image-container--loading {\n    background-color: rgba(0, 0, 0, 0.1);\n\n    .tile__image {\n      opacity: 0;\n    }\n  }\n}\n\n.tile__image {\n  width: 100%;\n  transition: transform $tile-transition-time ease-in-out;\n\n  .tile__image--fade {\n    transition: opacity 0.5s ease-out;\n  }\n}\n\n.sliding-content {\n  position: absolute;\n  width: 100%;\n  bottom: 0;\n  left: 0;\n  height: 0;\n}\n\n.sliding-content__body {\n  transition: all $tile-transition-time ease-in-out;\n  // Default position of the slide-up tile caption\n  transform: translate3d(0, -$tile-caption-height, 0);\n}\n\n.tile-category {\n  position: absolute;\n  top: -14px;\n  left: 0;\n  width: 100%;\n  text-align: center;\n  z-index: 1;\n}\n\n.tile-category__text {\n  display: inline-block;\n  font-size: $text-smallest;\n  font-weight: bold;\n  letter-spacing: 1px;\n  background-color: $white;\n  color: $shark;\n  padding: 0.5rem 1rem;\n  text-transform: uppercase;\n\n  @extend %force-layer-creation;\n}\n\n.tile-caption {\n  display: block;\n  background-color: rgba(0, 0, 0, 0.7);\n  color: $white;\n  padding: 0.875rem 1.2rem 1.2rem 1.2rem;\n  min-height: $tile-caption-height;\n  text-align: center;\n}\n\n.tile-caption__title {\n  margin: 0.8rem 0 1rem;\n  text-transform: uppercase;\n}\n\n.tile-caption__title--long {\n  margin: 1.2rem 0;\n}\n\n.tile-caption__text {\n  transition: opacity $tile-transition-time ease-in;\n  opacity: 0;\n  margin: 0;\n  font-size: $text-small;\n  line-height: 1.3;\n}\n\n/*\n  Possible tile sizes\n*/\n\n.tile--size-1x1 {\n  @include tile-size(1,1);\n\n  .tile-caption__title--long {\n    font-size: $text-small;\n  }\n}\n\n.tile--size-1x2 {\n  @include tile-size(1,2);\n}\n\n.tile--size-2x1 {\n  @include tile-size(2,1);\n}\n\n.tile--size-2x2 {\n  @include tile-size(2, 2);\n}\n\n.tile--size-2x2,\n.tile--size-2x1 {\n  .tile-caption__title:not(.tile-caption__title--long) {\n    margin: 0.625rem 0;\n    font-size: $h3-font-size * 1.25;\n  }\n\n  .tile-caption__text {\n    font-size: initial;\n  }\n}\n\n.tile--size-4x2 {\n  @include tile-size(4,2);\n\n  .sliding-content__body {\n    transform: translate3d(0, -($tile-caption-height * 1.2), 0);\n  }\n\n  .tile-caption__title {\n    margin: 1.4rem 0;\n    font-size: $h2-font-size;\n  }\n\n  .tile-caption__text {\n    font-size: $h2-font-size * 0.93;\n  }\n}\n\n/*\n    Image Loading Transitions\n*/\n.tweet-tile {\n  padding: 2rem;\n  color: $white;\n\n  a {\n    @include link($white, $white);\n  }\n}\n\n.tweet-tile__title {\n  font-size: initial;\n  text-transform: uppercase;\n}\n\n.tweet-tile-media {\n  margin-bottom: 0.5rem;\n}\n\n.tweet-tile-media__handle {\n  font-size: $text-smaller;\n}\n\n.tweet-tile__text {\n  line-height: 1.3em;\n}\n\n.video-tile__play-btn {\n  position: absolute;\n  width: 100%;\n  text-align: center;\n}\n"
  },
  {
    "path": "scss/styles.scss",
    "content": "@import \"~bootstrap/scss/functions\";\n@import \"./abstract/colors\";\n@import \"./abstract/theme\";\n@import \"./abstract/keyframes\";\n@import \"~bootstrap/scss/variables\";\n@import \"./abstract/variables\";\n@import \"./abstract/mixins\";\n@import \"~bootstrap/scss/mixins\";\n@import \"./abstract/utilities\";\n@import \"./abstract/extendables\";\n@import \"./abstract/columns\";\n@import \"~bootstrap/scss/reboot\";\n@import \"~bootstrap/scss/type\";\n@import \"~bootstrap/scss/images\";\n@import \"~bootstrap/scss/grid\";\n@import \"~bootstrap/scss/tables\";\n@import \"~bootstrap/scss/forms\";\n@import \"~bootstrap/scss/buttons\";\n@import \"~bootstrap/scss/dropdown\";\n@import \"~bootstrap/scss/nav\";\n@import \"~bootstrap/scss/navbar\";\n@import \"~bootstrap/scss/card\";\n@import \"~bootstrap/scss/alert\";\n@import \"~bootstrap/scss/progress\";\n@import \"~bootstrap/scss/input-group\";\n@import \"~bootstrap/scss/close\";\n@import \"~bootstrap/scss/modal\";\n@import \"~bootstrap/scss/code\";\n@import \"~bootstrap/scss/utilities\";\n@import \"./base/typography\";\n@import \"./base/background\";\n@import \"./components/alert\";\n@import \"./components/radio\";\n@import \"./components/checkbox\";\n@import \"./components/buttons\";\n@import \"./components/borders\";\n@import \"./components/forms\";\n@import \"./components/card\";\n@import \"./components/close\";\n@import \"./components/modal\";\n@import \"./components/progress\";\n@import \"./components/navbar\";\n@import \"./components/links\";\n@import \"./components/icons\";\n@import \"./components/animations\";\n@import \"./components/ribbons\";\n@import \"./components/tiles\";\n@import \"./components/footer\";\n@import \"./components/attribution\";\n@import \"./components/page-section\";\n@import \"./components/countdown\";\n@import \"./components/counter\";\n@import \"./components/area-overlay\";\n@import \"./components/loader\";\n@import \"./components/logo\";\n"
  }
]