Adds watermarks and missing ability icons to cheatsheet, fixes cheatsheet and attributes head paths

CHANGELOG.md

@@ -10,6 +10,29 @@ All notable changes to this project will be documented in this file.
 
 ## Versions 
 
+### [1.16.1] 2024-10-28 Watermark documentation
+
+#### Added
+
+* Watermark for Trump Katsumai added ([#114](https://github.com/andrewgioia/mana/issues/114))
+* Documentation now updated for that massive watermark project I abandoned :( All 90+ watermarks are in and on the icons page, finally back here and getting the repo up to speed again. ([#34](https://github.com/andrewgioia/mana/issues/34))
+* Documented Improvise, Ring Bearer, Amass Orcs, and The Ring Tempts You abilities. [#107](https://github.com/andrewgioia/mana/issues/107))
+
+#### Changed
+
+* Moved the documentation to the `./docs` folder like Keyrune, no more `gh-pages` branch.
+
+### [1.16.0] 2023-09-20 Complete set of card watermarks
+
+* **Added:** 90 watermarks added/aliased, nearing the complete set of all watermarks save for 2. ([#34](https://github.com/andrewgioia/mana/issues/34))
+
+### [1.15.9] 2023-09-10 WOE ability symbols, Haktos and Robber symbols, loyalty VI
+
+* **Added:** WOE ability symbols for Bargain, Celebration, and the 6 role tokens (Cursed, Monster, Royal, Sorceror, Wicked, and Young Hero) ([#111](https://github.com/andrewgioia/mana/issues/111))
+* **Added:** Arena-only "ability" symbols used for Haktos the Unscarred and Robber of the Rich ([#112](https://github.com/andrewgioia/mana/issues/112))
+* **Added:** Magic Online void counter ([#109](https://github.com/andrewgioia/mana/issues/109))
+* **Changed:** Saga loyalty now goes up to VI for the new WOE card, Long List of the Ents ([#110](https://github.com/andrewgioia/mana/issues/110))
+
 ### [1.15.8] 2023-07-20 LTR ability symbols
 
 * **Added:** LTR ability symbols for The Ring Tempts You, Ring Bearer, and Amass Orcs ([#107](https://github.com/andrewgioia/mana/issues/107))

README.md

@@ -1,4 +1,4 @@
-# Mana v1.15.8
+# Mana v1.16.1
 
 ## The Magic: the Gathering mana symbol font!
 

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "mana",
   "homepage": "https://github.com/andrewgioia/mana",
-  "version": "1.15.8",
+  "version": "1.16.1",
   "authors": [
     "Andrew Gioia <andrew@gioia.email>"
   ],

css/mana.css

@@ -1,14 +1,14 @@
 @font-face {
   font-family: "Mana";
-  src: url("../fonts/mana.eot?v=1.15.8");
+  src: url("../fonts/mana.eot?v=1.16.0");
-  src: url("../fonts/mana.eot?#iefix&v=1.15.8") format("embedded-opentype"), url("../fonts/mana.woff?v=1.15.8") format("woff"), url("../fonts/mana.ttf?v=1.15.8") format("truetype"), url("../fonts/mana.svg?v=1.15.8#mana") format("svg");
+  src: url("../fonts/mana.eot?#iefix&v=1.16.0") format("embedded-opentype"), url("../fonts/mana.woff?v=1.16.0") format("woff"), url("../fonts/mana.ttf?v=1.16.0") format("truetype"), url("../fonts/mana.svg?v=1.16.0#mana") format("svg");
   font-weight: normal;
   font-style: normal;
 }
 @font-face {
   font-family: "MPlantin";
-  src: url("../fonts/mplantin.eot?v=1.15.8");
+  src: url("../fonts/mplantin.eot?v=1.16.0");
-  src: url("../fonts/mplantin.eot?#iefix&v=1.15.8") format("embedded-opentype"), url("../fonts/mplantin.woff?v=1.15.8") format("woff"), url("../fonts/mplantin.ttf?v=1.15.8") format("truetype"), url("../fonts/mplantin.svg?v=1.15.8#mplantin") format("svg");
+  src: url("../fonts/mplantin.eot?#iefix&v=1.16.0") format("embedded-opentype"), url("../fonts/mplantin.woff?v=1.16.0") format("woff"), url("../fonts/mplantin.ttf?v=1.16.0") format("truetype"), url("../fonts/mplantin.svg?v=1.16.0#mplantin") format("svg");
   font-weight: normal;
   font-style: normal;
 }
@@ -119,7 +119,7 @@
 .ms-z::before {
   content: "\e617";
 }
-.ms-p::before {
+.ms-p::before, .ms-watermark-phyrexian::before {
   content: "\e618";
 }
 .ms-s::before {
@@ -197,7 +197,7 @@
 .ms-plane::before {
   content: "\e96f";
 }
-.ms-planeswalker::before {
+.ms-planeswalker::before, .ms-watermark-planeswalker::before {
   content: "\e623";
 }
 .ms-rarity::before {
@@ -350,64 +350,64 @@
 .ms-artist-nib::before {
   content: "\e924";
 }
-.ms-guild-azorius::before {
+.ms-guild-azorius::before, .ms-watermark-azorius::before {
   content: "\e90c";
 }
-.ms-guild-boros::before {
+.ms-guild-boros::before, .ms-watermark-boros::before {
   content: "\e90d";
 }
-.ms-guild-dimir::before {
+.ms-guild-dimir::before, .ms-watermark-dimir::before {
   content: "\e90e";
 }
-.ms-guild-golgari::before {
+.ms-guild-golgari::before, .ms-watermark-golgari::before {
   content: "\e90f";
 }
-.ms-guild-gruul::before {
+.ms-guild-gruul::before, .ms-watermark-gruul::before {
   content: "\e910";
 }
-.ms-guild-izzet::before {
+.ms-guild-izzet::before, .ms-watermark-izzet::before {
   content: "\e911";
 }
-.ms-guild-orzhov::before {
+.ms-guild-orzhov::before, .ms-watermark-orzhov::before {
   content: "\e912";
 }
-.ms-guild-rakdos::before {
+.ms-guild-rakdos::before, .ms-watermark-rakdos::before {
   content: "\e913";
 }
-.ms-guild-selesnya::before {
+.ms-guild-selesnya::before, .ms-watermark-selesnya::before {
   content: "\e914";
 }
-.ms-guild-simic::before {
+.ms-guild-simic::before, .ms-watermark-simic::before {
   content: "\e915";
 }
-.ms-clan-abzan::before {
+.ms-clan-abzan::before, .ms-watermark-abzan::before {
   content: "\e916";
 }
-.ms-clan-jeskai::before {
+.ms-clan-jeskai::before, .ms-watermark-jeskai::before {
   content: "\e917";
 }
-.ms-clan-mardu::before {
+.ms-clan-mardu::before, .ms-watermark-mardu::before {
   content: "\e918";
 }
-.ms-clan-sultai::before {
+.ms-clan-sultai::before, .ms-watermark-sultai::before {
   content: "\e919";
 }
-.ms-clan-temur::before {
+.ms-clan-temur::before, .ms-watermark-temur::before {
   content: "\e91a";
 }
-.ms-clan-atarka::before {
+.ms-clan-atarka::before, .ms-watermark-atarka::before {
   content: "\e91b";
 }
-.ms-clan-dromoka::before {
+.ms-clan-dromoka::before, .ms-watermark-dromoka::before {
   content: "\e91c";
 }
-.ms-clan-kolaghan::before {
+.ms-clan-kolaghan::before, .ms-watermark-kolaghan::before {
   content: "\e91d";
 }
-.ms-clan-ojutai::before {
+.ms-clan-ojutai::before, .ms-watermark-ojutai::before {
   content: "\e91e";
 }
-.ms-clan-silumgar::before {
+.ms-clan-silumgar::before, .ms-watermark-silumgar::before {
   content: "\e91f";
 }
 .ms-polis-setessa::before {
@@ -419,19 +419,19 @@
 .ms-polis-meletis::before {
   content: "\e928";
 }
-.ms-school-lorehold::before {
+.ms-school-lorehold::before, .ms-watermark-lorehold::before {
   content: "\e99a";
 }
-.ms-school-prismari::before {
+.ms-school-prismari::before, .ms-watermark-prismari::before {
   content: "\e99c";
 }
-.ms-school-quandrix::before {
+.ms-school-quandrix::before, .ms-watermark-quandrix::before {
   content: "\e99e";
 }
-.ms-school-silverquill::before {
+.ms-school-silverquill::before, .ms-watermark-silverquill::before {
   content: "\e9a0";
 }
-.ms-school-witherbloom::before {
+.ms-school-witherbloom::before, .ms-watermark-witherbloom::before {
   content: "\e9a2";
 }
 .ms-counter-arrow::before {
@@ -518,6 +518,9 @@
 .ms-counter-verse::before {
   content: "\e945";
 }
+.ms-counter-void::before {
+  content: "\e9ec";
+}
 .ms-counter-vortex::before {
   content: "\e946";
 }
@@ -566,6 +569,9 @@
 .ms-ability-backup::before {
   content: "\e9d9";
 }
+.ms-ability-bargain::before {
+  content: "\e9e2";
+}
 .ms-ability-blitz::before {
   content: "\e9b4";
 }
@@ -575,6 +581,9 @@
 .ms-ability-casualty::before {
   content: "\e9b7";
 }
+.ms-ability-celebration::before {
+  content: "\e9e3";
+}
 .ms-ability-changeling::before {
   content: "\e9a6";
 }
@@ -677,7 +686,7 @@
 .ms-ability-for-mirrodin::before {
   content: "\e9c1";
 }
-.ms-ability-foretell::before {
+.ms-ability-foretell::before, .ms-watermark-foretell::before {
   content: "\e990";
 }
 .ms-ability-goad::before {
@@ -791,6 +800,24 @@
 .ms-ability-riot::before {
   content: "\e973";
 }
+.ms-ability-role-cursed::before {
+  content: "\e9e6";
+}
+.ms-ability-role-monster::before {
+  content: "\e9e7";
+}
+.ms-ability-role-royal::before {
+  content: "\e9e8";
+}
+.ms-ability-role-sorceror::before {
+  content: "\e9e9";
+}
+.ms-ability-role-wicked::before {
+  content: "\e9ea";
+}
+.ms-ability-role-young-hero::before {
+  content: "\e9eb";
+}
 .ms-ability-specialize::before {
   content: "\e9bb";
 }
@@ -836,6 +863,201 @@
 .ms-ability-ward::before {
   content: "\e992";
 }
+.ms-ability-haktos-the-unscarred::before {
+  content: "\e9e4";
+}
+.ms-ability-robber-of-the-rich::before {
+  content: "\e9e5";
+}
+.ms-watermark-agentsofsneak::before {
+  content: "\ea08";
+}
+.ms-watermark-arena::before {
+  content: "\ea1e";
+}
+.ms-watermark-brokers::before {
+  content: "\ea0d";
+}
+.ms-watermark-cabaretti::before {
+  content: "\ea0e";
+}
+.ms-watermark-colorpie::before {
+  content: "\e9f0";
+}
+.ms-watermark-conspiracy::before {
+  content: "\ea12";
+}
+.ms-watermark-corocoro::before {
+  content: "\ea15";
+}
+.ms-watermark-crossbreedlabs::before {
+  content: "\ea09";
+}
+.ms-watermark-cutiemark-apples::before {
+  content: "\ea27";
+}
+.ms-watermark-cutiemark-balloons::before {
+  content: "\ea28";
+}
+.ms-watermark-cutiemark-butterflies::before {
+  content: "\ea29";
+}
+.ms-watermark-cutiemark-gems::before {
+  content: "\ea04";
+}
+.ms-watermark-cutiemark-rainbow::before {
+  content: "\ea2a";
+}
+.ms-watermark-cutiemark-sparkle::before {
+  content: "\ea05";
+}
+.ms-watermark-cutiemark-waningmoon::before {
+  content: "\ea06";
+}
+.ms-watermark-cutiemark-waxingmoon::before {
+  content: "\ea07";
+}
+.ms-watermark-dci::before {
+  content: "\ea1d";
+}
+.ms-watermark-dengekimaoh::before {
+  content: "\ea14";
+}
+.ms-watermark-desparked::before {
+  content: "\e9f1";
+}
+.ms-watermark-dnd::before {
+  content: "\ea17";
+}
+.ms-watermark-flavor-aestheticconsultation::before {
+  content: "\e9f2";
+}
+.ms-watermark-flavor-farewelltoarms::before {
+  content: "\e9f3";
+}
+.ms-watermark-flavor-monkeymonkeymonkey::before {
+  content: "\e9f4";
+}
+.ms-watermark-flavor-moxlotus::before {
+  content: "\e9f5";
+}
+.ms-watermark-flavor-myfirsttome::before {
+  content: "\e9f6";
+}
+.ms-watermark-flavor-shoetree::before {
+  content: "\e9f7";
+}
+.ms-watermark-flavor-whenfluffybunniesattack::before {
+  content: "\e9f8";
+}
+.ms-watermark-fnm::before {
+  content: "\ea16";
+}
+.ms-watermark-goblinexplosioneers::before {
+  content: "\ea0a";
+}
+.ms-watermark-grandprix::before {
+  content: "\ea1f";
+}
+.ms-watermark-grandprix2::before {
+  content: "\ea20";
+}
+.ms-watermark-herospath::before {
+  content: "\ea02";
+}
+.ms-watermark-herospath-1::before {
+  content: "\e9f9";
+}
+.ms-watermark-herospath-2::before {
+  content: "\e9fa";
+}
+.ms-watermark-herospath-3::before {
+  content: "\e9fb";
+}
+.ms-watermark-herospath-4::before {
+  content: "\e9fc";
+}
+.ms-watermark-herospath-5::before {
+  content: "\e9fd";
+}
+.ms-watermark-herospath-6::before {
+  content: "\e9fe";
+}
+.ms-watermark-herospath-7::before {
+  content: "\e9ff";
+}
+.ms-watermark-herospath-8::before {
+  content: "\ea00";
+}
+.ms-watermark-herospath-9::before {
+  content: "\ea01";
+}
+.ms-watermark-japanjunior::before {
+  content: "\ea24";
+}
+.ms-watermark-judgeacademy::before {
+  content: "\ea13";
+}
+.ms-watermark-junior::before {
+  content: "\ea23";
+}
+.ms-watermark-juniorapac::before {
+  content: "\ea21";
+}
+.ms-watermark-junioreurope::before {
+  content: "\ea22";
+}
+.ms-watermark-leagueofdastardlydoom::before {
+  content: "\ea0b";
+}
+.ms-watermark-maestros::before {
+  content: "\ea0f";
+}
+.ms-watermark-mirran::before {
+  content: "\ea03";
+}
+.ms-watermark-mps::before {
+  content: "\ea1a";
+}
+.ms-watermark-mtg::before {
+  content: "\e9ed";
+}
+.ms-watermark-mtg10::before {
+  content: "\e9ee";
+}
+.ms-watermark-mtg15::before {
+  content: "\e9ef";
+}
+.ms-watermark-nerf::before {
+  content: "\ea19";
+}
+.ms-watermark-obscura::before {
+  content: "\ea10";
+}
+.ms-watermark-orderofthewidget::before {
+  content: "\ea0c";
+}
+.ms-watermark-protour::before {
+  content: "\ea26";
+}
+.ms-watermark-riveteers::before {
+  content: "\ea11";
+}
+.ms-watermark-scholarship::before {
+  content: "\ea25";
+}
+.ms-watermark-transformers::before {
+  content: "\ea18";
+}
+.ms-watermark-trumpkatsumai::before {
+  content: "\ea2b";
+}
+.ms-watermark-wotc::before {
+  content: "\ea1b";
+}
+.ms-watermark-wpn::before {
+  content: "\ea1c";
+}
 
 .ms-cost {
   background-color: #beb9b2;
@@ -1365,7 +1587,7 @@ span.ms-half > .ms-cost {
 .ms-saga {
   color: #111;
 }
-.ms-saga-1::after, .ms-saga-2::after, .ms-saga-3::after, .ms-saga-4::after, .ms-saga-5::after {
+.ms-saga-1::after, .ms-saga-2::after, .ms-saga-3::after, .ms-saga-4::after, .ms-saga-5::after, .ms-saga-6::after {
   color: #fff;
   display: inline-block;
   font-size: 0.6em;
@@ -1391,6 +1613,9 @@ span.ms-half > .ms-cost {
 .ms-saga-5::after {
   content: "V";
 }
+.ms-saga-6::after {
+  content: "VI";
+}
 
 .ms-level > span {
   font-size: 0.33em;
@@ -1747,7 +1972,7 @@ span.ms-half > .ms-cost {
 .ms-ci-wubr, .ms-ci-bruw, .ms-ci-brwu, .ms-ci-burw, .ms-ci-buwr, .ms-ci-bwru, .ms-ci-bwur, .ms-ci-rbuw, .ms-ci-rbwu, .ms-ci-rubw, .ms-ci-ruwb, .ms-ci-rwbu, .ms-ci-rwub, .ms-ci-ubrw, .ms-ci-ubwr, .ms-ci-urbw, .ms-ci-urwb, .ms-ci-uwbr, .ms-ci-uwrb, .ms-ci-wbru, .ms-ci-wbur, .ms-ci-wrbu, .ms-ci-wrub, .ms-ci-wurb, .ms-ci-yore {
   background: conic-gradient(#fff 45deg, #3b6ba0 45deg 135deg, #383431 135deg 225deg, #c6553e 225deg 315deg, #fff 315deg);
 }
-.ms-ci-wubrg, .ms-ci-rugbw, .ms-ci-rugwb, .ms-ci-ruwbg, .ms-ci-ruwgb, .ms-ci-rwbgu, .ms-ci-rwbug, .ms-ci-rwgbu, .ms-ci-rwgub, .ms-ci-rwubg, .ms-ci-rwugb, .ms-ci-ubgrw, .ms-ci-ubgwr, .ms-ci-ubrgw, .ms-ci-ubrwg, .ms-ci-ubwgr, .ms-ci-ubwrg, .ms-ci-ugbrw, .ms-ci-ugbwr, .ms-ci-ugrbw, .ms-ci-ugrwb, .ms-ci-ugwbr, .ms-ci-ugwrb, .ms-ci-urbgw, .ms-ci-urbwg, .ms-ci-urgbw, .ms-ci-urgwb, .ms-ci-urwbg, .ms-ci-urwgb, .ms-ci-uwbgr, .ms-ci-uwbrg, .ms-ci-uwgbr, .ms-ci-uwgrb, .ms-ci-uwrbg, .ms-ci-uwrgb, .ms-ci-wbgru, .ms-ci-wbgur, .ms-ci-wbrgu, .ms-ci-wbrug, .ms-ci-wbugr, .ms-ci-wburg, .ms-ci-wgbru, .ms-ci-wgbur, .ms-ci-wgrbu, .ms-ci-wgrub, .ms-ci-wgubr, .ms-ci-wgurb, .ms-ci-wrbgu, .ms-ci-wrbug, .ms-ci-wrgbu, .ms-ci-wrgub, .ms-ci-wrubg, .ms-ci-wrugb, .ms-ci-wubgr, .ms-ci-wugbr, .ms-ci-wugrb, .ms-ci-wurbg, .ms-ci-wurgb, .ms-ci-bgruw, .ms-ci-bgrwu, .ms-ci-bgurw, .ms-ci-bguwr, .ms-ci-bgwru, .ms-ci-bgwur, .ms-ci-brguw, .ms-ci-brgwu, .ms-ci-brugw, .ms-ci-bruwg, .ms-ci-brwgu, .ms-ci-brwug, .ms-ci-bugrw, .ms-ci-bugwr, .ms-ci-burgw, .ms-ci-burwg, .ms-ci-buwgr, .ms-ci-buwrg, .ms-ci-bwgru, .ms-ci-bwgur, .ms-ci-bwrgu, .ms-ci-bwrug, .ms-ci-bwugr, .ms-ci-bwurg, .ms-ci-gbruw, .ms-ci-gbrwu, .ms-ci-gburw, .ms-ci-gbuwr, .ms-ci-gbwru, .ms-ci-gbwur, .ms-ci-grbuw, .ms-ci-grbwu, .ms-ci-grubw, .ms-ci-gruwb, .ms-ci-grwbu, .ms-ci-grwub, .ms-ci-gubrw, .ms-ci-gubwr, .ms-ci-gurbw, .ms-ci-gurwb, .ms-ci-guwbr, .ms-ci-guwrb, .ms-ci-gwbru, .ms-ci-gwbur, .ms-ci-gwrbu, .ms-ci-gwrub, .ms-ci-gwubr, .ms-ci-gwurb, .ms-ci-rbguw, .ms-ci-rbgwu, .ms-ci-rbugw, .ms-ci-rbuwg, .ms-ci-rbwgu, .ms-ci-rbwug, .ms-ci-rgbuw, .ms-ci-rgbwu, .ms-ci-rgubw, .ms-ci-rguwb, .ms-ci-rgwbu, .ms-ci-rgwub, .ms-ci-rubgw, .ms-ci-rubwg, .ms-ci-5 {
+.ms-ci-wubrg, .ms-ci-bgruw, .ms-ci-bgrwu, .ms-ci-bgurw, .ms-ci-bguwr, .ms-ci-bgwru, .ms-ci-bgwur, .ms-ci-brguw, .ms-ci-brgwu, .ms-ci-brugw, .ms-ci-bruwg, .ms-ci-brwgu, .ms-ci-brwug, .ms-ci-bugrw, .ms-ci-bugwr, .ms-ci-burgw, .ms-ci-burwg, .ms-ci-buwgr, .ms-ci-buwrg, .ms-ci-bwgru, .ms-ci-bwgur, .ms-ci-bwrgu, .ms-ci-bwrug, .ms-ci-bwugr, .ms-ci-bwurg, .ms-ci-gbruw, .ms-ci-gbrwu, .ms-ci-gburw, .ms-ci-gbuwr, .ms-ci-gbwru, .ms-ci-gbwur, .ms-ci-grbuw, .ms-ci-grbwu, .ms-ci-grubw, .ms-ci-gruwb, .ms-ci-grwbu, .ms-ci-grwub, .ms-ci-gubrw, .ms-ci-gubwr, .ms-ci-gurbw, .ms-ci-gurwb, .ms-ci-guwbr, .ms-ci-guwrb, .ms-ci-gwbru, .ms-ci-gwbur, .ms-ci-gwrbu, .ms-ci-gwrub, .ms-ci-gwubr, .ms-ci-gwurb, .ms-ci-rbguw, .ms-ci-rbgwu, .ms-ci-rbugw, .ms-ci-rbuwg, .ms-ci-rbwgu, .ms-ci-rbwug, .ms-ci-rgbuw, .ms-ci-rgbwu, .ms-ci-rgubw, .ms-ci-rguwb, .ms-ci-rgwbu, .ms-ci-rgwub, .ms-ci-rubgw, .ms-ci-rubwg, .ms-ci-rugbw, .ms-ci-rugwb, .ms-ci-ruwbg, .ms-ci-ruwgb, .ms-ci-rwbgu, .ms-ci-rwbug, .ms-ci-rwgbu, .ms-ci-rwgub, .ms-ci-rwubg, .ms-ci-rwugb, .ms-ci-ubgrw, .ms-ci-ubgwr, .ms-ci-ubrgw, .ms-ci-ubrwg, .ms-ci-ubwgr, .ms-ci-ubwrg, .ms-ci-ugbrw, .ms-ci-ugbwr, .ms-ci-ugrbw, .ms-ci-ugrwb, .ms-ci-ugwbr, .ms-ci-ugwrb, .ms-ci-urbgw, .ms-ci-urbwg, .ms-ci-urgbw, .ms-ci-urgwb, .ms-ci-urwbg, .ms-ci-urwgb, .ms-ci-uwbgr, .ms-ci-uwbrg, .ms-ci-uwgbr, .ms-ci-uwgrb, .ms-ci-uwrbg, .ms-ci-uwrgb, .ms-ci-wbgru, .ms-ci-wbgur, .ms-ci-wbrgu, .ms-ci-wbrug, .ms-ci-wbugr, .ms-ci-wburg, .ms-ci-wgbru, .ms-ci-wgbur, .ms-ci-wgrbu, .ms-ci-wgrub, .ms-ci-wgubr, .ms-ci-wgurb, .ms-ci-wrbgu, .ms-ci-wrbug, .ms-ci-wrgbu, .ms-ci-wrgub, .ms-ci-wrubg, .ms-ci-wrugb, .ms-ci-wubgr, .ms-ci-wugbr, .ms-ci-wugrb, .ms-ci-wurbg, .ms-ci-wurgb, .ms-ci-5 {
   background: conic-gradient(#fff 36deg, #3b6ba0 36deg 108deg, #383431 108deg 180deg, #c6553e 180deg 252deg, #3d684b 252deg 324deg, #fff 324deg);
 }
 

docs/CNAME

@@ -0,0 +1 @@
+mana.andrewgioia.com

docs/assets/docs.css

@@ -0,0 +1,366 @@
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');
+@font-face {
+    font-family: 'Beleren';
+    src: url( '../fonts/beleren.eot' );
+    src: url( '../fonts/beleren.woff' ) format( 'woff' ),
+         url( '../fonts/beleren.ttf' ) format( 'truetype' ),
+         url( '../fonts/beleren.svg' ) format( 'svg' );
+    font-weight: normal;
+    font-style: normal;
+ }
+
+body {
+    background: #fff;
+    color: #333;
+    font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
+        Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-size: 15px;
+    margin: 0;
+    padding: 0;
+}
+
+.wrapper {
+    max-width: 1080px;
+    width: 80%;
+    margin: 0 auto;
+}
+
+a {
+     color: #007185;
+     text-decoration: none;
+ }
+
+     a:hover {
+         color: #263D41;
+     }
+
+section#banner {
+    background: #b6c1b0;
+    color: #555;
+    padding: 12px 0;
+    text-align: right;
+    text-shadow: 0 1px 0 #bacec2;
+}
+
+    section#banner .item {
+        display: inline-block;
+        margin-left: 15px;
+    }
+
+    section#banner .logo {
+        color: #333;
+        float: left;
+        font-family: Beleren;
+        font-size: 18px;
+        margin-top: -2px;
+    }
+
+header {
+    background: #d3d8c1;
+    border-bottom: 1px solid #adb7a7;
+    color: #333;
+    margin: 0;
+    overflow-y: hidden;
+    padding: 25px 0 15px;
+}
+
+    header.main {
+        height: 272px;
+    }
+
+    .bigicon {
+        float: right;
+        font-size: 364px;
+        line-height: 200px;
+        margin-top: -40px;
+        text-shadow: 0 2px 0 #fff;
+    }
+
+    header .vs {
+        margin-left: 5px;
+    }
+
+p {
+    font-size: 16px;
+    line-height: 1.6em;
+    margin: 20px 0;
+}
+
+    section.icons p {
+        margin-left: 25px;
+    }
+
+ul {
+    margin: 0;
+}
+
+li {
+    margin: 0 0 10px;
+}
+
+h1 {
+    color: #444;
+    margin: 0;
+    font-family: Beleren;
+    font-size: 64px;
+    font-weight: lighter;
+    padding: 0 0 20px;
+    text-shadow: 0 1px 0 #fff;
+}
+
+    h1.sub {
+        font-size: 48px;
+        padding: 0 0 15px;
+    }
+
+h2 {
+    color: #444;
+    font-family: Beleren;
+    font-size: 30px;
+    font-weight: lighter;
+    margin: 0;
+    padding: 0 0 30px;
+    text-shadow: 0 1px 0 #fff;
+}
+
+    h2.sub {
+        font-size: 26px;
+        padding: 0 0 20px;
+    }
+
+h3 {
+    color: #444;
+    font-size: 19px;
+    font-weight: normal;
+    line-height: 1.6em;
+    padding-bottom: 20px;
+    text-align: left;
+}
+
+h4 {
+    color: #61605B;
+    font-family: Beleren;
+    font-size: 24px;
+    font-weight: lighter;
+    margin: 15px 0 5px;
+    text-align: left;
+}
+
+h5 {
+    color: #555;
+    font-size: 17px;
+    font-weight: bold;
+    margin: 15px 0 5px;
+    padding: 0;
+}
+
+main {
+    margin: 0;
+    padding: 20px 0 25px;
+}
+
+    main section.content {
+        padding: 0 0 10px;
+    }
+
+blockquote,
+code {
+    font-family: Inconsolate, 'Courier New', Courier, monospace;
+}
+
+code {
+    background: #F7EEF1;
+    color: #BB073B;
+    padding: 1px 3px;
+    border-radius: 2px;
+}
+
+blockquote {
+    background: #eee;
+    border-bottom: 1px solid #d3d8c1;
+    line-height: 1.4em;
+    padding: 20px 20px 18px;
+    margin: 20px 0 25px;
+    border-radius: 4px;
+}
+
+.button {
+    background: #008eae;
+    border-bottom: 2px solid #166075;
+    color: #fff;
+    display: inline-block;
+    font-size: 20px;
+    padding: 10px 18px 9px;
+    border-radius: 4px;
+    text-shadow: 0 1px 0 #333;
+}
+
+    .button:hover {
+        background: #00809F;
+        border-bottom-color: #155A6E;
+        color: #fff;
+    }
+
+    .button .ms {
+        margin-right: 5px;
+        position: relative;
+        top: -2px;
+    }
+
+    .button.vs {
+        background: #666;
+        border-bottom-color: #333;
+    }
+
+        .button.vs:hover {
+            background: #555;
+            border-bottom-color: #222;
+        }
+
+    .button.dl.float-right {
+        margin-top: -10px;
+    }
+
+.icons {
+    padding: 10px 0 5px;
+}
+
+.icon {
+    border-radius: 3px;
+    display: inline-block;
+    overflow: hidden;
+    width: 24.5%;
+}
+
+    .icon span {
+        display: inline-block;
+        padding: 9px 10px;
+        white-space: nowrap;
+    }
+
+    .icon:hover {
+        background: #eee;
+        position: relative;
+        margin-top: -4px;
+        margin-bottom: -5px;
+    }
+
+    .icon .ms {
+        font-size: 22px;
+        margin-right: 5px;
+        margin-top: -2px;
+        text-align: center;
+        width: 32px;
+    }
+
+        .icon:hover .ms {
+            font-size: 32px;
+            text-shadow: 0 1px 0 #fff;
+        }
+
+        .icon:hover .ms.ms-duo {
+            text-shadow: none;
+        }
+
+    .icon em {
+        color: #999;
+        font-size: 13px;
+        font-style: normal;
+    }
+
+.icons.indicators .icon .ms {
+    width: 22px;
+    margin: -2px 10px 0 5px;
+}
+
+    .icons.indicators .icon:hover .ms {
+        margin: 0 5px -1px 0;
+        width: 32px;
+        text-shadow: none;
+    }
+
+.vectors {
+    padding: 10px 0 0;
+}
+
+.utf {
+    display: inline-block;
+    width: 25%;
+    float: left;
+    padding: 6px 0;
+}
+
+    .vectors.overflow .utf {
+        overflow-x: hidden;
+        white-space: nowrap;
+    }
+
+    .utf.long {
+        width: 33%;
+    }
+
+    .utf i {
+        display: inline-block;
+        vertical-align: top;
+        padding: 0 5px 0 0;
+        text-align: center;
+        width: 1.25em;
+        font: normal normal normal 16px/1 Mana;
+        font-size: 1.25em;
+        text-rendering: auto;
+        transform: translate(0, 0);
+        speak: none;
+        text-transform: none;
+        vertical-align: middle;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+    }
+
+        .utf i.long {
+            text-align: left;
+            width: auto;
+        }
+
+    .utf code {
+        background-color: #f5f5f5;
+        color: #555;
+        margin-left: 3px;
+    }
+
+.example {
+    font-size: 16px;
+    padding: 15px 0 0;
+    width: 200px;
+}
+
+    .example .each {
+        display: block;
+        padding-top: 1px;
+        padding-bottom: 7px;
+    }
+
+.explanation {
+    margin-left: 200px;
+}
+
+footer {
+    border-top: 1px solid #eee;
+    margin-top: 20px;
+    padding: 10px 0 30px;
+}
+
+.float-left {
+    float: left;
+}
+
+.float-right {
+    float: right;
+}
+
+.clear {
+    clear: both;
+}
+
+.e { color: #63A35C; }
+.a { color: #795DA3; }
+.v { color: #183691; }

docs/attributes.html

@@ -0,0 +1,295 @@
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="chrome=1" />
+    <title>Attributes and Examples | Mana</title>
+    <link rel="stylesheet" href="assets/mana.min.css" />
+    <link rel="stylesheet" href="assets/docs.css" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+</head>
+<body>
+
+    <section id="banner">
+        <div class="wrapper">
+            <a href="index.html" class="logo"><i class="ms ms-g" style="top:-2px;position:relative;"></i> Mana</a>
+            <a href="index.html" class="item">Home</a>
+            <a href="icons.html" class="item">Mana Icons</a>
+            <a href="attributes.html" class="item">Attributes</a>
+            <a href="https://github.com/andrewgioia/mana" class="item">GitHub Project</a>
+            <span class="item">
+                <iframe src="https://ghbtns.com/github-btn.html?user=andrewgioia&repo=mana&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px" style="margin-bottom: -4px;"></iframe>
+            </span>
+            <span class="item">
+                Created by
+                <a href="https://andrewgioia.com">Andrew Gioia</a>
+            </span>
+        </div>
+    </section>
+
+    <header>
+        <div class="wrapper">
+            <h1 class="sub">Mana &amp; Card Icons</h1>
+            <a class="dl button float-right" href="https://github.com/andrewgioia/mana/archive/master.zip">
+                <i class="ms ms-instant"></i>
+                Download
+            </a>
+            <h2 class="sub">Complete set of Magic mana and card symbol font icons</h2>
+        </div>
+    </header>
+
+    <main>
+        <div class="wrapper">
+            <section>
+                <h3><strong>Mana</strong> has some built in icon options to easily change the <strong>size and position</strong>, convert the mana symbols to the <strong>casting costs</strong>, and create planeswalker <strong>loyalty symbols</strong> with numbers. Take a look below at examples of each option with the class names to implement them.</h3>
+            </section>
+            <section class="content">
+                <h4>The Basic Icon</h4>
+                <div class="example float-left">
+                    <span class="each">
+                        <i class="ms ms-u"></i> .ms-u
+                    </span>
+                </div>
+                <div class="explanation">
+                    <p>You can place Mana icons anywhere using the CSS classname prefix <code>ms</code> (for "mana symbol") and then the mana/card symbol's <a href="icons.html">suffix</a>.</p>
+                    <blockquote>
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-u"</span>&gt;&lt;/<span class="e">i</span>&gt; <br />
+                    </blockquote>
+                </div>
+                <div class="clear"></div>
+            </section>
+            <section class="content">
+                <h4>Creating a Casting Cost</h4>
+                <div class="example float-left">
+                    <span class="each">
+                        <i class="ms ms-g ms-cost"></i> .ms-cost
+                    </span>
+                    <span class="each">
+                        <i class="ms ms-r ms-cost ms-shadow"></i> + .ms-shadow
+                    </span>
+                </div>
+                <div class="explanation">
+                    <p>Add the <code>.ms-cost</code> class to create a casting cost circle around the symbol. Append the <code>.ms-shadow</code> class to add a drop shadow.</p>
+                    <blockquote>
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-g ms-cost"</span>&gt;&lt;/<span class="e">i</span>&gt; <br />
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-r ms-cost ms-shadow"</span>&gt;&lt;/<span class="e">i</span>&gt;
+                    </blockquote>
+                </div>
+                <div class="clear"></div>
+            </section>
+            <section class="content">
+                <h4>Split Casting Costs</h4>
+                <div class="example float-left">
+                    <span class="each">
+                        <i class="ms ms-wu ms-split ms-cost"></i> .ms-wu
+                    </span>
+                    <span class="each">
+                        <i class="ms ms-2b ms-split ms-cost ms-shadow"></i> + .ms-shadow
+                    </span>
+                </div>
+                <div class="explanation">
+                    <p><strong>New:</strong> You no longer need the <code>.ms-split</code> class name, simply identifying a split or hybrid cost will now automatically handle the split styles.</p>
+                    <blockquote>
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-wu ms-cost"</span>&gt;&lt;/<span class="e">i</span>&gt;<br />
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-2b ms-cost ms-shadow"</span>&gt;&lt;/<span class="e">i</span>&gt;
+                    </blockquote>
+                    <p>For backwards compatibility and full control you can still use create split and hybrid casting costs separately with the <code>.ms-split</code> class along with the 2-symbols' codes. This works for color pairs and the "2" with a color.</p>
+                </div>
+                <div class="clear"></div>
+            </section>
+            <section class="content">
+                <h4>Half Mana Casting Costs</h4>
+                <div class="example float-left">
+                    <span class="each">
+                        <i class="ms ms-w ms-half ms-cost"></i></span> .ms-half
+                    </span>
+                </div>
+                <div class="explanation">
+                    <p>Even though there's only been <a href="http://magiccards.info/uh/en/16.html"><strike>one</strike></a> <a href="https://scryfall.com/card/unh/82/monss-goblin-waiters">two</a> of these ever printed you can still create them :P Half costs <a href="https://github.com/andrewgioia/Mana/issues/6">used to require a wrapping element</a> but as of v1.4.1 they are a regular single element:</p>
+                    <blockquote>
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-w ms-half ms-cost"</span>&gt;&lt;/<span class="e">i</span>&gt;<br />
+                    </blockquote>
+                </div>
+                <div class="clear"></div>
+            </section>
+            <section class="content">
+                <h4>Planeswalker Symbols</h4>
+                <div class="example float-left">
+                    <span class="each">
+                        <i class="ms ms-loyalty-up ms-loyalty-3"></i> .ms-loyalty-up
+                    </span>
+                    <span class="each">
+                        <i class="ms ms-loyalty-down ms-loyalty-2"></i> .ms-loyalty-down
+                    </span>
+                </div>
+                <div class="explanation">
+                    <p>You can create planewalker loyalty symbols for the starting value, zero, and ticking up or down. The number that appears is based on a class you add, like <code>.ms-loyalty-4</code>. Currently numbers 0-20 are supported for start, up, and down.</p>
+                    <blockquote>
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-loyalty-up ms-loyalty-3"</span>&gt;&lt;/<span class="e">i</span>&gt;<br />
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-loyalty-down ms-loyalty-2"</span>&gt;&lt;/<span class="e">i</span>&gt;
+                    </blockquote>
+                </div>
+                <div class="clear"></div>
+            </section>
+            <section class="content">
+                <h4>Saga Symbols</h4>
+                <div class="example float-left">
+                    <span class="each">
+                        <i class="ms ms-saga ms-saga-1 ms-2x"></i> .ms-saga-1
+                    </span>
+                    <span class="each">
+                        <i class="ms ms-saga ms-saga-4 ms-2x"></i> .ms-saga-4
+                    </span>
+                </div>
+                <div class="explanation">
+                    <p>Saga symbols are supported natively up to V, even though only IV has ever been printed. The number that appears inside the hexagon is based on a class you add, like <code>.ms-saga-2</code>.</p>
+                    <blockquote>
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-saga ms-saga-1"</span>&gt;&lt;/<span class="e">i</span>&gt;<br />
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-saga ms-saga-4"</span>&gt;&lt;/<span class="e">i</span>&gt;
+                    </blockquote>
+                </div>
+                <div class="clear"></div>
+            </section>
+            <section class="content">
+                <h4>Battle Symbols</h4>
+                <div class="example float-left">
+                    <span class="each">
+                        <i class="ms ms-defense ms-defense-1 ms-2x"></i> .ms-defense
+                    </span>
+                    <span class="each">
+                        <i class="ms ms-defense ms-defense-outline ms-defense-3 ms-2x"></i> .ms-defense-outline
+                    </span>
+                    <span class="each">
+                        <i class="ms ms-defense ms-defense-print ms-defense-5 ms-2x"></i> .ms-defense-print
+                    </span>
+                </div>
+                <div class="explanation">
+                    <p>Battle cards have a unique defense box and values are supported from 0-20 using utility classes similar to Loyalty and Sagas, in the format <code>.ms-defense-2</code>.</p>
+                    <p>There are 3 variations of the symbol that you can display. The simplest is just the black background with a white number (<code>.ms-defense</code>). An outline version has a black border with black number and white inside (<code>.ms-defense-outline</code>). Finally the full "print" version uses 3 layers and mimics the way the defense box is printed on cards; use this with <code>.ms-defense-print</code>.</p>
+                    <blockquote>
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-defense ms-defense-1"</span>&gt;&lt;/<span class="e">i</span>&gt;<br />
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-defense ms-defense-outline ms-defense-3"</span>&gt;&lt;/<span class="e">i</span>&gt;<br />
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-defense ms-defense-print ms-defense-5"</span>&gt;&lt;/<span class="e">i</span>&gt;
+                    </blockquote>
+                </div>
+                <div class="clear"></div>
+            </section>
+            <section class="content">
+                <h4>Increase the Symbol's Size</h4>
+                <div class="example float-left">
+                    <span class="each">
+                        <i class="ms ms-r ms-2x"></i> .ms-2x
+                    </span>
+                    <span class="each">
+                        <i class="ms ms-r ms-3x"></i> .ms-3x
+                    </span>
+                    <span class="each">
+                        <i class="ms ms-r ms-4x"></i> .ms-4x
+                    </span>
+                    <span class="each">
+                        <i class="ms ms-r ms-5x"></i> .ms-5x
+                    </span>
+                    <span class="each">
+                        <i class="ms ms-r ms-6x"></i> .ms-6x
+                    </span>
+                </div>
+                <div class="explanation">
+                    <p>To conveniently increase the size of a mana or card symbol you can append the classes <code>ms-2x</code>, <code>ms-3x</code>, <code>ms-4x</code>, <code>ms-4x</code>, and <code>ms-6x</code>. These classes increase the size by a factor equal to class name number.</p>
+                    <blockquote>
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-r ms-2x"</span>&gt;&lt;/<span class="e">i</span>&gt; ms-2x<br />
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-r ms-3x"</span>&gt;&lt;/<span class="e">i</span>&gt; ms-3x<br />
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-r ms-4x"</span>&gt;&lt;/<span class="e">i</span>&gt; ms-4x<br />
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-r ms-5x"</span>&gt;&lt;/<span class="e">i</span>&gt; ms-5x<br />
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-r ms-6x"</span>&gt;&lt;/<span class="e">i</span>&gt; ms-6x
+                    </blockquote>
+                </div>
+                <div class="clear"></div>
+            </section>
+            <section class="content">
+                <h4>Fixed Width</h4>
+                <div class="example float-left">
+                    <span class="each"><i class="ms ms-planeswalker ms-fw"></i> Planeswalker</span>
+                    <span class="each"><i class="ms ms-land ms-fw"></i> Land</span>
+                </div>
+                <div class="explanation">
+                    <p>Some of the card symbols are variable width by default, if you put them in a list they may stack irregularly. To fix their width to a standard size, just append the class <code>.ms-fw</code> and the symbols will have a constant width and centered icon.</p>
+                    <blockquote>
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-planeswalker ms-fw"</span>&gt;&lt;/<span class="e">i</span>&gt; Planeswalker symbol<br />
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-land ms-fw"</span>&gt;&lt;/<span class="e">i</span>&gt; Land symbol
+                    </blockquote>
+                </div>
+                <div class="clear"></div>
+            </section>
+            <section class="content">
+                <h4>Dual-Layered Symbols</h4>
+                <div class="example float-left">
+                    <span class="each"><i class="ms ms-2x ms-multicolor"></i> One layer</span>
+                    <span class="each"><i class="ms ms-2x ms-multicolor ms-duo"></i> Two layers</span>
+                    <span class="each"><i class="ms ms-2x ms-multicolor ms-duo ms-duo-color ms-grad"></i> Two with color</span>
+                    <span class="each"><i class="ms ms-2x ms-school-prismari ms-duo ms-duo-color"></i> Prismari</span>
+                </div>
+                <div class="explanation">
+                    <p>The <a href="https://mtg.gamepedia.com/Multicolored">multicolor symbol</a> has 2 layers and the only way to reliably achieve this is with 2 glyphs. Add <code>.ms-duo</code> and <code>.ms-multicolor</code> will add the background layer and knock out the foreground. If you add <code>.ms-duo-color</code> and optionally <code>.ms-grad</code> it will colorize it like the official symbol.</p>
+                    <blockquote>
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-multicolor"</span>&gt;&lt;/<span class="e">i</span>&gt; One layer<br />
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-multicolor ms-duo"</span>&gt;&lt;/<span class="e">i</span>&gt; Two layers<br />
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-multicolor ms-duo ms-duo-color ms-grad"</span>&gt;&lt;/<span class="e">i</span>&gt; Complete multicolor symbol
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-school-prismari ms-duo ms-duo-color"</span>&gt;&lt;/<span class="e">i</span>&gt; Prismari colored symbol
+                    </blockquote>
+                </div>
+                <div class="clear"></div>
+            </section>
+            <section class="content">
+                <h4>Arena Abilites and MODO Counters</h4>
+                <div class="example float-left">
+                    <span class="each"><i class="ms ms-2x ms-ability-flying"></i> Evergreen ability</span>
+                    <span class="each"><i class="ms ms-2x ms-ability-adventure ms-mechanic"></i> Set-specific ability</span>
+                    <span class="each"><i class="ms ms-2x ms-counter-plus"></i> MODO counter</span>
+                </div>
+                <div class="explanation">
+                    <p>Mana has full Arena and Modo ability and counter coverage. You can apply the set-specific gold gradient that Arena uses on abilities with <code>.ms-mechanic</code>.</p>
+                    <blockquote>
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-ability-flying"</span>&gt;&lt;/<span class="e">i</span>&gt; Evergreen ability<br />
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-ability-adventure ms-mechanic"</span>&gt;&lt;/<span class="e">i</span>&gt; Set-specific ability<br />
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-counter-plus"</span>&gt;&lt;/<span class="e">i</span>&gt; MODO counter
+                    </blockquote>
+                </div>
+                <div class="clear"></div>
+            </section>
+            <section class="content">
+                <h4>Card Color Indicators</h4>
+                <div class="example float-left">
+                    <span class="each"><i class="ms ms-2x ms-ci ms-ci-1 ms-ci-g"></i> Green</span>
+                    <span class="each"><i class="ms ms-2x ms-ci ms-ci-2 ms-ci-rg"></i> Red/Green</span>
+                    <span class="each"><i class="ms ms-2x ms-ci ms-ci-3 ms-ci-gur"></i> Red/Green/Blue</span>
+                </div>
+                <div class="explanation">
+                    <p>Some cards use color indicator circles on their alternate faces to indicate that the card is still a certain color identity. Mana supports all 31 variations, though only about 10 different color combinations exist on cards currently.</p>
+                    <blockquote>
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-ci ms-ci-1 ms-ci-g"</span>&gt;&lt;/<span class="e">i</span>&gt; Green<br />
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-ci ms-ci-2 ms-ci-rg"</span>&gt;&lt;/<span class="e">i</span>&gt; Red/Green<br />
+                        &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-ci ms-ci-3 ms-ci-gur"</span>&gt;&lt;/<span class="e">i</span>&gt; Red/Green/Blue<br />
+                    </blockquote>
+                    <p>To display these, use class <code>.ms-ci</code> and then <code>.ms-ci-X</code> where "X" is the number of colors in the identity. Then add the corresponding color class, like <code>.ms-ci-wug</code>.</p>
+                    <p>Importantly, the only SVGs used to display these are the borders, and there are 5 different border glyphs. The colors themselves are displayed using the <code>background: conic-gradient();</code> CSS attribute, which you can view the support for on <a href="https://caniuse.com/css-conic-gradients" target="blank">Can I Use</a>. TL;DR: it has almost universal practical browser support.</p>
+                </div>
+            </section>
+        </div>
+    </main>
+
+    <footer>
+        <div class="wrapper">
+            <div class="float-left">
+                <p>Made with &hearts; by <a href="https://andrewgioia.com">Andrew Gioia</a></p>
+            </div>
+            <div class="float-right" style="text-align: right;">
+                <p>
+                    All mana images and card symbols &copy; <a href="http://magicthegathering.com">Wizards of the Coast</a><br />
+                    The Mana font is licensed under the the <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a><br />
+                    Mana CSS, LESS, and Sass files are licensed under the <a href="http://opensource.org/licenses/mit-license.html">MIT License</a><br />
+                </p>
+            </div>
+            <div class="clear"></div>
+        </div>
+    </footer>
+
+</body>
+</html>

docs/cheatsheet.html

@@ -0,0 +1,430 @@
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="chrome=1" />
+    <title>Icon Cheatsheet | Mana</title>
+    <link rel="stylesheet" href="assets/mana.min.css" />
+    <link rel="stylesheet" href="assets/docs.css" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+</head>
+<body>
+
+    <section id="banner">
+        <div class="wrapper">
+            <a href="index.html" class="logo"><i class="ms ms-g" style="top:-2px;position:relative;"></i> Mana</a>
+            <a href="index.html" class="item">Home</a>
+            <a href="icons.html" class="item">Mana Icons</a>
+            <a href="attributes.html" class="item">Attributes</a>
+            <a href="http://github.com/andrewgioia/Mana" class="item">GitHub Project</a>
+            <span class="item">
+                <iframe src="https://ghbtns.com/github-btn.html?user=andrewgioia&repo=mana&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px" style="margin-bottom: -4px;"></iframe>
+            </span>
+            <span class="item">
+                Created by
+                <a href="http://andrewgioia.com">Andrew Gioia</a>
+            </span>
+        </div>
+    </section>
+
+    <header>
+        <div class="wrapper">
+            <h1 class="sub">Mana &amp; Card Icons</h1>
+            <a class="dl button float-right" href="https://github.com/andrewgioia/Mana/archive/master.zip">
+                <i class="ms ms-instant"></i>
+                Download
+            </a>
+            <h2 class="sub">The complete Mana copy-able reference</h2>
+        </div>
+    </header>
+
+    <main>
+        <div class="wrapper">
+            <section>
+                <h3>
+                    To use Mana on the desktop, install mana.otf, set it
+                    as the font in your application, then copy and paste the
+                    icons (not the unicode) directly from this page into
+                    your designs. The UTF8 representation is provided as
+                    a reference as well.
+                </h3>
+            </section>
+            <section class="content">
+                <h4>Icons, CSS Class, and Unicode</h4>
+                <div class="vectors">
+                    <span class="utf"><i>&#xe600;</i> ms-w <code>&amp;#xe600;</code></span>
+                    <span class="utf"><i>&#xe601;</i> ms-u <code>&amp;#xe601;</code></span>
+                    <span class="utf"><i>&#xe602;</i> ms-b <code>&amp;#xe602;</code></span>
+                    <span class="utf"><i>&#xe603;</i> ms-r <code>&amp;#xe603;</code></span>
+                    <span class="utf"><i>&#xe604;</i> ms-g <code>&amp;#xe604;</code></span>
+                    <span class="utf"><i>&#xe997;</i> ms-w-original <code>&amp;#xe997;</code></span>
+                    <span class="utf"><i>&#xe998;</i> ms-w-list <code>&amp;#xe998;</code></span>
+                    <span class="utf"><i>&#xe904;</i> ms-c <code>&amp;#xe904;</code></span>
+                    <span class="utf"><i>&#xe605;</i> ms-0 <code>&amp;#xe605;</code></span>
+                    <span class="utf"><i>&#xe606;</i> ms-1 <code>&amp;#xe606;</code></span>
+                    <span class="utf"><i>&#xe607;</i> ms-2 <code>&amp;#xe607;</code></span>
+                    <span class="utf"><i>&#xe608;</i> ms-3 <code>&amp;#xe608;</code></span>
+                    <span class="utf"><i>&#xe609;</i> ms-4 <code>&amp;#xe609;</code></span>
+                    <span class="utf"><i>&#xe60a;</i> ms-5 <code>&amp;#xe60a;</code></span>
+                    <span class="utf"><i>&#xe60b;</i> ms-6 <code>&amp;#xe60b;</code></span>
+                    <span class="utf"><i>&#xe60c;</i> ms-7 <code>&amp;#xe60c;</code></span>
+                    <span class="utf"><i>&#xe60d;</i> ms-8 <code>&amp;#xe60d;</code></span>
+                    <span class="utf"><i>&#xe60e;</i> ms-9 <code>&amp;#xe60e;</code></span>
+                    <span class="utf"><i>&#xe60f;</i> ms-10 <code>&amp;#xe60f;</code></span>
+                    <span class="utf"><i>&#xe610;</i> ms-11 <code>&amp;#xe610;</code></span>
+                    <span class="utf"><i>&#xe611;</i> ms-12 <code>&amp;#xe611;</code></span>
+                    <span class="utf"><i>&#xe612;</i> ms-13 <code>&amp;#xe612;</code></span>
+                    <span class="utf"><i>&#xe613;</i> ms-14 <code>&amp;#xe613;</code></span>
+                    <span class="utf"><i>&#xe614;</i> ms-15 <code>&amp;#xe614;</code></span>
+                    <span class="utf"><i>&#xe62a;</i> ms-16 <code>&amp;#xe62a;</code></span>
+                    <span class="utf"><i>&#xe62b;</i> ms-17 <code>&amp;#xe62b;</code></span>
+                    <span class="utf"><i>&#xe62c;</i> ms-18 <code>&amp;#xe62c;</code></span>
+                    <span class="utf"><i>&#xe62d;</i> ms-19 <code>&amp;#xe62d;</code></span>
+                    <span class="utf"><i>&#xe62e;</i> ms-20 <code>&amp;#xe62e;</code></span>
+                    <span class="utf"><i>&#xe615;</i> ms-x <code>&amp;#xe615;</code></span>
+                    <span class="utf"><i>&#xe616;</i> ms-y <code>&amp;#xe616;</code></span>
+                    <span class="utf"><i>&#xe617;</i> ms-z <code>&amp;#xe617;</code></span>
+                    <span class="utf"><i>&#xe618;</i> ms-p <code>&amp;#xe618;</code></span>
+                    <span class="utf"><i>&#xe619;</i> ms-s <code>&amp;#xe619;</code></span>
+                    <span class="utf"><i>&#xe996;</i> ms-s-mtga <code>&amp;#xe996;</code></span>
+                    <span class="utf"><i>&#xe907;</i> ms-e <code>&amp;#xe907;</code></span>
+                    <div class="clear"></div>
+                </div>
+                <div class="vectors">
+                    <span class="utf"><i>&#xe902;</i> ms-1-2 <code>&amp;#xe902;</code></span>
+                    <span class="utf"><i>&#xe929;</i> ms-acorn <code>&amp;#xe929;</code></span>
+                    <span class="utf"><i>&#xe923;</i> ms-artist-brush <code>&amp;#xe923;</code></span>
+                    <span class="utf"><i>&#xe924;</i> ms-artist-nib <code>&amp;#xe924;</code></span>
+                    <span class="utf"><i>&#xe61d;</i> ms-chaos <code>&amp;#xe61d;</code></span>
+                    <span class="utf"><i>&#xe9d7;</i> ms-defense <code>&amp;#xe9d7;</code></span>
+                    <span class="utf"><i>&#xe9d8;</i> ms-defense-outline <code>&amp;#xe9d8;</code></span>
+                    <span class="utf"><i>&#xe903;</i> ms-infinity <code>&amp;#xe903;</code></span>
+                    <span class="utf"><i>&#xe9c7;</i> ms-level <code>&amp;#xe9c7;</code></span>
+                    <span class="utf"><i>&#xe9c8;</i> ms-level-border <code>&amp;#xe9c8;</code></span>
+                    <span class="utf"><i>&#xe627;</i> ms-loyalty-up <code>&amp;#xe627;</code></span>
+                    <span class="utf"><i>&#xe625;</i> ms-loyalty-down <code>&amp;#xe625;</code></span>
+                    <span class="utf"><i>&#xe626;</i> ms-loyalty-zero <code>&amp;#xe626;</code></span>
+                    <span class="utf"><i>&#xe628;</i> ms-loyalty-start <code>&amp;#xe628;</code></span>
+                    <span class="utf"><i>&#xe985;</i> ms-multicolor <code>&amp;#xe985;</code></span>
+                    <span class="utf"><i>&#xe921;</i> ms-power <code>&amp;#xe921;</code></span>
+                    <span class="utf"><i>&#xe92a;</i> ms-saga <code>&amp;#xe92a;</code></span>
+                    <span class="utf"><i>&#xe61a;</i> ms-tap <code>&amp;#xe61a;</code></span>
+                    <span class="utf"><i>&#xe61c;</i> ms-tap-alt <code>&amp;#xe61c;</code></span>
+                    <span class="utf"><i>&#xe922;</i> ms-toughness <code>&amp;#xe922;</code></span>
+                    <span class="utf"><i>&#xe61b;</i> ms-untap <code>&amp;#xe61b;</code></span>
+                    <span class="utf"><i>&#xe98a;</i> ms-ci-1 <code>&amp;#xe98a;</code></span>
+                    <span class="utf"><i>&#xe98b;</i> ms-ci-2 <code>&amp;#xe98b;</code></span>
+                    <span class="utf"><i>&#xe98c;</i> ms-ci-3 <code>&amp;#xe98c;</code></span>
+                    <span class="utf"><i>&#xe98d;</i> ms-ci-4 <code>&amp;#xe98d;</code></span>
+                    <span class="utf"><i>&#xe98e;</i> ms-ci-5 <code>&amp;#xe98e;</code></span>
+                    <div class="clear"></div>
+                </div>
+                <div class="vectors">
+                    <span class="utf"><i style="width:auto;">&#xe900;</i> ms-100 <code>&amp;#xe900;</code></span>
+                    <span class="utf long"><i class="long">&#xe901;</i> ms-1000000 <code>&amp;#xe901;</code></span>
+                    <div class="clear"></div>
+                </div>
+                <div class="vectors overflow">
+                    <span class="utf"><i>&#xe61e;</i> ms-artifact <code>&amp;#xe61e;</code></span>
+                    <span class="utf"><i>&#xe9d1;</i> ms-battle <code>&amp;#xe9d1;</code></span>
+                    <span class="utf"><i>&#xe9d2;</i> ms-battle-siege <code>&amp;#xe9d2;</code></span>
+                    <span class="utf"><i>&#xe972;</i> ms-conspiracy <code>&amp;#xe972;</code></span>
+                    <span class="utf"><i>&#xe61f;</i> ms-creature <code>&amp;#xe61f;</code></span>
+                    <span class="utf"><i>&#xe620;</i> ms-enchantment <code>&amp;#xe620;</code></span>
+                    <span class="utf"><i>&#xe629;</i> ms-flashback <code>&amp;#xe629;</code></span>
+                    <span class="utf"><i>&#xe621;</i> ms-instant <code>&amp;#xe621;</code></span>
+                    <span class="utf"><i>&#xe622;</i> ms-land <code>&amp;#xe622;</code></span>
+                    <span class="utf"><i>&#xe925;</i> ms-multiple <code>&amp;#xe925;</code></span>
+                    <span class="utf"><i>&#xe96e;</i> ms-phenomenon <code>&amp;#xe96e;</code></span>
+                    <span class="utf"><i>&#xe96f;</i> ms-plane <code>&amp;#xe96f;</code></span>
+                    <span class="utf"><i>&#xe623;</i> ms-planeswalker <code>&amp;#xe623;</code></span>
+                    <span class="utf"><i>&#xe96c;</i> ms-rarity <code>&amp;#xe96c;</code></span>
+                    <span class="utf"><i>&#xe970;</i> ms-scheme <code>&amp;#xe970;</code></span>
+                    <span class="utf"><i>&#xe624;</i> ms-sorcery <code>&amp;#xe624;</code></span>
+                    <span class="utf"><i>&#xe972;</i> ms-token <code>&amp;#xe96d;</code></span>
+                    <span class="utf"><i>&#xe925;</i> ms-tribal <code>&amp;#xe925;</code></span>
+                    <span class="utf"><i>&#xe971;</i> ms-vanguard <code>&amp;#xe971;</code></span>
+                    <div class="clear"></div>
+                </div>
+                <div class="vectors overflow">
+                    <span class="utf"><i>&#xe905;</i> ms-dfc-night <code>&amp;#xe905;</code></span>
+                    <span class="utf"><i>&#xe906;</i> ms-dfc-day <code>&amp;#xe906;</code></span>
+                    <span class="utf"><i>&#xe909;</i> ms-dfc-spark <code>&amp;#xe909;</code></span>
+                    <span class="utf"><i>&#xe908;</i> ms-dfc-ignite <code>&amp;#xe908;</code></span>
+                    <span class="utf"><i>&#xe90b;</i> ms-dfc-moon <code>&amp;#xe90b;</code></span>
+                    <span class="utf"><i>&#xe90a;</i> ms-dfc-emrakul <code>&amp;#xe90a;</code></span>
+                    <span class="utf"><i>&#xe920;</i> ms-dfc-enchantment <code>&amp;#xe920;</code></span>
+                    <span class="utf"><i>&#xe98f;</i> ms-dfc-lesson <code>&amp;#xe98f;</code></span>
+                    <span class="utf"><i>&#xe9d3;</i> ms-dfc-front <code>&amp;#xe9d3;</code></span>
+                    <span class="utf"><i>&#xe9d4;</i> ms-dfc-back <code>&amp;#xe9d4;</code></span>
+                    <span class="utf"><i>&#xe9d5;</i> ms-dfc-meld <code>&amp;#xe9d5;</code></span>
+                    <span class="utf"><i>&#xe9d6;</i> ms-dfc-facedown <code>&amp;#xe9d6;</code></span>
+                    <span class="utf"><i>&#xe983;</i> ms-dfc-modal-face <code>&amp;#xe983;</code></span>
+                    <span class="utf"><i>&#xe984;</i> ms-dfc-modal-back <code>&amp;#xe984;</code></span>
+                    <div class="clear"></div>
+                </div>
+                <div class="vectors overflow">
+                    <span class="utf"><i>&#xe90c;</i> ms-guild-azorius <code>&amp;#xe90c;</code></span>
+                    <span class="utf"><i>&#xe90d;</i> ms-guild-boros <code>&amp;#xe90d;</code></span>
+                    <span class="utf"><i>&#xe90e;</i> ms-guild-dimir <code>&amp;#xe90e;</code></span>
+                    <span class="utf"><i>&#xe90f;</i> ms-guild-golgari <code>&amp;#xe90f;</code></span>
+                    <span class="utf"><i>&#xe910;</i> ms-guild-gruul <code>&amp;#xe910;</code></span>
+                    <span class="utf"><i>&#xe911;</i> ms-guild-izzet <code>&amp;#xe911;</code></span>
+                    <span class="utf"><i>&#xe912;</i> ms-guild-orzhov <code>&amp;#xe912;</code></span>
+                    <span class="utf"><i>&#xe913;</i> ms-guild-rakdos <code>&amp;#xe913;</code></span>
+                    <span class="utf"><i>&#xe914;</i> ms-guild-selesnya <code>&amp;#xe914;</code></span>
+                    <span class="utf"><i>&#xe915;</i> ms-guild-simic <code>&amp;#xe915;</code></span>
+                    <span class="utf"><i>&#xe916;</i> ms-clan-abzan <code>&amp;#xe916;</code></span>
+                    <span class="utf"><i>&#xe917;</i> ms-clan-jeskai <code>&amp;#xe917;</code></span>
+                    <span class="utf"><i>&#xe918;</i> ms-clan-mardu <code>&amp;#xe918;</code></span>
+                    <span class="utf"><i>&#xe919;</i> ms-clan-sultai <code>&amp;#xe919;</code></span>
+                    <span class="utf"><i>&#xe91a;</i> ms-clan-temur <code>&amp;#xe91a;</code></span>
+                    <span class="utf"><i>&#xe91b;</i> ms-clan-atarka <code>&amp;#xe91b;</code></span>
+                    <span class="utf"><i>&#xe91c;</i> ms-clan-dromoka <code>&amp;#xe91c;</code></span>
+                    <span class="utf"><i>&#xe91d;</i> ms-clan-ojutai <code>&amp;#xe91d;</code></span>
+                    <span class="utf"><i>&#xe91e;</i> ms-clan-kolaghan <code>&amp;#xe91e;</code></span>
+                    <span class="utf"><i>&#xe91f;</i> ms-clan-silumgar <code>&amp;#xe91f;</code></span>
+                    <span class="utf"><i>&#xe926;</i> ms-polis-setessa <code>&amp;#xe926;</code></span>
+                    <span class="utf"><i>&#xe927;</i> ms-polis-akros <code>&amp;#xe927;</code></span>
+                    <span class="utf"><i>&#xe928;</i> ms-polis-meletis <code>&amp;#xe928;</code></span>
+                    <span class="utf"><i>&#xe99a;</i> ms-school-lorehold <code>&amp;#xe99a;</code></span>
+                    <span class="utf"><i>&#xe99a;</i> ms-school-prismari <code>&amp;#xe99c;</code></span>
+                    <span class="utf"><i>&#xe99a;</i> ms-school-quandrix <code>&amp;#xe99e;</code></span>
+                    <span class="utf"><i>&#xe99a;</i> ms-school-silverquill <code>&amp;#xe9a0;</code></span>
+                    <span class="utf"><i>&#xe99a;</i> ms-school-witherbloom <code>&amp;#xe9a2;</code></span>
+                    <span class="utf"><i>&#xea0d;</i> ms-school-brokers <code>&amp;#xea0d;</code></span>
+                    <span class="utf"><i>&#xea0e;</i> ms-school-cabaretti <code>&amp;#xea0e;</code></span>
+                    <span class="utf"><i>&#xea0f;</i> ms-school-maestros <code>&amp;#xea0e;</code></span>
+                    <span class="utf"><i>&#xea10;</i> ms-school-obscura <code>&amp;#xea10;</code></span>
+                    <span class="utf"><i>&#xea11;</i> ms-school-riveteers <code>&amp;#xea11;</code></span>
+                    <div class="clear"></div>
+                </div>
+                <div class="vectors overflow">
+                    <span class="utf"><i>&#xe947;</i> ms-ability-activated <code>&amp;#xe947;</code></span>
+                    <span class="utf"><i>&#xe974;</i> ms-ability-adamant <code>&amp;#xe974;</code></span>
+                    <span class="utf"><i>&#xe975;</i> ms-ability-adapt <code>&amp;#xe975;</code></span>
+                    <span class="utf"><i>&#xe976;</i> ms-ability-addendum <code>&amp;#xe976;</code></span>
+                    <span class="utf"><i>&#xe948;</i> ms-ability-adventure <code>&amp;#xe948;</code></span>
+                    <span class="utf"><i>&#xe977;</i> ms-ability-afflict <code>&amp;#xe977;</code></span>
+                    <span class="utf"><i>&#xe978;</i> ms-ability-afterlife <code>&amp;#xe978;</code></span>
+                    <span class="utf"><i>&#xe979;</i> ms-ability-aftermath <code>&amp;#xe979;</code></span>
+                    <span class="utf"><i>&#xe9b5;</i> ms-ability-alliance <code>&amp;#xe9b5;</code></span>
+                    <span class="utf"><i>&#xe97a;</i> ms-ability-amass <code>&amp;#xe97a;</code></span>
+                    <span class="utf"><i>&#xe9e0;</i> ms-ability-amass-orcs <code>&amp;#xe9e0;</code></span>
+                    <span class="utf"><i>&#xe94a;</i> ms-ability-ascend <code>&amp;#xe94a;</code></span>
+                    <span class="utf"><i>&#xe9d9;</i> ms-ability-backup <code>&amp;#xe9d9;</code></span>
+                    <span class="utf"><i>&#xe9e2;</i> ms-ability-bargain <code>&amp;#xe9e2;</code></span>
+                    <span class="utf"><i>&#xe9b4;</i> ms-ability-blitz <code>&amp;#xe9b4;</code></span>
+                    <span class="utf"><i>&#xe991;</i> ms-ability-boast <code>&amp;#xe991;</code></span>
+                    <span class="utf"><i>&#xe9b7;</i> ms-ability-casualty <code>&amp;#xe9b7;</code></span>
+                    <span class="utf"><i>&#xe9e3;</i> ms-ability-celebration <code>&amp;#xe9e3;</code></span>
+                    <span class="utf"><i>&#xe9a6;</i> ms-ability-changeling <code>&amp;#xe9a6;</code></span>
+                    <span class="utf"><i>&#xe9b1;</i> ms-ability-channel <code>&amp;#xe9b1;</code></span>
+                    <span class="utf"><i>&#xe9ad;</i> ms-ability-cleave <code>&amp;#xe9ad;</code></span>
+                    <span class="utf"><i>&#xe97b;</i> ms-ability-companion <code>&amp;#xe97b;</code></span>
+                    <span class="utf"><i>&#xe97c;</i> ms-ability-constellation <code>&amp;#xe97c;</code></span>
+                    <span class="utf"><i>&#xe9da;</i> ms-ability-convoke <code>&amp;#xe9da;</code></span>
+                    <span class="utf"><i>&#xe949;</i> ms-ability-convoke-original <code>&amp;#xe949;</code></span>
+                    <span class="utf"><i>&#xe9c0;</i> ms-ability-corrupted <code>&amp;#xe9c0;</code></span>
+                    <span class="utf"><i>&#xe9aa;</i> ms-ability-coven <code>&amp;#xe9aa;</code></span>
+                    <span class="utf"><i>&#xe999;</i> ms-ability-d20 <code>&amp;#xe999;</code></span>
+                    <span class="utf"><i>&#xe9a8;</i> ms-ability-day-night <code>&amp;#xe9a8;</code></span>
+                    <span class="utf"><i>&#xe9a9;</i> ms-ability-daybound-nightbound <code>&amp;#xe9a9;</code></span>
+                    <span class="utf"><i>&#xe94b;</i> ms-ability-deathtouch <code>&amp;#xe94b;</code></span>
+                    <span class="utf"><i>&#xe9ac;</i> ms-ability-decayed <code>&amp;#xe9ac;</code></span>
+                    <span class="utf"><i>&#xe94c;</i> ms-ability-defender <code>&amp;#xe94c;</code></span>
+                    <span class="utf"><i>&#xe97d;</i> ms-ability-devotion <code>&amp;#xe97d;</code></span>
+                    <span class="utf"><i>&#xe9ae;</i> ms-ability-disturb <code>&amp;#xe9ae;</code></span>
+                    <span class="utf"><i>&#xe9a7;</i> ms-ability-domain <code>&amp;#xe9a7;</code></span>
+                    <span class="utf"><i>&#xe94d;</i> ms-ability-double-strike <code>&amp;#xe94d;</code></span>
+                    <span class="utf"><i>&#xe995;</i> ms-ability-dungeon <code>&amp;#xe995;</code></span>
+                    <span class="utf"><i>&#xe97e;</i> ms-ability-embalm <code>&amp;#xe97e;</code></span>
+                    <span class="utf"><i>&#xe9ba;</i> ms-ability-enlist <code>&amp;#xe9ba;</code></span>
+                    <span class="utf"><i>&#xe9dc;</i> ms-ability-enrage <code>&amp;#xe9dc;</code></span>
+                    <span class="utf"><i>&#xe94e;</i> ms-ability-enrage-original <code>&amp;#xe94e;</code></span>
+                    <span class="utf"><i>&#xe969;</i> ms-ability-escape <code>&amp;#xe969;</code></span>
+                    <span class="utf"><i>&#xe97f;</i> ms-ability-eternalize <code>&amp;#xe97f;</code></span>
+                    <span class="utf"><i>&#xe9af;</i> ms-ability-exploit <code>&amp;#xe9af;</code></span>
+                    <span class="utf"><i>&#xe94f;</i> ms-ability-explore <code>&amp;#xe94f;</code></span>
+                    <span class="utf"><i>&#xe950;</i> ms-ability-first-strike <code>&amp;#xe950;</code></span>
+                    <span class="utf"><i>&#xe951;</i> ms-ability-flash <code>&amp;#xe951;</code></span>
+                    <span class="utf"><i>&#xe952;</i> ms-ability-flying <code>&amp;#xe952;</code></span>
+                    <span class="utf"><i>&#xe9c1;</i> ms-ability-for-mirrodin <code>&amp;#xe9c1;</code></span>
+                    <span class="utf"><i>&#xe990;</i> ms-ability-foretell <code>&amp;#xe990;</code></span>
+                    <span class="utf"><i>&#xe9e4;</i> ms-ability-haktos-the-unscarred <code>&amp;#xe9e4;</code></span>
+                    <span class="utf"><i>&#xe953;</i> ms-ability-haste <code>&amp;#xe953;</code></span>
+                    <span class="utf"><i>&#xe954;</i> ms-ability-hexproof <code>&amp;#xe954;</code></span>
+                    <span class="utf"><i>&#xe955;</i> ms-ability-hexproof-black <code>&amp;#xe955;</code></span>
+                    <span class="utf"><i>&#xe956;</i> ms-ability-hexproof-blue <code>&amp;#xe956;</code></span>
+                    <span class="utf"><i>&#xe957;</i> ms-ability-hexproof-green <code>&amp;#xe957;</code></span>
+                    <span class="utf"><i>&#xe958;</i> ms-ability-hexproof-red <code>&amp;#xe958;</code></span>
+                    <span class="utf"><i>&#xe959;</i> ms-ability-hexproof-white <code>&amp;#xe959;</code></span>
+                    <span class="utf"><i>&#xe9b8;</i> ms-ability-hideaway <code>&amp;#xe9b8;</code></span>
+                    <span class="utf"><i>&#xe9de;</i> ms-ability-improvise <code>&amp;#xe9de;</code></span>
+                    <span class="utf"><i>&#xe9db;</i> ms-ability-incubate <code>&amp;#xe9db;</code></span>
+                    <span class="utf"><i>&#xe95a;</i> ms-ability-indestructible <code>&amp;#xe95a;</code></span>
+                    <span class="utf"><i>&#xe9ab;</i> ms-ability-investigate <code>&amp;#xe9ab;</code></span>
+                    <span class="utf"><i>&#xe95b;</i> ms-ability-jumpstart <code>&amp;#xe95b;</code></span>
+                    <span class="utf"><i>&#xe989;</i> ms-ability-kicker <code>&amp;#xe989;</code></span>
+                    <span class="utf"><i>&#xe988;</i> ms-ability-landfall <code>&amp;#xe988;</code></span>
+                    <span class="utf"><i>&#xe994;</i> ms-ability-learn <code>&amp;#xe994;</code></span>
+                    <span class="utf"><i>&#xe95c;</i> ms-ability-lifelink <code>&amp;#xe95c;</code></span>
+                    <span class="utf"><i>&#xe993;</i> ms-ability-magecraft <code>&amp;#xe993;</code></span>
+                    <span class="utf"><i>&#xe9bd;</i> ms-ability-meld <code>&amp;#xe9bd;</code></span>
+                    <span class="utf"><i>&#xe95d;</i> ms-ability-menace <code>&amp;#xe95d;</code></span>
+                    <span class="utf"><i>&#xe95e;</i> ms-ability-mentor <code>&amp;#xe95e;</code></span>
+                    <span class="utf"><i>&#xe980;</i> ms-ability-mutate <code>&amp;#xe980;</code></span>
+                    <span class="utf"><i>&#xe9b2;</i> ms-ability-ninjutsu <code>&amp;#xe9b2;</code></span>
+                    <span class="utf"><i>&#xe9b6;</i> ms-ability-obscura <code>&amp;#xe9b6;</code></span>
+                    <span class="utf"><i>&#xe987;</i> ms-ability-party <code>&amp;#xe987;</code></span>
+                    <span class="utf"><i>&#xe618;</i> ms-ability-phyrexian <code>&amp;#xe618;</code></span>
+                    <span class="utf"><i>&#xe981;</i> ms-ability-proliferate <code>&amp;#xe981;</code></span>
+                    <span class="utf"><i>&#xe9be;</i> ms-ability-prototype <code>&amp;#xe9be;</code></span>
+                    <span class="utf"><i>&#xe982;</i> ms-ability-prowess <code>&amp;#xe982;</code></span>
+                    <span class="utf"><i>&#xe95f;</i> ms-ability-raid <code>&amp;#xe95f;</code></span>
+                    <span class="utf"><i>&#xe960;</i> ms-ability-reach <code>&amp;#xe960;</code></span>
+                    <span class="utf"><i>&#xe9b9;</i> ms-ability-read-ahead <code>&amp;#xe9b9;</code></span>
+                    <span class="utf"><i>&#xe9b3;</i> ms-ability-reconfigure <code>&amp;#xe9b3;</code></span>
+                    <span class="utf"><i>&#xe961;</i> ms-ability-revolt <code>&amp;#xe961;</code></span>
+                    <span class="utf"><i>&#xe9df;</i> ms-ability-ring-bearer <code>&amp;#xe9df;</code></span>
+                    <span class="utf"><i>&#xe973;</i> ms-ability-riot <code>&amp;#xe973;</code></span>
+                    <span class="utf"><i>&#xe9e5;</i> ms-ability-robber-of-the-rich <code>&amp;#xe9e5;</code></span>
+                    <span class="utf"><i>&#xe9e6;</i> ms-ability-role-cursed <code>&amp;#xe9e6;</code></span>
+                    <span class="utf"><i>&#xe9e7;</i> ms-ability-role-monster <code>&amp;#xe9e7;</code></span>
+                    <span class="utf"><i>&#xe9e8;</i> ms-ability-role-royal <code>&amp;#xe9e8;</code></span>
+                    <span class="utf"><i>&#xe9e9;</i> ms-ability-role-sorceror <code>&amp;#xe9e9;</code></span>
+                    <span class="utf"><i>&#xe9ea;</i> ms-ability-role-wicked <code>&amp;#xe9ea;</code></span>
+                    <span class="utf"><i>&#xe9eb;</i> ms-ability-role-young-hero <code>&amp;#xe9eb;</code></span>
+                    <span class="utf"><i>&#xe9bb;</i> ms-ability-specialize <code>&amp;#xe9bb;</code></span>
+                    <span class="utf"><i>&#xe96b;</i> ms-ability-spectacle <code>&amp;#xe96b;</code></span>
+                    <span class="utf"><i>&#xe962;</i> ms-ability-static <code>&amp;#xe962;</code></span>
+                    <span class="utf"><i>&#xe96a;</i> ms-ability-summoning-sickness <code>&amp;#xe96a;</code></span>
+                    <span class="utf"><i>&#xe963;</i> ms-ability-surveil <code>&amp;#xe963;</code></span>
+                    <span class="utf"><i>&#xe9e1;</i> ms-ability-the-ring-tempts-you <code>&amp;#xe9e1;</code></span>
+                    <span class="utf"><i>&#xe9bf;</i> ms-ability-toxic <code>&amp;#xe9bf;</code></span>
+                    <span class="utf"><i>&#xe9b0;</i> ms-ability-training <code>&amp;#xe9b0;</code></span>
+                    <span class="utf"><i>&#xe964;</i> ms-ability-trample <code>&amp;#xe964;</code></span>
+                    <span class="utf"><i>&#xe965;</i> ms-ability-transform <code>&amp;#xe965;</code></span>
+                    <span class="utf"><i>&#xe966;</i> ms-ability-triggered <code>&amp;#xe966;</code></span>
+                    <span class="utf"><i>&#xe9bc;</i> ms-ability-unearth <code>&amp;#xe9bc;</code></span>
+                    <span class="utf"><i>&#xe967;</i> ms-ability-undergrowth <code>&amp;#xe967;</code></span>
+                    <span class="utf"><i>&#xe968;</i> ms-ability-vigilance <code>&amp;#xe968;</code></span>
+                    <span class="utf"><i>&#xe992;</i> ms-ability-ward <code>&amp;#xe992;</code></span>
+                    <div class="clear"></div>
+                </div>
+                <div class="vectors overflow">
+                    <span class="utf"><i>&#xe92b;</i> ms-counter-arrow <code>&amp;#xe92b;</code></span>
+                    <span class="utf"><i>&#xe92c;</i> ms-counter-brick <code>&amp;#xe92c;</code></span>
+                    <span class="utf"><i>&#xe92d;</i> ms-counter-charge <code>&amp;#xe92d;</code></span>
+                    <span class="utf"><i>&#xe9dd;</i> ms-counter-damage <code>&amp;#xe9dd;</code></span>
+                    <span class="utf"><i>&#xe92e;</i> ms-counter-devotion <code>&amp;#xe92e;</code></span>
+                    <span class="utf"><i>&#xe92f;</i> ms-counter-doom <code>&amp;#xe92f;</code></span>
+                    <span class="utf"><i>&#xe930;</i> ms-counter-echo <code>&amp;#xe930;</code></span>
+                    <span class="utf"><i>&#xe931;</i> ms-counter-flame <code>&amp;#xe931;</code></span>
+                    <span class="utf"><i>&#xe932;</i> ms-counter-flood <code>&amp;#xe932;</code></span>
+                    <span class="utf"><i>&#xe933;</i> ms-counter-fungus <code>&amp;#xe933;</code></span>
+                    <span class="utf"><i>&#xe934;</i> ms-counter-gold <code>&amp;#xe934;</code></span>
+                    <span class="utf"><i>&#xe935;</i> ms-counter-ki <code>&amp;#xe935;</code></span>
+                    <span class="utf"><i>&#xe936;</i> ms-counter-lore <code>&amp;#xe936;</code></span>
+                    <span class="utf"><i>&#xe937;</i> ms-counter-loyalty <code>&amp;#xe937;</code></span>
+                    <span class="utf"><i>&#xe938;</i> ms-counter-mining <code>&amp;#xe938;</code></span>
+                    <span class="utf"><i>&#xe939;</i> ms-counter-minus <code>&amp;#xe939;</code></span>
+                    <span class="utf"><i>&#xe943;</i> ms-counter-minus-uneven <code>&amp;#xe943;</code></span>
+                    <span class="utf"><i>&#xe93a;</i> ms-counter-muster <code>&amp;#xe93a;</code></span>
+                    <span class="utf"><i>&#xe93b;</i> ms-counter-paw <code>&amp;#xe93b;</code></span>
+                    <span class="utf"><i>&#xe93c;</i> ms-counter-pin <code>&amp;#xe93c;</code></span>
+                    <span class="utf"><i>&#xe93d;</i> ms-counter-plus <code>&amp;#xe93d;</code></span>
+                    <span class="utf"><i>&#xe944;</i> ms-counter-plus-uneven <code>&amp;#xe944;</code></span>
+                    <span class="utf"><i>&#xe93e;</i> ms-counter-scream <code>&amp;#xe93e;</code></span>
+                    <span class="utf"><i>&#xe9c3;</i> ms-counter-shield <code>&amp;#xe9c3;</code></span>
+                    <span class="utf"><i>&#xe93f;</i> ms-counter-skeleton <code>&amp;#xe93f;</code></span>
+                    <span class="utf"><i>&#xe940;</i> ms-counter-skull <code>&amp;#xe940;</code></span>
+                    <span class="utf"><i>&#xe9c2;</i> ms-counter-stun <code>&amp;#xe9c2;</code></span>
+                    <span class="utf"><i>&#xe941;</i> ms-counter-slime <code>&amp;#xe941;</code></span>
+                    <span class="utf"><i>&#xe942;</i> ms-counter-time <code>&amp;#xe942;</code></span>
+                    <span class="utf"><i>&#xe945;</i> ms-counter-verse <code>&amp;#xe945;</code></span>
+                    <span class="utf"><i>&#xe9ec;</i> ms-counter-void <code>&amp;#xe9ec;</code></span>
+                    <span class="utf"><i>&#xe946;</i> ms-counter-vortex <code>&amp;#xe946;</code></span>
+                    <div class="clear"></div>
+                </div>
+                <div class="vectors overflow">
+                    <span class="utf"><i>&#xea08;</i> ms-watermark-agentsofsneak <code>&amp;#xea08;</code></span>
+                    <span class="utf"><i>&#xea1e;</i> ms-watermark-arena <code>&amp;#xea1e;</code></span>
+                    <span class="utf"><i>&#xe9f0;</i> ms-watermark-colorpie <code>&amp;#xe9f0;</code></span>
+                    <span class="utf"><i>&#xea12;</i> ms-watermark-conspiracy <code>&amp;#xea12;</code></span>
+                    <span class="utf"><i>&#xea15;</i> ms-watermark-corocoro <code>&amp;#xea15;</code></span>
+                    <span class="utf"><i>&#xea09;</i> ms-watermark-crossbreedlabs <code>&amp;#xea09;</code></span>
+                    <span class="utf"><i>&#xea27;</i> ms-watermark-cutiemark-apples <code>&amp;#xea27;</code></span>
+                    <span class="utf"><i>&#xea28;</i> ms-watermark-cutiemark-balloons <code>&amp;#xea28;</code></span>
+                    <span class="utf"><i>&#xea29;</i> ms-watermark-cutiemark-butterflies <code>&amp;#xea29;</code></span>
+                    <span class="utf"><i>&#xea04;</i> ms-watermark-cutiemark-gems <code>&amp;#xea04;</code></span>
+                    <span class="utf"><i>&#xea2a;</i> ms-watermark-cutiemark-rainbow <code>&amp;#xea2a;</code></span>
+                    <span class="utf"><i>&#xea05;</i> ms-watermark-cutiemark-sparkle <code>&amp;#xea05;</code></span>
+                    <span class="utf"><i>&#xea06;</i> ms-watermark-cutiemark-waningmoon <code>&amp;#xea06;</code></span>
+                    <span class="utf"><i>&#xea07;</i> ms-watermark-cutiemark-waxingmoon <code>&amp;#xea07;</code></span>
+                    <span class="utf"><i>&#xea1d;</i> ms-watermark-dci <code>&amp;#xea1d;</code></span>
+                    <span class="utf"><i>&#xea14;</i> ms-watermark-dengekimaoh <code>&amp;#xea14;</code></span>
+                    <span class="utf"><i>&#xe9f1;</i> ms-watermark-desparked <code>&amp;#xe9f1;</code></span>
+                    <span class="utf"><i>&#xea17;</i> ms-watermark-dnd <code>&amp;#xea17;</code></span>
+                    <span class="utf"><i>&#xe9f2;</i> ms-watermark-flavor-aestheticconsultation <code>&amp;#xe9f2;</code></span>
+                    <span class="utf"><i>&#xe9f8;</i> ms-watermark-flavor-farewelltoarms <code>&amp;#xe9f8;</code></span>
+                    <span class="utf"><i>&#xe9f7;</i> ms-watermark-flavor-monkeymonkeymonkey <code>&amp;#xe9f7;</code></span>
+                    <span class="utf"><i>&#xe9f5;</i> ms-watermark-flavor-moxlotus <code>&amp;#xe9f5;</code></span>
+                    <span class="utf"><i>&#xe9f6;</i> ms-watermark-flavor-myfirsttome <code>&amp;#xe9f6;</code></span>
+                    <span class="utf"><i>&#xe9f7;</i> ms-watermark-flavor-shoetree <code>&amp;#xe9f7;</code></span>
+                    <span class="utf"><i>&#xe9f8;</i> ms-watermark-flavor-whenfluffybunniesattack <code>&amp;#xe9f8;</code></span>
+                    <span class="utf"><i>&#xea16;</i> ms-watermark-fnm <code>&amp;#xea16;</code></span>
+                    <span class="utf"><i>&#xea0a;</i> ms-watermark-goblinexplosioneers <code>&amp;#xea0a;</code></span>
+                    <span class="utf"><i>&#xea1f;</i> ms-watermark-grandprix <code>&amp;#xea1f;</code></span>
+                    <span class="utf"><i>&#xea20;</i> ms-watermark-grandprix2 <code>&amp;#xea20;</code></span>
+                    <span class="utf"><i>&#xea02;</i> ms-watermark-herospath <code>&amp;#xea02;</code></span>
+                    <span class="utf"><i>&#xe9f9;</i> ms-watermark-herospath-1 <code>&amp;#xe9f9;</code></span>
+                    <span class="utf"><i>&#xe9fa;</i> ms-watermark-herospath-2 <code>&amp;#xe9fa;</code></span>
+                    <span class="utf"><i>&#xe9fb;</i> ms-watermark-herospath-3 <code>&amp;#xe9fb;</code></span>
+                    <span class="utf"><i>&#xe9fc;</i> ms-watermark-herospath-4 <code>&amp;#xe9fc;</code></span>
+                    <span class="utf"><i>&#xe9fd;</i> ms-watermark-herospath-5 <code>&amp;#xe9fd;</code></span>
+                    <span class="utf"><i>&#xe9fe;</i> ms-watermark-herospath-6 <code>&amp;#xe9fe;</code></span>
+                    <span class="utf"><i>&#xe9ff;</i> ms-watermark-herospath-7 <code>&amp;#xe9ff;</code></span>
+                    <span class="utf"><i>&#xea00;</i> ms-watermark-herospath-8 <code>&amp;#xea00;</code></span>
+                    <span class="utf"><i>&#xea01;</i> ms-watermark-herospath-9 <code>&amp;#xea01;</code></span>
+                    <span class="utf"><i>&#xea24;</i> ms-watermark-japanjunior <code>&amp;#xea24;</code></span>
+                    <span class="utf"><i>&#xea13;</i> ms-watermark-judgeacademy <code>&amp;#xea13;</code></span>
+                    <span class="utf"><i>&#xea23;</i> ms-watermark-junior <code>&amp;#xea23;</code></span>
+                    <span class="utf"><i>&#xea21;</i> ms-watermark-juniorapac <code>&amp;#xea21;</code></span>
+                    <span class="utf"><i>&#xea22;</i> ms-watermark-junioreurope <code>&amp;#xea22;</code></span>
+                    <span class="utf"><i>&#xea0b;</i> ms-watermark-leagueofdastardlydoom <code>&amp;#xea0b;</code></span>
+                    <span class="utf"><i>&#xea03;</i> ms-watermark-mirran <code>&amp;#xea03;</code></span>
+                    <span class="utf"><i>&#xea1a;</i> ms-watermark-mps <code>&amp;#xea1a;</code></span>
+                    <span class="utf"><i>&#xe9ed;</i> ms-watermark-mtg <code>&amp;#xe9ed;</code></span>
+                    <span class="utf"><i>&#xe9ee;</i> ms-watermark-mtg10 <code>&amp;#xe9ee;</code></span>
+                    <span class="utf"><i>&#xe9ef;</i> ms-watermark-mtg15 <code>&amp;#xe9ef;</code></span>
+                    <span class="utf"><i>&#xea19;</i> ms-watermark-nerf <code>&amp;#xea19;</code></span>
+                    <span class="utf"><i>&#xea0c;</i> ms-watermark-orderofthewidget <code>&amp;#xea0c;</code></span>
+                    <span class="utf"><i>&#xea26;</i> ms-watermark-protour <code>&amp;#xea26;</code></span>
+                    <span class="utf"><i>&#xea25;</i> ms-watermark-scholarship <code>&amp;#xea25;</code></span>
+                    <span class="utf"><i>&#xea18;</i> ms-watermark-transformers <code>&amp;#xea18;</code></span>
+                    <span class="utf"><i>&#xea2b;</i> ms-watermark-trumpkatsumai <code>&amp;#xea2b;</code></span>
+                    <span class="utf"><i>&#xea1b;</i> ms-watermark-wotc <code>&amp;#xea1b;</code></span>
+                    <span class="utf"><i>&#xea1c;</i> ms-watermark-wpn <code>&amp;#xea1c;</code></span>
+                    <div class="clear"></div>
+                </div>
+            </section>
+        </div>
+    </main>
+
+    <footer>
+        <div class="wrapper">
+            <div class="float-left">
+                <p>Made with &hearts; by <a href="https://andrewgioia.com">Andrew Gioia</a></p>
+            </div>
+            <div class="float-right" style="text-align: right;">
+                <p>
+                    All mana images and card symbols &copy; <a href="http://magicthegathering.com">Wizards of the Coast</a><br />
+                    The Mana font is licensed under the the <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a><br />
+                    Mana CSS, LESS, and Sass files are licensed under the <a href="http://opensource.org/licenses/mit-license.html">MIT License</a><br />
+                </p>
+            </div>
+            <div class="clear"></div>
+        </div>
+    </footer>
+
+</body>
+</html>

docs/index.html

@@ -0,0 +1,107 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="chrome=1" />
+    <title>Mana | Andrew Gioia</title>
+    <link rel="stylesheet" href="assets/mana.min.css" />
+    <link rel="stylesheet" href="assets/docs.css" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+</head>
+<body>
+
+    <section id="banner">
+        <div class="wrapper">
+            <a href="index.html" class="item">Home</a>
+            <a href="icons.html" class="item">Mana Icons</a>
+            <a href="attributes.html" class="item">Attributes</a>
+            <a href="https://github.com/andrewgioia/Mana" class="item">GitHub Project</a>
+            <span class="item">
+                <iframe src="https://ghbtns.com/github-btn.html?user=andrewgioia&repo=mana&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px" style="margin-bottom: -4px;"></iframe>
+            </span>
+            <span class="item">
+                Created by
+                <a href="http://andrewgioia.com">Andrew Gioia</a>
+            </span>
+        </div>
+    </section>
+
+    <header class="main">
+        <div class="wrapper">
+            <div class="bigicon">
+                <i class="ms ms-g"></i>
+            </div>
+            <h1>Mana</h1>
+            <h2>Magic: the Gathering card symbol font</h2>
+            <div class="actions">
+                <a class="dl button" href="https://github.com/andrewgioia/mana/archive/master.zip">
+                    <i class="ms ms-instant"></i>
+                    Download
+                </a>
+                <a class="vs button" href="icons.html">
+                    <i class="ms ms-tap"></i>
+                    View Mana Icons
+                </a>
+            </div>
+            <p>
+                Current version 1.15.9 includes all known mana and card symbols up to Wilds of Eldraine.
+            </p>
+        </div>
+    </header>
+
+    <main>
+        <div class="wrapper">
+            <section>
+                <h3><strong>Mana is a complete set of scalable vector icons for Magic mana (and other card) symbols.</strong> Drop them into your application, website, or custom cards (like this <i class="ms ms-cost ms-g"></i>) and control their size, color, drop shadow, or any dimension just as you would with text!</h3>
+            </section>
+            <section class="content">
+                <h4>Using Mana</h4>
+                <p>Each mana/card symbol has its own font character. Display them in a manner similar to <a href="https://fontawesome.io">Font Awesome</a> using the <code>&lt;i class="ms ..."&gt;&lt;/i&gt;</code> element. There are class names for each mana color (w, u, b, r, g, c) and for the various symbols that appear on cards (like tap). See the <a href="icons.html">full list</a> of available symbols.</p>
+                <p>To use Mana, move the font files to your /fonts directory and include the <code>mana.css</code> stylesheet in your <code>&lt;head&gt;</code>:</p>
+                <blockquote>
+                    &lt;<span class="e">link</span> <span class="a">href</span>=<span class="v">"css/mana.css"</span> <span class="a">rel</span>=<span class="v">"stylesheet"</span> <span class="a">type</span>=<span class="v">"text/css"</span> /&gt;
+                </blockquote>
+                <p><strong>New!</strong> You can also now use Mana via CDN thanks to the amazing <a href="https://jsdelivr.com">jsDelivr</a> project! You can include the latest version in your project (and note the name is "mana-font"):</p>
+                <blockquote>
+                    &lt;<span class="e">link</span> <span class="a">href</span>=<span class="v">"//cdn.jsdelivr.net/npm/mana-font@latest/css/mana.css"</span> <span class="a">rel</span>=<span class="v">"stylesheet"</span> <span class="a">type</span>=<span class="v">"text/css"</span> /&gt;
+                </blockquote>
+                <p>Insert set symbol icons by using the <code>.ms</code> class and then the mana/symbol code class(es), such as <code>.ms-u</code> for blue mana: <i class="ms ms-u"></i></p>
+                <blockquote>
+                    &lt;<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-u"</span>&gt;&lt;/<span class="e">i</span>&gt;
+                </blockquote>
+            </section>
+            <section class="content">
+                <h4>Editing the Source</h4>
+                <p>Feel free to edit the source files and compile Mana to fit your needs. All SVG glyphs are compiled into font files using the wonderful <a href="https://icomoon.io">IcoMoon</a> app. For styling, both LESS and Sass are included.</p>
+            </section>
+            <section class="content">
+                <h4>License</h4>
+                <p>Please review the following licenses for each component of Mana:</p>
+                <ul>
+                    <li>All mana and card symbol images are copyright Wizards of the Coast (<a href="https://magicthegathering.com">http://magicthegathering.com</a>)</li>
+                    <li>The Mana font is licensed under the the SIL OFL 1.1 (<a href="https://scripts.sil.org/OFL">http://scripts.sil.org/OFL</a>)</li>
+                    <li>Mana CSS, LESS, and Sass files are licensed under the MIT License (<a href="https://opensource.org/licenses/mit-license.html">http://opensource.org/licenses/mit-license.html</a>)</li>
+                </ul>
+                <p>Attribution is <strong>greatly appreciated</strong> but not required!</p>
+            </section>
+        </div>
+    </main>
+
+    <footer>
+        <div class="wrapper">
+            <div class="float-left">
+                <p>Made with &hearts; by <a href="https://andrewgioia.com">Andrew Gioia</a></p>
+            </div>
+            <div class="float-right" style="text-align: right;">
+                <p>
+                    All mana images and card symbols &copy; <a href="https://magicthegathering.com">Wizards of the Coast</a><br />
+                    The Mana font is licensed under the the <a href="https://scripts.sil.org/OFL">SIL OFL 1.1</a><br />
+                    Mana CSS, LESS, and Sass files are licensed under the <a href="https://opensource.org/licenses/mit-license.html">MIT License</a><br />
+                </p>
+            </div>
+            <div class="clear"></div>
+        </div>
+    </footer>
+
+</body>
+</html>

index.html

@@ -32,10 +32,10 @@
         h3 {
             font-size: 19px;
             font-weight: bold;
-            margin: 0;
+            margin: 16px 0 0;
         }
         p {
-            margin: 10px 0 20px;
+            margin: 12px 0 20px;
         }
         .grid {
              display:flex;
@@ -260,6 +260,8 @@
             <i class="ms ms-saga ms-saga-2 ms-2x"></i>
             <i class="ms ms-saga ms-saga-3 ms-2x"></i>
             <i class="ms ms-saga ms-saga-4 ms-2x"></i>
+            <i class="ms ms-saga ms-saga-5 ms-2x"></i>
+            <i class="ms ms-saga ms-saga-6 ms-2x"></i>
             &nbsp;&nbsp;
             <i class="ms ms-level ms-3x"><span>1-2</span></i>
             &nbsp;&nbsp;
@@ -268,6 +270,99 @@
             <i class="ms ms-defense ms-defense-outline ms-defense-5 ms-2x"></i>
             <i class="ms ms-defense ms-defense-print ms-defense-4 ms-3x"></i>
         </div>
+        <h3>Card Watermarks</h3>
+        <p class="grid">
+            <i class="ms ms-watermark-abzan ms-2x ms-fw" title="Abzan"></i>
+            <i class="ms ms-watermark-agentsofsneak ms-2x ms-fw" title="Agents of S.N.E.A.K."></i>
+            <i class="ms ms-watermark-arena ms-2x ms-fw" title="Arena League"></i>
+            <i class="ms ms-watermark-atarka ms-2x ms-fw" title="Atarka"></i>
+            <i class="ms ms-watermark-azorius ms-2x ms-fw" title="Azorius"></i>
+            <i class="ms ms-watermark-boros ms-2x ms-fw" title="Boros"></i>
+            <i class="ms ms-watermark-brokers ms-2x ms-fw" title="Brokers"></i>
+            <i class="ms ms-watermark-cabaretti ms-2x ms-fw" title="Cabaretti"></i>
+            <i class="ms ms-watermark-colorpie ms-2x ms-fw" title="Color pie"></i>
+            <i class="ms ms-watermark-conspiracy ms-2x ms-fw" title="Conspiracy"></i>
+            <i class="ms ms-watermark-corocoro ms-2x ms-fw" title="Coro Coro"></i>
+            <i class="ms ms-watermark-crossbreedlabs ms-2x ms-fw" title="Crossbreed Labs"></i>
+            <i class="ms ms-watermark-dnd ms-2x ms-fw" title="D&D"></i>
+            <i class="ms ms-watermark-dci ms-2x ms-fw" title="DCI"></i>
+            <i class="ms ms-watermark-dengekimaoh ms-2x ms-fw" title="Dengeki-Maoh"></i>
+            <i class="ms ms-watermark-desparked ms-2x ms-fw" title="Desparked"></i>
+            <i class="ms ms-watermark-dimir ms-2x ms-fw" title="Dimir"></i>
+            <i class="ms ms-watermark-dromoka ms-2x ms-fw" title="Dromoka"></i>
+            <i class="ms ms-watermark-flavor-aestheticconsultation ms-2x ms-fw" title="Flavor (Aesthetic Consultation)"></i>
+            <i class="ms ms-watermark-flavor-farewelltoarms ms-2x ms-fw" title="Flavor (Farewell to Arms)"></i>
+            <i class="ms ms-watermark-flavor-monkeymonkeymonkey ms-2x ms-fw" title="Flavor (Monkey Monkey Monkey)"></i>
+            <i class="ms ms-watermark-flavor-moxlotus ms-2x ms-fw" title="Flavor (Mox Lotus)"></i>
+            <i class="ms ms-watermark-flavor-myfirsttome ms-2x ms-fw" title="Flavor (My First Tome)"></i>
+            <i class="ms ms-watermark-flavor-shoetree ms-2x ms-fw" title="Flavor (Shoe Tree)"></i>
+            <i class="ms ms-watermark-flavor-whenfluffybunniesattack ms-2x ms-fw" title="Flavor (When Fluffy Bunnies Attack)"></i>
+            <i class="ms ms-watermark-fnm ms-2x ms-fw" title="FNM"></i>
+            <i class="ms ms-watermark-foretell ms-2x ms-fw" title="Foretell"></i>
+            <i class="ms ms-watermark-goblinexplosioneers ms-2x ms-fw" title="Goblin Explosioneers"></i>
+            <i class="ms ms-watermark-golgari ms-2x ms-fw" title="Golgari"></i>
+            <i class="ms ms-watermark-grandprix ms-2x ms-fw" title="Grand Prix"></i>
+            <i class="ms ms-watermark-grandprix2 ms-2x ms-fw" title="Grand Prix (New)"></i>
+            <i class="ms ms-watermark-gruul ms-2x ms-fw" title="Gruul"></i>
+            <i class="ms ms-watermark-herospath ms-2x ms-fw" title="Hero's Path"></i>
+            <i class="ms ms-watermark-herospath-1 ms-2x ms-fw" title="Hero's Path: 1"></i>
+            <i class="ms ms-watermark-herospath-2 ms-2x ms-fw" title="Hero's Path: 2"></i>
+            <i class="ms ms-watermark-herospath-3 ms-2x ms-fw" title="Hero's Path: 3"></i>
+            <i class="ms ms-watermark-herospath-4 ms-2x ms-fw" title="Hero's Path: 4"></i>
+            <i class="ms ms-watermark-herospath-5 ms-2x ms-fw" title="Hero's Path: 5"></i>
+            <i class="ms ms-watermark-herospath-6 ms-2x ms-fw" title="Hero's Path: 6"></i>
+            <i class="ms ms-watermark-herospath-7 ms-2x ms-fw" title="Hero's Path: 7"></i>
+            <i class="ms ms-watermark-herospath-8 ms-2x ms-fw" title="Hero's Path: 8"></i>
+            <i class="ms ms-watermark-herospath-9 ms-2x ms-fw" title="Hero's Path: 9"></i>
+            <i class="ms ms-watermark-izzet ms-2x ms-fw" title="Izzet"></i>
+            <i class="ms ms-watermark-japanjunior ms-2x ms-fw" title="Japan Junior"></i>
+            <i class="ms ms-watermark-jeskai ms-2x ms-fw" title="Jeskai"></i>
+            <i class="ms ms-watermark-judgeacademy ms-2x ms-fw" title="Judge Academy"></i>
+            <i class="ms ms-watermark-junior ms-2x ms-fw" title="Junior Super Series"></i>
+            <i class="ms ms-watermark-juniorapac ms-2x ms-fw" title="Junior Super Series: APAC"></i>
+            <i class="ms ms-watermark-junioreurope ms-2x ms-fw" title="Junior Super Series: Europe"></i>
+            <i class="ms ms-watermark-kolaghan ms-2x ms-fw" title="Kolaghan"></i>
+            <i class="ms ms-watermark-leagueofdastardlydoom ms-2x ms-fw" title="League of Dastardly Doom"></i>
+            <i class="ms ms-watermark-lorehold ms-2x ms-fw" title="lorehold"></i>
+            <i class="ms ms-watermark-maestros ms-2x ms-fw" title="Maestros"></i>
+            <i class="ms ms-watermark-mardu ms-2x ms-fw" title="Mardu"></i>
+            <i class="ms ms-watermark-mirran ms-2x ms-fw" title="Mirran"></i>
+            <i class="ms ms-watermark-cutiemark-apples ms-2x ms-fw" title="My Little Pony: Apples"></i>
+            <i class="ms ms-watermark-cutiemark-balloons ms-2x ms-fw" title="My Little Pony: Balloons"></i>
+            <i class="ms ms-watermark-cutiemark-butterflies ms-2x ms-fw" title="My Little Pony: Butterflies"></i>
+            <i class="ms ms-watermark-cutiemark-gems ms-2x ms-fw" title="My Little Pony: Gems"></i>
+            <i class="ms ms-watermark-cutiemark-rainbow ms-2x ms-fw" title="My Little Pony: Rainbow"></i>
+            <i class="ms ms-watermark-cutiemark-sparkle ms-2x ms-fw" title="My Little Pony: Sparkle"></i>
+            <i class="ms ms-watermark-cutiemark-waningmoon ms-2x ms-fw" title="My Little Pony: Waning Moon"></i>
+            <i class="ms ms-watermark-cutiemark-waxingmoon ms-2x ms-fw" title="My Little Pony: Waxing Moon"></i>
+            <i class="ms ms-watermark-mps ms-2x ms-fw" title="MPS"></i>
+            <i class="ms ms-watermark-mtg ms-2x ms-fw" title="MTG"></i>
+            <i class="ms ms-watermark-mtg10 ms-2x ms-fw" title="Magic 10th Anniversary"></i>
+            <i class="ms ms-watermark-mtg15 ms-2x ms-fw" title="Magic 15th Anniversary"></i>
+            <i class="ms ms-watermark-nerf ms-2x ms-fw" title="NERF"></i>
+            <i class="ms ms-watermark-obscura ms-2x ms-fw" title="Obscura"></i>
+            <i class="ms ms-watermark-ojutai ms-2x ms-fw" title="Ojutai"></i>
+            <i class="ms ms-watermark-orderofthewidget ms-2x ms-fw" title="Order of the Widget"></i>
+            <i class="ms ms-watermark-orzhov ms-2x ms-fw" title="Orzhov"></i>
+            <i class="ms ms-watermark-phyrexian ms-2x ms-fw" title="Phyrexian"></i>
+            <i class="ms ms-watermark-planeswalker ms-2x ms-fw" title="Planeswalker"></i>
+            <i class="ms ms-watermark-prismari ms-2x ms-fw" title="Prismari"></i>
+            <i class="ms ms-watermark-protour ms-2x ms-fw" title="Pro Tour"></i>
+            <i class="ms ms-watermark-quandrix ms-2x ms-fw" title="Quandrix"></i>
+            <i class="ms ms-watermark-rakdos ms-2x ms-fw" title="Rakdos"></i>
+            <i class="ms ms-watermark-riveteers ms-2x ms-fw" title="Riveteers"></i>
+            <i class="ms ms-watermark-scholarship ms-2x ms-fw" title="Scholarship Series"></i>
+            <i class="ms ms-watermark-selesnya ms-2x ms-fw" title="Selesnya"></i>
+            <i class="ms ms-watermark-silumgar ms-2x ms-fw" title="Silumgar"></i>
+            <i class="ms ms-watermark-silverquill ms-2x ms-fw" title="Silverquill"></i>
+            <i class="ms ms-watermark-simic ms-2x ms-fw" title="Simic"></i>
+            <i class="ms ms-watermark-sultai ms-2x ms-fw" title="Sultai"></i>
+            <i class="ms ms-watermark-temur ms-2x ms-fw" title="Temur"></i>
+            <i class="ms ms-watermark-transformers ms-2x ms-fw" title="Transformers"></i>
+            <i class="ms ms-watermark-witherbloom ms-2x ms-fw" title="Witherbloom"></i>
+            <i class="ms ms-watermark-wotc ms-2x ms-fw" title="WOTC"></i>
+            <i class="ms ms-watermark-wpn ms-2x ms-fw" title="WPN"></i>
+        </p>
     </div>
     <div class="right">
         <h3>Arena Ability Symbols</h3>
@@ -285,9 +380,11 @@
             <i class="ms ms-ability-amass ms-2x ms-fw" title="Amass Zombies"></i>
             <i class="ms ms-ability-ascend ms-2x ms-fw" title="Ascend"></i>
             <i class="ms ms-ability-backup ms-2x ms-fw" title="Backup"></i>
+            <i class="ms ms-ability-bargain ms-2x ms-fw" title="Bargain"></i>
             <i class="ms ms-ability-blitz ms-2x ms-fw" title="Blitz"></i>
             <i class="ms ms-ability-boast ms-2x ms-fw" title="Boast"></i>
             <i class="ms ms-ability-casualty ms-2x ms-fw" title="Casualty"></i>
+            <i class="ms ms-ability-celebration ms-2x ms-fw" title="Celebration"></i>
             <i class="ms ms-ability-changeling ms-2x ms-fw" title="Changeling"></i>
             <i class="ms ms-ability-channel ms-2x ms-fw" title="Channel"></i>
             <i class="ms ms-ability-cleave ms-2x ms-fw" title="Cleave"></i>
@@ -360,6 +457,12 @@
             <i class="ms ms-ability-revolt ms-2x ms-fw" title="Revolt"></i>
             <i class="ms ms-ability-ring-bearer ms-2x ms-fw" title="Ring Bearer"></i>
             <i class="ms ms-ability-riot ms-2x ms-fw" title="Riot"></i>
+            <i class="ms ms-ability-role-cursed ms-2x ms-fw" title="Cursed Role"></i>
+            <i class="ms ms-ability-role-monster ms-2x ms-fw" title="Monster Role"></i>
+            <i class="ms ms-ability-role-royal ms-2x ms-fw" title="Royal Role"></i>
+            <i class="ms ms-ability-role-sorceror ms-2x ms-fw" title="Sorceror Role"></i>
+            <i class="ms ms-ability-role-wicked ms-2x ms-fw" title="Wicked Role"></i>
+            <i class="ms ms-ability-role-young-hero ms-2x ms-fw" title="Young Hero Role"></i>
             <i class="ms ms-ability-specialize ms-2x ms-fw" title="Explore"></i>
             <i class="ms ms-ability-spectacle ms-2x ms-fw" title="Spectacle"></i>
             <i class="ms ms-ability-static ms-2x ms-fw" title="Static"></i>
@@ -375,6 +478,9 @@
             <i class="ms ms-ability-unearth ms-2x ms-fw" title="Unearth"></i>
             <i class="ms ms-ability-vigilance ms-2x ms-fw" title="Vigilance"></i>
             <i class="ms ms-ability-ward ms-2x ms-fw" title="Ward"></i>
+            &nbsp;&nbsp;
+            <i class="ms ms-ability-haktos-the-unscarred ms-2x ms-fw" title="Haktos the Unscarred"></i>
+            <i class="ms ms-ability-robber-of-the-rich ms-2x ms-fw" title="Robber of the Rich"></i>
         </p>
         <h3>Arena Exclusive Counters</h3>
         <p class="grid">
@@ -411,6 +517,7 @@
             <i class="ms ms-counter-slime ms-2x ms-fw" title="Slime"></i>
             <i class="ms ms-counter-time ms-2x ms-fw" title="Time"></i>
             <i class="ms ms-counter-verse ms-2x ms-fw" title="Verse"></i>
+            <i class="ms ms-counter-void ms-2x ms-fw" title="Void"></i>
             <i class="ms ms-counter-vortex ms-2x ms-fw" title="Vortex"></i>
         </p>
         <h3>Card type and game zone symbols</h3>

less/icons.less

@@ -260,6 +260,7 @@
         &-minus-uneven::before { content: "\e943"; }
         &-plus-uneven::before { content: "\e944"; }
         &-verse::before { content: "\e945"; }
+        &-void::before { content: "\e9ec"; }
         &-vortex::before { content: "\e946"; }
         // arena
         &-shield::before { content: "\e9c3"; }
@@ -286,9 +287,11 @@
         }
         &-ascend::before { content: "\e94a"; }
         &-backup::before { content: "\e9d9"; }
+        &-bargain::before { content: "\e9e2"; }
         &-blitz::before { content: "\e9b4"; }
         &-boast::before { content: "\e991"; }
         &-casualty::before { content: "\e9b7"; }
+        &-celebration::before { content: "\e9e3"; }
         &-changeling::before { content: "\e9a6"; }
         &-channel::before { content: "\e9b1"; }
         &-cleave::before { content: "\e9ad"; }
@@ -367,6 +370,14 @@
         &-revolt::before { content: "\e961"; }
         &-ring-bearer::before { content: "\e9df"; }
         &-riot::before { content: "\e973"; }
+        &-role {
+            &-cursed::before { content: "\e9e6"; }
+            &-monster::before { content: "\e9e7"; }
+            &-royal::before { content: "\e9e8"; }
+            &-sorceror::before { content: "\e9e9"; }
+            &-wicked::before { content: "\e9ea"; }
+            &-young-hero::before { content: "\e9eb"; }
+        }
         &-specialize::before { content: "\e9bb"; }
         &-spectacle::before { content: "\e96b"; }
         &-static::before,
@@ -383,5 +394,82 @@
         &-unearth::before { content: "\e9bc"; }
         &-vigilance::before { content: "\e968"; }
         &-ward::before { content: "\e992"; }
+
+        // arena card-specific ability symbols
+        &-haktos-the-unscarred::before { content: "\e9e4"; }
+        &-robber-of-the-rich::before { content: "\e9e5"; }
+    }
+
+
+    // watermarks
+    &-watermark {
+        &-agentsofsneak::before { content: "\ea08"; }
+        &-arena::before { content: "\ea1e"; }
+        &-brokers::before { content: "\ea0d"; }
+        &-cabaretti::before { content: "\ea0e"; }
+        &-colorpie::before { content: "\e9f0"; }
+        &-conspiracy::before { content: "\ea12"; }
+        &-corocoro::before { content: "\ea15"; }
+        &-crossbreedlabs::before { content: "\ea09"; }
+        &-dci::before { content: "\ea1d"; }
+        &-dengekimaoh::before { content: "\ea14"; }
+        &-desparked::before { content: "\e9f1"; }
+        &-dnd::before { content: "\ea17"; }
+        &-flavor {
+            &-aestheticconsultation::before { content: "\e9f2"; }
+            &-farewelltoarms::before { content: "\e9f3"; }
+            &-monkeymonkeymonkey::before { content: "\e9f4"; }
+            &-moxlotus::before { content: "\e9f5"; }
+            &-myfirsttome::before { content: "\e9f6"; }
+            &-shoetree::before { content: "\e9f7"; }
+            &-whenfluffybunniesattack::before { content: "\e9f8"; }
+        }
+        &-fnm::before { content: "\ea16"; }
+        &-goblinexplosioneers::before { content: "\ea0a"; }
+        &-grandprix::before { content: "\ea1f"; }
+        &-grandprix2::before { content: "\ea20"; }
+        &-herospath {
+            &::before { content: "\ea02"; }
+            &-1::before { content: "\e9f9"; }
+            &-2::before { content: "\e9fa"; }
+            &-3::before { content: "\e9fb"; }
+            &-4::before { content: "\e9fc"; }
+            &-5::before { content: "\e9fd"; }
+            &-6::before { content: "\e9fe"; }
+            &-7::before { content: "\e9ff"; }
+            &-8::before { content: "\ea00"; }
+            &-9::before { content: "\ea01"; }
+        }
+        &-japanjunior::before { content: "\ea24"; }
+        &-judgeacademy::before { content: "\ea13"; }
+        &-junior::before { content: "\ea23"; }
+        &-juniorapac::before { content: "\ea21"; }
+        &-junioreurope::before { content: "\ea22"; }
+        &-leagueofdastardlydoom::before { content: "\ea0b"; }
+        &-maestros::before { content: "\ea0f"; }
+        &-mirran::before { content: "\ea03"; }
+        &-cutiemark {
+            &-apples::before { content: "\ea27"; }
+            &-balloons::before { content: "\ea28"; }
+            &-butterflies::before { content: "\ea29"; }
+            &-gems::before { content: "\ea04"; }
+            &-rainbow::before { content: "\ea2a"; }
+            &-sparkle::before { content: "\ea05"; }
+            &-waningmoon::before { content: "\ea06"; }
+            &-waxingmoon::before { content: "\ea07"; }
+        }
+        &-mps::before { content: "\ea1a"; }
+        &-mtg::before { content: "\e9ed"; }
+        &-mtg10::before { content: "\e9ee"; }
+        &-mtg15::before { content: "\e9ef"; }
+        &-nerf::before { content: "\ea19"; }
+        &-obscura::before { content: "\ea10"; }
+        &-orderofthewidget::before { content: "\ea0c"; }
+        &-protour::before { content: "\ea26"; }
+        &-riveteers::before { content: "\ea11"; }
+        &-scholarship::before { content: "\ea25"; }
+        &-transformers::before { content: "\ea18"; }
+        &-wotc::before { content: "\ea1b"; }
+        &-wpn::before { content: "\ea1c"; }
     }
 }

less/loyalty.less

@@ -164,7 +164,8 @@
     &-2::after,
     &-3::after,
     &-4::after,
-    &-5::after { // future proofing :P
+    &-5::after,
+    &-6::after {
         color: #fff;
         display: inline-block;
         font-size: 0.6em;
@@ -181,6 +182,7 @@
     &-3::after { content: "III"; }
     &-4::after { content: "IV"; }
     &-5::after { content: "V"; }
+    &-6::after { content: "VI"; }
 
 }
 

less/variables.less

@@ -1,6 +1,6 @@
 // base variables
 @ms-font-path: '../fonts';
-@ms-version: '1.15.8';
+@ms-version: '1.16.0';
 @ms-font-size-base: 14px;
 @ms-prefix: ms;
 @ms-serif-font: MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif;

package-lock.json

@@ -0,0 +1,487 @@
+{
+  "name": "mana-font",
+  "version": "1.16.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "mana-font",
+      "version": "1.16.0",
+      "license": "MIT",
+      "devDependencies": {
+        "sass": "^1.80.4"
+      }
+    },
+    "node_modules/@parcel/watcher": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.4.1.tgz",
+      "integrity": "sha512-HNjmfLQEVRZmHRET336f20H/8kOozUGwk7yajvsonjNxbj2wBTK1WsQuHkD5yYh9RxFGL2EyDHryOihOwUoKDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "detect-libc": "^1.0.3",
+        "is-glob": "^4.0.3",
+        "micromatch": "^4.0.5",
+        "node-addon-api": "^7.0.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.4.1",
+        "@parcel/watcher-darwin-arm64": "2.4.1",
+        "@parcel/watcher-darwin-x64": "2.4.1",
+        "@parcel/watcher-freebsd-x64": "2.4.1",
+        "@parcel/watcher-linux-arm-glibc": "2.4.1",
+        "@parcel/watcher-linux-arm64-glibc": "2.4.1",
+        "@parcel/watcher-linux-arm64-musl": "2.4.1",
+        "@parcel/watcher-linux-x64-glibc": "2.4.1",
+        "@parcel/watcher-linux-x64-musl": "2.4.1",
+        "@parcel/watcher-win32-arm64": "2.4.1",
+        "@parcel/watcher-win32-ia32": "2.4.1",
+        "@parcel/watcher-win32-x64": "2.4.1"
+      }
+    },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.4.1.tgz",
+      "integrity": "sha512-LOi/WTbbh3aTn2RYddrO8pnapixAziFl6SMxHM69r3tvdSm94JtCenaKgk1GRg5FJ5wpMCpHeW+7yqPlvZv7kg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.4.1.tgz",
+      "integrity": "sha512-ln41eihm5YXIY043vBrrHfn94SIBlqOWmoROhsMVTSXGh0QahKGy77tfEywQ7v3NywyxBBkGIfrWRHm0hsKtzA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.4.1.tgz",
+      "integrity": "sha512-yrw81BRLjjtHyDu7J61oPuSoeYWR3lDElcPGJyOvIXmor6DEo7/G2u1o7I38cwlcoBHQFULqF6nesIX3tsEXMg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.4.1.tgz",
+      "integrity": "sha512-TJa3Pex/gX3CWIx/Co8k+ykNdDCLx+TuZj3f3h7eOjgpdKM+Mnix37RYsYU4LHhiYJz3DK5nFCCra81p6g050w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.4.1.tgz",
+      "integrity": "sha512-4rVYDlsMEYfa537BRXxJ5UF4ddNwnr2/1O4MHM5PjI9cvV2qymvhwZSFgXqbS8YoTk5i/JR0L0JDs69BUn45YA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.4.1.tgz",
+      "integrity": "sha512-BJ7mH985OADVLpbrzCLgrJ3TOpiZggE9FMblfO65PlOCdG++xJpKUJ0Aol74ZUIYfb8WsRlUdgrZxKkz3zXWYA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.4.1.tgz",
+      "integrity": "sha512-p4Xb7JGq3MLgAfYhslU2SjoV9G0kI0Xry0kuxeG/41UfpjHGOhv7UoUDAz/jb1u2elbhazy4rRBL8PegPJFBhA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.4.1.tgz",
+      "integrity": "sha512-s9O3fByZ/2pyYDPoLM6zt92yu6P4E39a03zvO0qCHOTjxmt3GHRMLuRZEWhWLASTMSrrnVNWdVI/+pUElJBBBg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.4.1.tgz",
+      "integrity": "sha512-L2nZTYR1myLNST0O632g0Dx9LyMNHrn6TOt76sYxWLdff3cB22/GZX2UPtJnaqQPdCRoszoY5rcOj4oMTtp5fQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.4.1.tgz",
+      "integrity": "sha512-Uq2BPp5GWhrq/lcuItCHoqxjULU1QYEcyjSO5jqqOK8RNFDBQnenMMx4gAl3v8GiWa59E9+uDM7yZ6LxwUIfRg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-ia32": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.4.1.tgz",
+      "integrity": "sha512-maNRit5QQV2kgHFSYwftmPBxiuK5u4DXjbXx7q6eKjq5dsLXZ4FJiVvlcw35QXzk0KrUecJmuVFbj4uV9oYrcw==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.4.1.tgz",
+      "integrity": "sha512-+DvS92F9ezicfswqrvIRM2njcYJbd5mb9CUgtrHCHmvn7pPPa+nMDRu1o1bYYz/l5IB2NVGNJWiH7h1E58IF2A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz",
+      "integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/immutable": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz",
+      "integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
+      "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/sass": {
+      "version": "1.80.4",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.80.4.tgz",
+      "integrity": "sha512-rhMQ2tSF5CsuuspvC94nPM9rToiAFw2h3JTrLlgmNw1MH79v8Cr3DH6KF6o6r+8oofY3iYVPUf66KzC8yuVN1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@parcel/watcher": "^2.4.1",
+        "chokidar": "^4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    }
+  }
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mana-font",
-  "version": "1.15.8",
+  "version": "1.16.1",
   "description": "Magic: the Gathering mana symbol pictographic font",
   "main": "css/mana.css",
   "repository": {
@@ -22,12 +22,15 @@
     "sass": "sass sass/mana.scss css/mana.css --style=expanded",
     "sassmin": "sass sass/mana.scss css/mana.min.css --style compressed",
     "rename": "for f in `find fonts/*`; do mv -v \"$f\" \"`echo $f | tr '[A-Z]' '[a-z]'`\"; done",
-    "build": "npm run -s sass && npm run -s sassmin"
+    "build": "rsync -avzh ./fonts/mana* ./docs/fonts/ && npm run -s sass && npm run -s sassmin && rsync -avzh css/mana.min* ./docs/assets/"
   },
   "author": "Andrew Gioia <andrew@gioia.email>",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/andrewgioia/mana/issues"
   },
-  "homepage": "https://mana.andrewgioia.com"
+  "homepage": "https://mana.andrewgioia.com",
-}
+  "devDependencies": {
+    "sass": "^1.80.4"
+  }
+}

sass/_aliases.scss

@@ -1,5 +1,9 @@
+@use "variables";
+@use "colors";
+@use "icons";
+
 // color indicator convenience classes
-.#{$ms-prefix}-ci {
+.#{variables.$ms-prefix}-ci {
 
     // 4 color
     &-ubgr,
@@ -25,7 +29,7 @@
     &-rgub,
     &-rubg,
     &-rugb {
-        @extend .#{$ms-prefix}-ci-ubrg;
+        @extend .#{variables.$ms-prefix}-ci-ubrg;
     }
 
     &-bgrw,
@@ -51,7 +55,7 @@
     &-wgrb,
     &-wrbg,
     &-wrgb {
-        @extend .#{$ms-prefix}-ci-brgw;
+        @extend .#{variables.$ms-prefix}-ci-brgw;
     }
 
     &-gruw,
@@ -77,7 +81,7 @@
     &-wrug,
     &-wugr,
     &-wurg {
-        @extend .#{$ms-prefix}-ci-rgwu;
+        @extend .#{variables.$ms-prefix}-ci-rgwu;
     }
 
     &-bguw,
@@ -103,7 +107,7 @@
     &-wgub,
     &-wubg,
     &-wugb {
-        @extend .#{$ms-prefix}-ci-gwub;
+        @extend .#{variables.$ms-prefix}-ci-gwub;
     }
 
     &-bruw,
@@ -129,7 +133,7 @@
     &-wrbu,
     &-wrub,
     &-wurb {
-        @extend .#{$ms-prefix}-ci-wubr;
+        @extend .#{variables.$ms-prefix}-ci-wubr;
     }
 
     // 5 color
@@ -195,7 +199,7 @@
     &-rgwub,
     &-rubgw,
     &-rubwg {
-        @extend .#{$ms-prefix}-ci-wubrg;
+        @extend .#{variables.$ms-prefix}-ci-wubrg;
     }
     // breaking this up, editor was showing a warning with so many in a row
     &-rugbw,
@@ -255,6 +259,38 @@
     &-wugrb,
     &-wurbg,
     &-wurgb {
-        @extend .#{$ms-prefix}-ci-wubrg;
+        @extend .#{variables.$ms-prefix}-ci-wubrg;
     }
+}
+
+// watermark aliases
+.#{variables.$ms-prefix}-watermark {
+    &-abzan { @extend .#{variables.$ms-prefix}-clan-abzan; }
+    &-atarka { @extend .#{variables.$ms-prefix}-clan-atarka; }
+    &-azorius { @extend .#{variables.$ms-prefix}-guild-azorius; }
+    &-boros { @extend .#{variables.$ms-prefix}-guild-boros; }
+    &-dimir { @extend .#{variables.$ms-prefix}-guild-dimir; }
+    &-dromoka { @extend .#{variables.$ms-prefix}-clan-dromoka; }
+    &-foretell { @extend .#{variables.$ms-prefix}-ability-foretell; }
+    &-golgari { @extend .#{variables.$ms-prefix}-guild-golgari; }
+    &-gruul { @extend .#{variables.$ms-prefix}-guild-gruul; }
+    &-izzet { @extend .#{variables.$ms-prefix}-guild-izzet; }
+    &-jeskai { @extend .#{variables.$ms-prefix}-clan-jeskai; }
+    &-kolaghan { @extend .#{variables.$ms-prefix}-clan-kolaghan; }
+    &-lorehold { @extend .#{variables.$ms-prefix}-school-lorehold; }
+    &-mardu { @extend .#{variables.$ms-prefix}-clan-mardu; }
+    &-ojutai { @extend .#{variables.$ms-prefix}-clan-ojutai; }
+    &-orzhov { @extend .#{variables.$ms-prefix}-guild-orzhov; }
+    &-phyrexian { @extend .#{variables.$ms-prefix}-p; }
+    &-planeswalker { @extend .#{variables.$ms-prefix}-planeswalker; }
+    &-prismari { @extend .#{variables.$ms-prefix}-school-prismari; }
+    &-quandrix { @extend .#{variables.$ms-prefix}-school-quandrix; }
+    &-rakdos { @extend .#{variables.$ms-prefix}-guild-rakdos; }
+    &-selesnya { @extend .#{variables.$ms-prefix}-guild-selesnya; }
+    &-silumgar { @extend .#{variables.$ms-prefix}-clan-silumgar; }
+    &-silverquill { @extend .#{variables.$ms-prefix}-school-silverquill; }
+    &-simic { @extend .#{variables.$ms-prefix}-guild-simic; }
+    &-sultai { @extend .#{variables.$ms-prefix}-clan-sultai; }
+    &-temur { @extend .#{variables.$ms-prefix}-clan-temur; }
+    &-witherbloom { @extend .#{variables.$ms-prefix}-school-witherbloom; }
 }

sass/_colors.scss

@@ -1,6 +1,8 @@
+@use "variables";
+
 // color indicator circles
 
-.#{$ms-prefix}-ci {
+.#{variables.$ms-prefix}-ci {
 
     // base styles
     border-radius: 100%;
@@ -10,7 +12,7 @@
     height: 1em;
 
     // set the border color
-    &::before { color: $ms-border-black; }
+    &::before { color: variables.$ms-border-black; }
 
     // borders based on number of colors in identity
     &-1::before { content: "\e98a"; }
@@ -20,47 +22,47 @@
     &-5::before { content: "\e98e"; }
 
     // 1 color backgrounds
-    &-w { background: $ms-white; }
+    &-w { background: variables.$ms-white; }
-    &-u { background: $ms-blue; }
+    &-u { background: variables.$ms-blue; }
-    &-b { background: $ms-black; }
+    &-b { background: variables.$ms-black; }
-    &-r { background: $ms-red; }
+    &-r { background: variables.$ms-red; }
-    &-g { background: $ms-green; }
+    &-g { background: variables.$ms-green; }
 
     // 2 color backgrounds
     &-wu,
     &-uw,
     &-azorius {
         background: conic-gradient(
-            $ms-white 45deg,
+            variables.$ms-white 45deg,
-            $ms-blue 45deg 225deg,
+            variables.$ms-blue 45deg 225deg,
-            $ms-white 225deg
+            variables.$ms-white 225deg
         );
     }
     &-wb,
     &-bw,
     &-orzhov {
         background: conic-gradient(
-            $ms-white 45deg,
+            variables.$ms-white 45deg,
-            $ms-black 45deg 225deg,
+            variables.$ms-black 45deg 225deg,
-            $ms-white 225deg
+            variables.$ms-white 225deg
         );
     }
     &-ub,
     &-bu,
     &-dimir {
         background: conic-gradient(
-            $ms-blue 45deg,
+            variables.$ms-blue 45deg,
-            $ms-black 45deg 225deg,
+            variables.$ms-black 45deg 225deg,
-            $ms-blue 225deg
+            variables.$ms-blue 225deg
         );
     }
     &-ur,
     &-ru,
     &-izzet {
         background: conic-gradient(
-            $ms-blue 45deg,
+            variables.$ms-blue 45deg,
-            $ms-red 45deg 225deg,
+            variables.$ms-red 45deg 225deg,
-            $ms-blue 225deg
+            variables.$ms-blue 225deg
         );
     }
     &-bg,
@@ -68,54 +70,54 @@
     &-golgari,
     &-rock {
         background: conic-gradient(
-            $ms-black 45deg,
+            variables.$ms-black 45deg,
-            $ms-green 45deg 225deg,
+            variables.$ms-green 45deg 225deg,
-            $ms-black 225deg
+            variables.$ms-black 225deg
         );
     }
     &-br,
     &-rb,
     &-rakdos {
         background: conic-gradient(
-            $ms-black 45deg,
+            variables.$ms-black 45deg,
-            $ms-red 45deg 225deg,
+            variables.$ms-red 45deg 225deg,
-            $ms-black 225deg
+            variables.$ms-black 225deg
         );
     }
     &-rw,
     &-wr,
     &-boros {
         background: conic-gradient(
-            $ms-red 45deg,
+            variables.$ms-red 45deg,
-            $ms-white 45deg 225deg,
+            variables.$ms-white 45deg 225deg,
-            $ms-red 225deg
+            variables.$ms-red 225deg
         );
     }
     &-rg,
     &-gr,
     &-gruul {
         background: conic-gradient(
-            $ms-red 45deg,
+            variables.$ms-red 45deg,
-            $ms-green 45deg 225deg,
+            variables.$ms-green 45deg 225deg,
-            $ms-red 225deg
+            variables.$ms-red 225deg
         );
     }
     &-gu,
     &-ug,
     &-simic {
         background: conic-gradient(
-            $ms-green 45deg,
+            variables.$ms-green 45deg,
-            $ms-blue 45deg 225deg,
+            variables.$ms-blue 45deg 225deg,
-            $ms-green 225deg
+            variables.$ms-green 225deg
         );
     }
     &-gw,
     &-wg,
     &-selesnya {
         background: conic-gradient(
-            $ms-green 45deg,
+            variables.$ms-green 45deg,
-            $ms-white 45deg 225deg,
+            variables.$ms-white 45deg 225deg,
-            $ms-green 225deg
+            variables.$ms-green 225deg
         );
     }
 
@@ -128,10 +130,10 @@
     &-guw,
     &-bant {
         background: conic-gradient(
-            $ms-blue 60deg,
+            variables.$ms-blue 60deg,
-            $ms-green 60deg 180deg,
+            variables.$ms-green 60deg 180deg,
-            $ms-white 180deg 300deg,
+            variables.$ms-white 180deg 300deg,
-            $ms-blue 300deg
+            variables.$ms-blue 300deg
         );
     }
     &-ubw,
@@ -142,10 +144,10 @@
     &-wbu,
     &-esper {
         background: conic-gradient(
-            $ms-black 60deg,
+            variables.$ms-black 60deg,
-            $ms-white 60deg 180deg,
+            variables.$ms-white 60deg 180deg,
-            $ms-blue 180deg 300deg,
+            variables.$ms-blue 180deg 300deg,
-            $ms-black 300deg
+            variables.$ms-black 300deg
         );
     }
     &-bru,
@@ -156,10 +158,10 @@
     &-urb,
     &-grixis {
         background: conic-gradient(
-            $ms-red 60deg,
+            variables.$ms-red 60deg,
-            $ms-blue 60deg 180deg,
+            variables.$ms-blue 60deg 180deg,
-            $ms-black 180deg 300deg,
+            variables.$ms-black 180deg 300deg,
-            $ms-red 300deg
+            variables.$ms-red 300deg
         );
     }
     &-rgb,
@@ -170,10 +172,10 @@
     &-bgr,
     &-jund {
         background: conic-gradient(
-            $ms-green 60deg,
+            variables.$ms-green 60deg,
-            $ms-black 60deg 180deg,
+            variables.$ms-black 60deg 180deg,
-            $ms-red 180deg 300deg,
+            variables.$ms-red 180deg 300deg,
-            $ms-green 300deg
+            variables.$ms-green 300deg
         );
     }
     &-gwr,
@@ -184,10 +186,10 @@
     &-rwg,
     &-naya {
         background: conic-gradient(
-            $ms-white 60deg,
+            variables.$ms-white 60deg,
-            $ms-red 60deg 180deg,
+            variables.$ms-red 60deg 180deg,
-            $ms-green 180deg 300deg,
+            variables.$ms-green 180deg 300deg,
-            $ms-white 300deg
+            variables.$ms-white 300deg
         );
     }
     &-wbg,
@@ -200,10 +202,10 @@
     &-junk,
     &-necra {
         background: conic-gradient(
-            $ms-black 60deg,
+            variables.$ms-black 60deg,
-            $ms-green 60deg 180deg,
+            variables.$ms-green 60deg 180deg,
-            $ms-white 180deg 300deg,
+            variables.$ms-white 180deg 300deg,
-            $ms-black 300deg
+            variables.$ms-black 300deg
         );
     }
     &-urw,
@@ -215,10 +217,10 @@
     &-jeskai,
     &-raka {
         background: conic-gradient(
-            $ms-red 60deg,
+            variables.$ms-red 60deg,
-            $ms-white 60deg 180deg,
+            variables.$ms-white 60deg 180deg,
-            $ms-blue 180deg 300deg,
+            variables.$ms-blue 180deg 300deg,
-            $ms-red 300deg
+            variables.$ms-red 300deg
         );
     }
     &-bgu,
@@ -231,10 +233,10 @@
     &-bug,
     &-ana {
         background: conic-gradient(
-            $ms-green 60deg,
+            variables.$ms-green 60deg,
-            $ms-blue 60deg 180deg,
+            variables.$ms-blue 60deg 180deg,
-            $ms-black 180deg 300deg,
+            variables.$ms-black 180deg 300deg,
-            $ms-green 300deg
+            variables.$ms-green 300deg
         );
     }
     &-rwb,
@@ -246,10 +248,10 @@
     &-mardu,
     &-dega {
         background: conic-gradient(
-            $ms-white 60deg,
+            variables.$ms-white 60deg,
-            $ms-black 60deg 180deg,
+            variables.$ms-black 60deg 180deg,
-            $ms-red 180deg 300deg,
+            variables.$ms-red 180deg 300deg,
-            $ms-white 300deg
+            variables.$ms-white 300deg
         );
     }
     &-gur,
@@ -261,10 +263,10 @@
     &-temur,
     &-ceta {
         background: conic-gradient(
-            $ms-blue 60deg,
+            variables.$ms-blue 60deg,
-            $ms-red 60deg 180deg,
+            variables.$ms-red 60deg 180deg,
-            $ms-green 180deg 300deg,
+            variables.$ms-green 180deg 300deg,
-            $ms-blue 300deg
+            variables.$ms-blue 300deg
         );
     }
 
@@ -272,51 +274,51 @@
     &-ubrg,
     &-glint {
         background: conic-gradient(
-            $ms-blue 45deg,
+            variables.$ms-blue 45deg,
-            $ms-black 45deg 135deg,
+            variables.$ms-black 45deg 135deg,
-            $ms-red 135deg 225deg,
+            variables.$ms-red 135deg 225deg,
-            $ms-green 225deg 315deg,
+            variables.$ms-green 225deg 315deg,
-            $ms-blue 315deg
+            variables.$ms-blue 315deg
         );
     }
     &-brgw,
     &-dune {
         background: conic-gradient(
-            $ms-black 45deg,
+            variables.$ms-black 45deg,
-            $ms-red 45deg 135deg,
+            variables.$ms-red 45deg 135deg,
-            $ms-green 135deg 225deg,
+            variables.$ms-green 135deg 225deg,
-            $ms-white 225deg 315deg,
+            variables.$ms-white 225deg 315deg,
-            $ms-black 315deg
+            variables.$ms-black 315deg
         );
     }
     &-rgwu,
     &-ink {
         background: conic-gradient(
-            $ms-red 45deg,
+            variables.$ms-red 45deg,
-            $ms-green 45deg 135deg,
+            variables.$ms-green 45deg 135deg,
-            $ms-white 135deg 225deg,
+            variables.$ms-white 135deg 225deg,
-            $ms-blue 225deg 315deg,
+            variables.$ms-blue 225deg 315deg,
-            $ms-red 315deg
+            variables.$ms-red 315deg
         );
     }
     &-gwub,
     &-witch {
         background: conic-gradient(
-            $ms-green 45deg,
+            variables.$ms-green 45deg,
-            $ms-white 45deg 135deg,
+            variables.$ms-white 45deg 135deg,
-            $ms-blue 135deg 225deg,
+            variables.$ms-blue 135deg 225deg,
-            $ms-black 225deg 315deg,
+            variables.$ms-black 225deg 315deg,
-            $ms-green 315deg
+            variables.$ms-green 315deg
         );
     }
     &-wubr,
     &-yore {
         background: conic-gradient(
-            $ms-white 45deg,
+            variables.$ms-white 45deg,
-            $ms-blue 45deg 135deg,
+            variables.$ms-blue 45deg 135deg,
-            $ms-black 135deg 225deg,
+            variables.$ms-black 135deg 225deg,
-            $ms-red 225deg 315deg,
+            variables.$ms-red 225deg 315deg,
-            $ms-white 315deg
+            variables.$ms-white 315deg
         );
     }
 
@@ -324,12 +326,12 @@
     &-wubrg,
     &-5 {
         background: conic-gradient(
-            $ms-white 36deg,
+            variables.$ms-white 36deg,
-            $ms-blue 36deg 108deg,
+            variables.$ms-blue 36deg 108deg,
-            $ms-black 108deg 180deg,
+            variables.$ms-black 108deg 180deg,
-            $ms-red 180deg 252deg,
+            variables.$ms-red 180deg 252deg,
-            $ms-green 252deg 324deg,
+            variables.$ms-green 252deg 324deg,
-            $ms-white 324deg
+            variables.$ms-white 324deg
         );
     }
 }

sass/_core.scss

@@ -1,8 +1,10 @@
+@use "variables";
+
 // base
 
-.#{$ms-prefix} {
+.#{variables.$ms-prefix} {
     display: inline-block;
-    font: normal normal normal $ms-font-size-base Mana;
+    font: normal normal normal variables.$ms-font-size-base Mana;
     font-size: inherit;
     line-height: 1em;
     text-rendering: auto;

sass/_cost.scss

@@ -1,8 +1,10 @@
+@use "variables";
+
 // costs
 
-.#{$ms-prefix}-cost {
+.#{variables.$ms-prefix}-cost {
 
-    background-color: $ms-base-colorless;
+    background-color: variables.$ms-base-colorless;
     border-radius: 1em;
     color: #111;
     font-size: 0.95em;
@@ -12,53 +14,53 @@
     text-align: center;
 
     // single costs
-    &.#{$ms-prefix}-w,
+    &.#{variables.$ms-prefix}-w,
-    &.#{$ms-prefix}-wp {
+    &.#{variables.$ms-prefix}-wp {
-        background-color: $ms-base-white;
+        background-color: variables.$ms-base-white;
     }
-    &.#{$ms-prefix}-u,
+    &.#{variables.$ms-prefix}-u,
-    &.#{$ms-prefix}-up {
+    &.#{variables.$ms-prefix}-up {
-        background-color: $ms-base-blue;
+        background-color: variables.$ms-base-blue;
     }
-    &.#{$ms-prefix}-b,
+    &.#{variables.$ms-prefix}-b,
-    &.#{$ms-prefix}-bp {
+    &.#{variables.$ms-prefix}-bp {
-        background-color: $ms-base-black;
+        background-color: variables.$ms-base-black;
     }
-    &.#{$ms-prefix}-r,
+    &.#{variables.$ms-prefix}-r,
-    &.#{$ms-prefix}-rp {
+    &.#{variables.$ms-prefix}-rp {
-        background-color: $ms-base-red;
+        background-color: variables.$ms-base-red;
     }
-    &.#{$ms-prefix}-g,
+    &.#{variables.$ms-prefix}-g,
-    &.#{$ms-prefix}-gp {
+    &.#{variables.$ms-prefix}-gp {
-        background-color: $ms-base-green;
+        background-color: variables.$ms-base-green;
     }
 
     // split costs
-    &.#{$ms-prefix}-wu,
+    &.#{variables.$ms-prefix}-wu,
-    &.#{$ms-prefix}-wb,
+    &.#{variables.$ms-prefix}-wb,
-    &.#{$ms-prefix}-ub,
+    &.#{variables.$ms-prefix}-ub,
-    &.#{$ms-prefix}-ur,
+    &.#{variables.$ms-prefix}-ur,
-    &.#{$ms-prefix}-br,
+    &.#{variables.$ms-prefix}-br,
-    &.#{$ms-prefix}-bg,
+    &.#{variables.$ms-prefix}-bg,
-    &.#{$ms-prefix}-rw,
+    &.#{variables.$ms-prefix}-rw,
-    &.#{$ms-prefix}-rg,
+    &.#{variables.$ms-prefix}-rg,
-    &.#{$ms-prefix}-gw,
+    &.#{variables.$ms-prefix}-gw,
-    &.#{$ms-prefix}-gu,
+    &.#{variables.$ms-prefix}-gu,
-    &.#{$ms-prefix}-2w,
+    &.#{variables.$ms-prefix}-2w,
-    &.#{$ms-prefix}-2u,
+    &.#{variables.$ms-prefix}-2u,
-    &.#{$ms-prefix}-2b,
+    &.#{variables.$ms-prefix}-2b,
-    &.#{$ms-prefix}-2r,
+    &.#{variables.$ms-prefix}-2r,
-    &.#{$ms-prefix}-2g,
+    &.#{variables.$ms-prefix}-2g,
-    &.#{$ms-prefix}-wup,
+    &.#{variables.$ms-prefix}-wup,
-    &.#{$ms-prefix}-wbp,
+    &.#{variables.$ms-prefix}-wbp,
-    &.#{$ms-prefix}-ubp,
+    &.#{variables.$ms-prefix}-ubp,
-    &.#{$ms-prefix}-urp,
+    &.#{variables.$ms-prefix}-urp,
-    &.#{$ms-prefix}-brp,
+    &.#{variables.$ms-prefix}-brp,
-    &.#{$ms-prefix}-bgp,
+    &.#{variables.$ms-prefix}-bgp,
-    &.#{$ms-prefix}-rwp,
+    &.#{variables.$ms-prefix}-rwp,
-    &.#{$ms-prefix}-rgp,
+    &.#{variables.$ms-prefix}-rgp,
-    &.#{$ms-prefix}-gwp,
+    &.#{variables.$ms-prefix}-gwp,
-    &.#{$ms-prefix}-gup {
+    &.#{variables.$ms-prefix}-gup {
         position: relative;
         width: 1.3em;
         height: 1.3em;
@@ -76,8 +78,8 @@
             left: 1.0em;
         }
     }
-    &.#{$ms-prefix}-wu,
+    &.#{variables.$ms-prefix}-wu,
-    &.#{$ms-prefix}-wup {
+    &.#{variables.$ms-prefix}-wup {
         background: #edf2b0; // Old browsers
         background: -moz-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#edf2b0), color-stop(50%,#edf2b0), color-stop(50%,#a6c1dd), color-stop(100%,#a6c1dd)); // Chrome,Safari4+
@@ -87,8 +89,8 @@
         background: linear-gradient(135deg, #edf2b0 0%,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2b0', endColorstr='#a6c1dd',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-wb,
+    &.#{variables.$ms-prefix}-wb,
-    &.#{$ms-prefix}-wbp {
+    &.#{variables.$ms-prefix}-wbp {
         background: #edf2b0; // Old browsers
         background: -moz-linear-gradient(-45deg,  #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#edf2b0), color-stop(50%,#edf2b0), color-stop(50%,#9c9188), color-stop(100%,#9c9188)); // Chrome,Safari4+
@@ -98,8 +100,8 @@
         background: linear-gradient(135deg,  #edf2b0 0%,#edf2b0 50%,#9c9188 50%,#9c9188 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2b0', endColorstr='#9c9188',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-ub,
+    &.#{variables.$ms-prefix}-ub,
-    &.#{$ms-prefix}-ubp {
+    &.#{variables.$ms-prefix}-ubp {
         background: #a6c1dd; // Old browsers
         background: -moz-linear-gradient(-45deg,  #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a6c1dd), color-stop(50%,#a6c1dd), color-stop(50%,#9c9188), color-stop(100%,#9c9188)); // Chrome,Safari4+
@@ -109,8 +111,8 @@
         background: linear-gradient(135deg,  #a6c1dd 0%,#a6c1dd 50%,#9c9188 50%,#9c9188 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c1dd', endColorstr='#9c9188',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-ur,
+    &.#{variables.$ms-prefix}-ur,
-    &.#{$ms-prefix}-urp {
+    &.#{variables.$ms-prefix}-urp {
         background: #a6c1dd; // Old browsers
         background: -moz-linear-gradient(-45deg,  #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a6c1dd), color-stop(50%,#a6c1dd), color-stop(50%,#db8664), color-stop(100%,#db8664)); // Chrome,Safari4+
@@ -120,8 +122,8 @@
         background: linear-gradient(135deg,  #a6c1dd 0%,#a6c1dd 50%,#db8664 50%,#db8664 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c1dd', endColorstr='#db8664',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-br,
+    &.#{variables.$ms-prefix}-br,
-    &.#{$ms-prefix}-brp {
+    &.#{variables.$ms-prefix}-brp {
         background: #aca29a; // Old browsers
         background: -moz-linear-gradient(-45deg,  #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#aca29a), color-stop(50%,#aca29a), color-stop(50%,#db8664), color-stop(100%,#db8664)); // Chrome,Safari4+
@@ -131,8 +133,8 @@
         background: linear-gradient(135deg,  #aca29a 0%,#aca29a 50%,#db8664 50%,#db8664 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aca29a', endColorstr='#db8664',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-bg,
+    &.#{variables.$ms-prefix}-bg,
-    &.#{$ms-prefix}-bgp {
+    &.#{variables.$ms-prefix}-bgp {
         background: #aca29a; // Old browsers
         background: -moz-linear-gradient(-45deg,  #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#aca29a), color-stop(50%,#aca29a), color-stop(50%,#93b483), color-stop(100%,#93b483)); // Chrome,Safari4+
@@ -142,8 +144,8 @@
         background: linear-gradient(135deg,  #aca29a 0%,#aca29a 50%,#93b483 50%,#93b483 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aca29a', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-rw,
+    &.#{variables.$ms-prefix}-rw,
-    &.#{$ms-prefix}-rwp {
+    &.#{variables.$ms-prefix}-rwp {
         background: #db8664; // Old browsers
         background: -moz-linear-gradient(-45deg,  #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#db8664), color-stop(50%,#db8664), color-stop(50%,#edf2b0), color-stop(100%,#edf2b0)); // Chrome,Safari4+
@@ -153,8 +155,8 @@
         background: linear-gradient(135deg,  #db8664 0%,#db8664 50%,#edf2b0 50%,#edf2b0 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db8664', endColorstr='#edf2b0',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-rg,
+    &.#{variables.$ms-prefix}-rg,
-    &.#{$ms-prefix}-rgp {
+    &.#{variables.$ms-prefix}-rgp {
         background: #db8664; // Old browsers
         background: -moz-linear-gradient(-45deg,  #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#db8664), color-stop(50%,#db8664), color-stop(50%,#93b483), color-stop(100%,#93b483)); // Chrome,Safari4+
@@ -164,8 +166,8 @@
         background: linear-gradient(135deg,  #db8664 0%,#db8664 50%,#93b483 50%,#93b483 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db8664', endColorstr='#93b483',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-gw,
+    &.#{variables.$ms-prefix}-gw,
-    &.#{$ms-prefix}-gwp {
+    &.#{variables.$ms-prefix}-gwp {
         background: #93b483; // Old browsers
         background: -moz-linear-gradient(-45deg,  #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#93b483), color-stop(50%,#93b483), color-stop(50%,#edf2b0), color-stop(100%,#edf2b0)); // Chrome,Safari4+
@@ -175,8 +177,8 @@
         background: linear-gradient(135deg,  #93b483 0%,#93b483 50%,#edf2b0 50%,#edf2b0 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93b483', endColorstr='#edf2b0',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-gu,
+    &.#{variables.$ms-prefix}-gu,
-    &.#{$ms-prefix}-gup {
+    &.#{variables.$ms-prefix}-gup {
         background: #93b483; // Old browsers
         background: -moz-linear-gradient(-45deg,  #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#93b483), color-stop(50%,#93b483), color-stop(50%,#b5cde3), color-stop(100%,#b5cde3)); // Chrome,Safari4+
@@ -186,7 +188,7 @@
         background: linear-gradient(135deg,  #93b483 0%,#93b483 50%,#b5cde3 50%,#b5cde3 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93b483', endColorstr='#b5cde3',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-2w {
+    &.#{variables.$ms-prefix}-2w {
         background: #beb9b2; // Old browsers
         background: -moz-linear-gradient(-45deg,  #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#edf2b0), color-stop(100%,#edf2b0)); // Chrome,Safari4+
@@ -196,7 +198,7 @@
         background: linear-gradient(135deg,  #beb9b2 0%,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#edf2b0',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-2u {
+    &.#{variables.$ms-prefix}-2u {
         background: #beb9b2; // Old browsers
         background: -moz-linear-gradient(-45deg,  #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#b5cde3), color-stop(100%,#b5cde3)); // Chrome,Safari4+
@@ -206,7 +208,7 @@
         background: linear-gradient(135deg,  #beb9b2 0%,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#b5cde3',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-2b {
+    &.#{variables.$ms-prefix}-2b {
         background: #beb9b2; // Old browsers
         background: -moz-linear-gradient(-45deg,  #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#9c9188), color-stop(100%,#9c9188)); // Chrome,Safari4+
@@ -216,7 +218,7 @@
         background: linear-gradient(135deg,  #beb9b2 0%,#beb9b2 50%,#9c9188 50%,#9c9188 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#9c9188',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-2r {
+    &.#{variables.$ms-prefix}-2r {
         background: #beb9b2; // Old browsers
         background: -moz-linear-gradient(-45deg,  #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#db8664), color-stop(100%,#db8664)); // Chrome,Safari4+
@@ -226,7 +228,7 @@
         background: linear-gradient(135deg,  #beb9b2 0%,#beb9b2 50%,#db8664 50%,#db8664 100%); // W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#db8664',GradientType=1 ); // IE6-9 fallback on horizontal gradient
     }
-    &.#{$ms-prefix}-2g {
+    &.#{variables.$ms-prefix}-2g {
         background: #beb9b2; // Old browsers
         background: -moz-linear-gradient(-45deg,  #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%); // FF3.6+
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#93b483), color-stop(100%,#93b483)); // Chrome,Safari4+
@@ -238,22 +240,22 @@
     }
 
     // phyrexian mana size increases
-    &.#{$ms-prefix}-p::before,
+    &.#{variables.$ms-prefix}-p::before,
-    &.#{$ms-prefix}-wp::before,
+    &.#{variables.$ms-prefix}-wp::before,
-    &.#{$ms-prefix}-up::before,
+    &.#{variables.$ms-prefix}-up::before,
-    &.#{$ms-prefix}-bp::before,
+    &.#{variables.$ms-prefix}-bp::before,
-    &.#{$ms-prefix}-rp::before,
+    &.#{variables.$ms-prefix}-rp::before,
-    &.#{$ms-prefix}-gp::before,
+    &.#{variables.$ms-prefix}-gp::before,
-    &.#{$ms-prefix}-wup::before,
+    &.#{variables.$ms-prefix}-wup::before,
-    &.#{$ms-prefix}-wbp::before,
+    &.#{variables.$ms-prefix}-wbp::before,
-    &.#{$ms-prefix}-ubp::before,
+    &.#{variables.$ms-prefix}-ubp::before,
-    &.#{$ms-prefix}-urp::before,
+    &.#{variables.$ms-prefix}-urp::before,
-    &.#{$ms-prefix}-brp::before,
+    &.#{variables.$ms-prefix}-brp::before,
-    &.#{$ms-prefix}-bgp::before,
+    &.#{variables.$ms-prefix}-bgp::before,
-    &.#{$ms-prefix}-rwp::before,
+    &.#{variables.$ms-prefix}-rwp::before,
-    &.#{$ms-prefix}-rgp::before,
+    &.#{variables.$ms-prefix}-rgp::before,
-    &.#{$ms-prefix}-gwp::before,
+    &.#{variables.$ms-prefix}-gwp::before,
-    &.#{$ms-prefix}-gup::before {
+    &.#{variables.$ms-prefix}-gup::before {
         display: inline-block;
         -moz-transform: scale( 1.2, 1.2 );
         -webkit-transform: scale( 1.2, 1.2 );
@@ -261,7 +263,7 @@
     }
 
     // alternate tap
-    &.#{$ms-prefix}-tap-alt::before {
+    &.#{variables.$ms-prefix}-tap-alt::before {
         display: inline-block;
         -moz-transform: scale( 1.2, 1.2 );
         -webkit-transform: scale( 1.2, 1.2 );
@@ -271,7 +273,7 @@
     }
 
     // snow mana
-    &.#{$ms-prefix}-s {
+    &.#{variables.$ms-prefix}-s {
         &::before {
             color: #fff;
             -webkit-text-stroke: 2px #fff;
@@ -294,15 +296,15 @@
     }
 
     // tap symbols
-    &.#{$ms-prefix}-untap {
+    &.#{variables.$ms-prefix}-untap {
         background-color: #111;
         color: #fff;
     }
 
     // shadow alternative
-    &.#{$ms-prefix}-shadow {
+    &.#{variables.$ms-prefix}-shadow {
         box-shadow: -0.06em 0.07em 0 #111, 0 0.06em 0 #111;
-        &.#{$ms-prefix}-untap {
+        &.#{variables.$ms-prefix}-untap {
             box-shadow: -0.06em 0.07em 0 #fff, 0 0.06em 0 #fff;
         }
     }
@@ -311,21 +313,21 @@
 
 // split cost specifics
 
-.#{$ms-prefix}-split {
+.#{variables.$ms-prefix}-split {
     position: relative;
     width: 1.3em;
     height: 1.3em;
 }
-.#{$ms-prefix}-split::before,
+.#{variables.$ms-prefix}-split::before,
-.#{$ms-prefix}-split::after {
+.#{variables.$ms-prefix}-split::after {
     font-size: 0.55em !important;
     position: absolute;
 }
-.#{$ms-prefix}-split::before {
+.#{variables.$ms-prefix}-split::before {
     top: -0.38em;
     left: 0.28em;
 }
-.#{$ms-prefix}-split::after {
+.#{variables.$ms-prefix}-split::after {
     top: 0.5em;
     left: 1.0em;
 }
@@ -333,18 +335,18 @@
 
 // half costs specifics
 
-span.#{$ms-prefix}-half { // legacy handling with <span> tag
+span.#{variables.$ms-prefix}-half { // legacy handling with <span> tag
     width: .675em;
     overflow: hidden;
     display: inline-block;
     margin-left: .675em;
 
-    > .#{$ms-prefix}-cost {
+    > .#{variables.$ms-prefix}-cost {
         margin-left: -.675em;
     }
 }
 
-.#{$ms-prefix}-half { // new single-element handling!
+.#{variables.$ms-prefix}-half { // new single-element handling!
     width: .675em;
     margin-left: .675em;
     overflow: hidden;
@@ -357,9 +359,9 @@ span.#{$ms-prefix}-half { // legacy handling with <span> tag
 
 // un-set costs
 
-.#{$ms-prefix}-100 {
+.#{variables.$ms-prefix}-100 {
     width: 2.4em;
 }
-.#{$ms-prefix}-1000000 {
+.#{variables.$ms-prefix}-1000000 {
     width: 5.4em;
 }

sass/_dfc.scss

@@ -1,6 +1,8 @@
+@use "variables";
+
 // double-faced specifics
 
-.#{$ms-prefix}-dfc {
+.#{variables.$ms-prefix}-dfc {
     color: #111;
     border: .05em solid #111;
     border-radius: 2em;

sass/_duo.scss

@@ -1,4 +1,6 @@
-.#{$ms-prefix}-duo {
+@use "variables";
+
+.#{variables.$ms-prefix}-duo {
 
     // base border styles
     &::after {
@@ -17,12 +19,12 @@
     color: #fff;
 
     // multicolor symbol
-    &.#{$ms-prefix}-multicolor::after {
+    &.#{variables.$ms-prefix}-multicolor::after {
         content: "\e986";
     }
 
     // strixhaven schools
-    &.#{$ms-prefix}-school {
+    &.#{variables.$ms-prefix}-school {
         &-lorehold::after {
             content: "\e99b";
         }
@@ -49,21 +51,21 @@
     &-color {
         // default outer color
         &::before {
-            color: $ms-border-black;
+            color: variables.$ms-border-black;
         }
         // multicolor
-        &.#{$ms-prefix}-multicolor {
+        &.#{variables.$ms-prefix}-multicolor {
             &::after {
-                color: $ms-multicolor-flat;
+                color: variables.$ms-multicolor-flat;
             }
-            &.#{$ms-prefix}-grad::after {
+            &.#{variables.$ms-prefix}-grad::after {
-                background: $ms-multicolor-grad;
+                background: variables.$ms-multicolor-grad;
                 -webkit-background-clip: text;
                 -webkit-text-fill-color: transparent;
             }
         }
         // strixhaven schools
-        &.#{$ms-prefix}-school {
+        &.#{variables.$ms-prefix}-school {
             &-lorehold {
                 &::before { color: #a03731; }
                 &::after { color: #e4e8c7; }

sass/_extras.scss

@@ -1,5 +1,7 @@
-.#{$ms-prefix}-mechanic {
+@use "variables";
-    background: $ms-ability-grad;
+
+.#{variables.$ms-prefix}-mechanic {
+    background: variables.$ms-ability-grad;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

sass/_icons.scss

@@ -1,6 +1,8 @@
+@use "variables";
+
 // symbols
 
-.#{$ms-prefix} {
+.#{variables.$ms-prefix} {
 
     // resources
     &-w::before { content: "\e600"; }
@@ -261,6 +263,7 @@
         &-slime::before { content: "\e941"; }
         &-time::before { content: "\e942"; }
         &-verse::before { content: "\e945"; }
+        &-void::before { content: "\e9ec"; }
         &-vortex::before { content: "\e946"; }
         // arena
         &-shield::before { content: "\e9c3"; }
@@ -287,9 +290,11 @@
         }
         &-ascend::before { content: "\e94a"; }
         &-backup::before { content: "\e9d9"; }
+        &-bargain::before { content: "\e9e2"; }
         &-blitz::before { content: "\e9b4"; }
         &-boast::before { content: "\e991"; }
         &-casualty::before { content: "\e9b7"; }
+        &-celebration::before { content: "\e9e3"; }
         &-changeling::before { content: "\e9a6"; }
         &-channel::before { content: "\e9b1"; }
         &-cleave::before { content: "\e9ad"; }
@@ -368,6 +373,14 @@
         &-revolt::before { content: "\e961"; }
         &-ring-bearer::before { content: "\e9df"; }
         &-riot::before { content: "\e973"; }
+        &-role {
+            &-cursed::before { content: "\e9e6"; }
+            &-monster::before { content: "\e9e7"; }
+            &-royal::before { content: "\e9e8"; }
+            &-sorceror::before { content: "\e9e9"; }
+            &-wicked::before { content: "\e9ea"; }
+            &-young-hero::before { content: "\e9eb"; }
+        }
         &-specialize::before { content: "\e9bb"; }
         &-spectacle::before { content: "\e96b"; }
         &-static::before,
@@ -384,5 +397,82 @@
         &-unearth::before { content: "\e9bc"; }
         &-vigilance::before { content: "\e968"; }
         &-ward::before { content: "\e992"; }
+
+        // arena card-specific ability symbols
+        &-haktos-the-unscarred::before { content: "\e9e4"; }
+        &-robber-of-the-rich::before { content: "\e9e5"; }
+    }
+
+    // watermarks
+    &-watermark {
+        &-agentsofsneak::before { content: "\ea08"; }
+        &-arena::before { content: "\ea1e"; }
+        &-brokers::before { content: "\ea0d"; }
+        &-cabaretti::before { content: "\ea0e"; }
+        &-colorpie::before { content: "\e9f0"; }
+        &-conspiracy::before { content: "\ea12"; }
+        &-corocoro::before { content: "\ea15"; }
+        &-crossbreedlabs::before { content: "\ea09"; }
+        &-cutiemark {
+            &-apples::before { content: "\ea27"; }
+            &-balloons::before { content: "\ea28"; }
+            &-butterflies::before { content: "\ea29"; }
+            &-gems::before { content: "\ea04"; }
+            &-rainbow::before { content: "\ea2a"; }
+            &-sparkle::before { content: "\ea05"; }
+            &-waningmoon::before { content: "\ea06"; }
+            &-waxingmoon::before { content: "\ea07"; }
+        }
+        &-dci::before { content: "\ea1d"; }
+        &-dengekimaoh::before { content: "\ea14"; }
+        &-desparked::before { content: "\e9f1"; }
+        &-dnd::before { content: "\ea17"; }
+        &-flavor {
+            &-aestheticconsultation::before { content: "\e9f2"; }
+            &-farewelltoarms::before { content: "\e9f3"; }
+            &-monkeymonkeymonkey::before { content: "\e9f4"; }
+            &-moxlotus::before { content: "\e9f5"; }
+            &-myfirsttome::before { content: "\e9f6"; }
+            &-shoetree::before { content: "\e9f7"; }
+            &-whenfluffybunniesattack::before { content: "\e9f8"; }
+        }
+        &-fnm::before { content: "\ea16"; }
+        &-goblinexplosioneers::before { content: "\ea0a"; }
+        &-grandprix::before { content: "\ea1f"; }
+        &-grandprix2::before { content: "\ea20"; }
+        &-herospath {
+            &::before { content: "\ea02"; }
+            &-1::before { content: "\e9f9"; }
+            &-2::before { content: "\e9fa"; }
+            &-3::before { content: "\e9fb"; }
+            &-4::before { content: "\e9fc"; }
+            &-5::before { content: "\e9fd"; }
+            &-6::before { content: "\e9fe"; }
+            &-7::before { content: "\e9ff"; }
+            &-8::before { content: "\ea00"; }
+            &-9::before { content: "\ea01"; }
+        }
+        &-japanjunior::before { content: "\ea24"; }
+        &-judgeacademy::before { content: "\ea13"; }
+        &-junior::before { content: "\ea23"; }
+        &-juniorapac::before { content: "\ea21"; }
+        &-junioreurope::before { content: "\ea22"; }
+        &-leagueofdastardlydoom::before { content: "\ea0b"; }
+        &-maestros::before { content: "\ea0f"; }
+        &-mirran::before { content: "\ea03"; }
+        &-mps::before { content: "\ea1a"; }
+        &-mtg::before { content: "\e9ed"; }
+        &-mtg10::before { content: "\e9ee"; }
+        &-mtg15::before { content: "\e9ef"; }
+        &-nerf::before { content: "\ea19"; }
+        &-obscura::before { content: "\ea10"; }
+        &-orderofthewidget::before { content: "\ea0c"; }
+        &-protour::before { content: "\ea26"; }
+        &-riveteers::before { content: "\ea11"; }
+        &-scholarship::before { content: "\ea25"; }
+        &-transformers::before { content: "\ea18"; }
+        &-trumpkatsumai::before { content: "\ea2b"; }
+        &-wotc::before { content: "\ea1b"; }
+        &-wpn::before { content: "\ea1c"; }
     }
 }

sass/_loyalty.scss

@@ -1,7 +1,9 @@
+@use "variables";
+
 /**
  * planeswalker and other loyalty symbols */
 
-.#{$ms-prefix}-loyalty {
+.#{variables.$ms-prefix}-loyalty {
 
     // all
     &-up,
@@ -49,7 +51,7 @@
         color: #fff;
         display: inline-block;
         font-size: 0.5em;
-        font-family: $ms-serif-font;
+        font-family: variables.$ms-serif-font;
         position: absolute;
         left: 0;
         line-height: 2.25em;
@@ -60,7 +62,7 @@
         content: "0";
     }
     &-up {
-        &.#{$ms-prefix}-loyalty {
+        &.#{variables.$ms-prefix}-loyalty {
             &-1::after { content: "+1"; }
             &-2::after { content: "+2"; }
             &-3::after { content: "+3"; }
@@ -86,7 +88,7 @@
         }
     }
     &-start {
-        &.#{$ms-prefix}-loyalty {
+        &.#{variables.$ms-prefix}-loyalty {
             &-1::after { content: "1"; }
             &-2::after { content: "2"; }
             &-3::after { content: "3"; }
@@ -115,7 +117,7 @@
         &::after {
             line-height: 2em;
         }
-        &.#{$ms-prefix}-loyalty {
+        &.#{variables.$ms-prefix}-loyalty {
             &-1::after { content: "-1"; }
             &-2::after { content: "-2"; }
             &-3::after { content: "-3"; }
@@ -151,7 +153,7 @@
             color: #111;
         }
         // correction for starting loyalty size
-        &.#{$ms-prefix}-loyalty-start {
+        &.#{variables.$ms-prefix}-loyalty-start {
             font-size: 1.6em;
         }
     }
@@ -159,7 +161,7 @@
 
 // saga loyalty
 
-.#{$ms-prefix}-saga {
+.#{variables.$ms-prefix}-saga {
 
     // all
     color: #111;
@@ -169,11 +171,12 @@
     &-2::after,
     &-3::after,
     &-4::after,
-    &-5::after { // future proofing :P
+    &-5::after,
+    &-6::after {
         color: #fff;
         display: inline-block;
         font-size: 0.6em;
-        font-family: $ms-serif-font;
+        font-family: variables.$ms-serif-font;
         position: absolute;
         left: 0;
         line-height: 2.0em;
@@ -186,12 +189,13 @@
     &-3::after { content: "III"; }
     &-4::after { content: "IV"; }
     &-5::after { content: "V"; }
+    &-6::after { content: "VI"; }
 
 }
 
 // level card levels
 
-.#{$ms-prefix}-level {
+.#{variables.$ms-prefix}-level {
 
     // level numbers must be in a span for now unfortunately
     > span {
@@ -200,7 +204,7 @@
         left: 0;
         top: 0;
         color: #000;
-        font-family: $ms-serif-font;
+        font-family: variables.$ms-serif-font;
         width: 76%;
         text-align: center;
         line-height: 3.8;
@@ -222,7 +226,7 @@
 
 // defense loyalty
 
-.#{$ms-prefix}-defense {
+.#{variables.$ms-prefix}-defense {
 
     color: #111;
     font-size: 1.5em;
@@ -256,7 +260,7 @@
         color: #fff;
         display: inline-block;
         font-size: 0.5em;
-        font-family: $ms-serif-font;
+        font-family: variables.$ms-serif-font;
         position: absolute;
         left: 0;
         line-height: 2.25em;

sass/_path.scss

@@ -1,23 +1,25 @@
+@use "variables";
+
 // fonts
 
 @font-face {
     font-family: 'Mana';
-    src:url( '#{$ms-font-path}/mana.eot?v=#{$ms-version}' );
+    src:url( '#{variables.$ms-font-path}/mana.eot?v=#{variables.$ms-version}' );
-    src:url( '#{$ms-font-path}/mana.eot?#iefix&v=#{$ms-version}') format( 'embedded-opentype' ),
+    src:url( '#{variables.$ms-font-path}/mana.eot?#iefix&v=#{variables.$ms-version}') format( 'embedded-opentype' ),
-        url( '#{$ms-font-path}/mana.woff?v=#{$ms-version}') format( 'woff' ),
+        url( '#{variables.$ms-font-path}/mana.woff?v=#{variables.$ms-version}') format( 'woff' ),
-        url( '#{$ms-font-path}/mana.ttf?v=#{$ms-version}') format( 'truetype' ),
+        url( '#{variables.$ms-font-path}/mana.ttf?v=#{variables.$ms-version}') format( 'truetype' ),
-        url( '#{$ms-font-path}/mana.svg?v=#{$ms-version}#mana') format( 'svg' );
+        url( '#{variables.$ms-font-path}/mana.svg?v=#{variables.$ms-version}#mana') format( 'svg' );
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'MPlantin';
-    src:url( '#{$ms-font-path}/mplantin.eot?v=#{$ms-version}' );
+    src:url( '#{variables.$ms-font-path}/mplantin.eot?v=#{variables.$ms-version}' );
-    src:url( '#{$ms-font-path}/mplantin.eot?#iefix&v=#{$ms-version}') format( 'embedded-opentype' ),
+    src:url( '#{variables.$ms-font-path}/mplantin.eot?#iefix&v=#{variables.$ms-version}') format( 'embedded-opentype' ),
-        url( '#{$ms-font-path}/mplantin.woff?v=#{$ms-version}') format( 'woff' ),
+        url( '#{variables.$ms-font-path}/mplantin.woff?v=#{variables.$ms-version}') format( 'woff' ),
-        url( '#{$ms-font-path}/mplantin.ttf?v=#{$ms-version}') format( 'truetype' ),
+        url( '#{variables.$ms-font-path}/mplantin.ttf?v=#{variables.$ms-version}') format( 'truetype' ),
-        url( '#{$ms-font-path}/mplantin.svg?v=#{$ms-version}#mplantin') format( 'svg' );
+        url( '#{variables.$ms-font-path}/mplantin.svg?v=#{variables.$ms-version}#mplantin') format( 'svg' );
     font-weight: normal;
     font-style: normal;
 }

sass/_sizes.scss

@@ -1,15 +1,17 @@
+@use "variables";
+
 // sizes
 
-.#{$ms-prefix}-2x { font-size: 1.75em; }
+.#{variables.$ms-prefix}-2x { font-size: 1.75em; }
-.#{$ms-prefix}-3x { font-size: 2.25em; }
+.#{variables.$ms-prefix}-3x { font-size: 2.25em; }
-.#{$ms-prefix}-4x { font-size: 3.0em; }
+.#{variables.$ms-prefix}-4x { font-size: 3.0em; }
-.#{$ms-prefix}-5x { font-size: 3.75em; }
+.#{variables.$ms-prefix}-5x { font-size: 3.75em; }
-.#{$ms-prefix}-6x { font-size: 4.5em; }
+.#{variables.$ms-prefix}-6x { font-size: 4.5em; }
 
 /*
  * Fixed width */
 
-.#{$ms-prefix}-fw {
+.#{variables.$ms-prefix}-fw {
     width: 1em;
     text-align: center;
 }

sass/_variables.scss

@@ -1,6 +1,6 @@
 // base variables
 $ms-font-path: '../fonts' !default;
-$ms-version: '1.15.8' !default;
+$ms-version: '1.16.0' !default;
 $ms-font-size-base: 14px !default;
 $ms-prefix: ms !default;
 $ms-serif-font: 'MPlantin, Garamond, Palatino, \'Times New Roman\', Times, serif' !default;

sass/mana.scss

@@ -1,12 +1,12 @@
-@import "variables";
+@use "variables";
-@import "path";
+@use "path";
-@import "core";
+@use "core";
-@import "icons";
+@use "icons";
-@import "cost";
+@use "cost";
-@import "loyalty";
+@use "loyalty";
-@import "dfc";
+@use "dfc";
-@import "sizes";
+@use "sizes";
-@import "duo";
+@use "duo";
-@import "colors";
+@use "colors";
-@import "extras";
+@use "extras";
-@import "aliases";
+@use "aliases";

svg/watermark-agentsofsneak.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="26" height="32" viewBox="0 0 26 32">
+<title>watermark-agentsofsneak</title>
+<path fill="#444" d="M0.679 5.406c-0.784 0.784-0.566 1.806 0.036 2.46-0.189 0.060-0.357 0.161-0.487 0.326-0.367 0.465-0.317 1.518 0.342 2.146 0.705 0.672 1.212 0.487 1.897 0.221-3.026 4.325-3.053 9.817 0.217 13.088 0.204 0.204 0.416 0.393 0.636 0.572 0.245-0.878 0.718-1.716 1.422-2.42 1.24-1.24 2.903-1.767 4.45-1.575-0.125-1.289 0.186-2.614 0.926-3.737l10.784 10.784 1.643-1.643-1.643-1.643 0.548-0.548 1.14 1.14 1.128-1.128-0.56-0.56 0.37-0.37 0.56 0.56 2.046-2.046-1.711-1.712-0.902 0.902-1.164-1.164 0.902-0.902-1.679-1.679-2.046 2.046 0.689 0.689-0.37 0.37-0.689-0.689-1.128 1.128 1.417 1.417-0.548 0.548-7.144-7.144c1.123-0.74 2.448-1.051 3.737-0.926-0.192-1.546 0.335-3.21 1.575-4.45 0.704-0.704 1.542-1.177 2.42-1.422-0.179-0.221-0.368-0.432-0.572-0.636-3.27-3.27-8.763-3.244-13.088-0.217 0.266-0.685 0.451-1.192-0.221-1.897-0.629-0.659-1.681-0.709-2.146-0.342-0.165 0.13-0.266 0.298-0.326 0.487-0.654-0.602-1.676-0.82-2.46-0.036zM1.17 5.897c0.289-0.289 1.291-0.336 1.687 0.060s0.274 1.901 0.274 1.901-1.504 0.123-1.901-0.274c-0.397-0.396-0.35-1.398-0.060-1.687zM0.824 8.531c0.157-0.18 0.828-0.118 1.413-0.117-0.158 0.199-0.471 0.509-0.435 0.806s0.304 0.787 0.793 0.995c-0.541 0.086-0.984-0.133-1.317-0.455s-0.612-1.049-0.455-1.228zM3.804 5.551c0.18-0.157 0.906 0.123 1.228 0.455s0.541 0.775 0.455 1.317c-0.208-0.489-0.699-0.757-0.995-0.793s-0.606 0.277-0.805 0.435c-0.001-0.585-0.063-1.257 0.117-1.413zM2.402 8.587c0.26-0.248 0.594-0.36 1.087-0.37 0.010-0.494 0.122-0.828 0.37-1.087 0.179-0.179 0.66-0.404 0.934-0.161 0.204 0.181 0.095 0.795-0.093 0.987s-0.521 0.331-0.616 0.028c-0.095-0.303 0.498-0.231 0.495-0.391-0.004-0.231-0.516-0.097-0.652 0.073s-0.081 0.504 0.077 0.632c0.076 0.062 0.222 0.075 0.387 0.065-0.13 0.12-0.26 0.244-0.387 0.37s-0.25 0.257-0.37 0.387c0.010-0.164-0.002-0.31-0.064-0.387-0.128-0.158-0.462-0.213-0.632-0.077s-0.304 0.648-0.073 0.652c0.159 0.003 0.088-0.591 0.391-0.495s0.163 0.428-0.028 0.616c-0.192 0.188-0.805 0.296-0.987 0.093-0.243-0.274-0.018-0.755 0.161-0.934z"></path>
+</svg>

svg/watermark-brokers.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="32" viewBox="0 0 18 32">
+<title>watermark-brokers</title>
+<path fill="#444" d="M5.474 25.433h0.898l1.244-1.52-2.28-8.428-1.036-1.105c0.773-1.987 2.312-3.542 3.454-5.181 0.049-0.152 0.025-0.24-0.138-0.207-0.856 0.247-1.202 0.728-1.174 1.382-0.948 0.014-1.485-1.044-1.796-2.694-0.065-0.345 0.857-0.491 5.112-2.556l2.142-1.865c0.402 0.266 0.709 0.599 0.967 0.967l-2.28 1.658c-1.061-0.054-1.827 0.276-2.211 1.105-0.218 0.518-0.46 0.745-0.76 0.276-0.029-0.204-0.131-0.263-0.345-0.138-1.118 0.714-1.359 1.428-1.244 2.142 1.196-1.166 2.090-1.477 2.58-0.672 0.362 0.596-0.18 1.395-2.235 4.195l1.451 1.451 1.244-1.52 1.244 1.52 1.451-1.451c-0.713-0.972-1.619-2.268-1.619-2.268l0.653-0.7c1.214 1.43 2.307 2.913 3.038 4.557l-1.036 1.105-2.28 8.428 1.244 1.52h0.898l-3.592 5.112-3.592-5.112zM5.751 13.62l-0.276 0.553 2.556 2.418-0.207-1.105-2.073-1.865zM12.383 13.62l-2.073 1.865-0.207 1.105 2.556-2.418-0.276-0.553zM10.31 25.571l-0.967-1.313 0.898-6.494-1.174 1.174-1.174-1.174 0.898 6.494-0.967 1.313 1.244 1.865 1.244-1.865zM7.823 29.993h-2.003c-0.134 0.553-1.089 0.666-1.382 0h-0.207c-0.735-0.735-0.373-3.517 0.276-3.454l0.276-0.415h0.345l2.694 3.869zM10.31 29.993l2.694-3.869h0.345l0.276 0.415c0.649-0.063 1.011 2.719 0.276 3.454h-0.207c-0.292 0.666-1.248 0.553-1.382 0h-2.004zM5.129 22.67c-1.338-1.078-1.938-4.725-0.967-7.669l0.76 0.691c-0.335 2.145-0.325 3.933 0.207 5.181v1.796zM13.005 22.67v-1.796c0.532-1.248 0.543-3.036 0.207-5.181l0.76-0.691c0.971 2.944 0.37 6.591-0.967 7.669zM5.889 1.668c0.072 0.757-0.337 1.079-1.144 1.672-0.876 0.644-2.152 4.626 0.798 8-2.26 2.996-2.831 6.399-1.658 10.225-3.702-0.461-1.403-8.755-0.622-9.327 0.050-0.14-0.071-0.298-0.207-0.207-1.092 1.434-1.563 3.37-1.589 5.665-1.459-0.653-1.672-5.141 0.76-7.807 0.088-0.199-0.134-0.398-0.276-0.276-0.71 0.868-1.189 1.696-1.451 2.487-0.75-1.209-0.887-2.769 1.244-4.56 0.218-0.183 0.041-0.504-0.207-0.345-0.508 0.372-0.932 0.864-1.313 1.313-0.567-1.31-0.056-2.649 1.796-3.869 0.090-0.059 0.046-0.479-0.207-0.345l-1.105 0.967c-0.824-0.755-0.675-3.42 0.138-3.385 0.293 1.421 1.608 1.347 3.109-0.207h1.934zM12.245 1.668h1.934c1.501 1.554 2.815 1.628 3.109 0.207 0.813-0.034 0.962 2.631 0.138 3.385l-1.105-0.967c-0.254-0.134-0.297 0.286-0.207 0.345 1.852 1.22 2.363 2.559 1.796 3.869-0.38-0.449-0.804-0.941-1.313-1.313-0.249-0.159-0.425 0.163-0.207 0.345 2.131 1.791 1.994 3.351 1.244 4.56-0.261-0.791-0.741-1.619-1.451-2.487-0.143-0.121-0.364 0.077-0.276 0.276 2.432 2.665 2.219 7.154 0.76 7.807-0.026-2.295-0.497-4.231-1.589-5.665-0.136-0.091-0.257 0.068-0.207 0.207 0.781 0.572 3.080 8.865-0.622 9.327 1.173-3.825 0.602-7.229-1.658-10.225 2.95-3.374 1.674-7.356 0.798-8-0.806-0.593-1.215-0.915-1.144-1.672zM7.754 13.067l-0.484-0.484 1.796-2.487 1.796 2.487-0.484 0.484-1.313-1.658-1.313 1.658zM13.005 4.638c0.369 0.678 0.459 1.233 0.415 1.727l-0.622 0.138c-0.151 0.014-0.115 0.309 0.069 0.276l0.622-0.069c0.080 0.568 0.058 1.124-0.138 1.658l-0.553-0.138c-0.116-0.010-0.201 0.222-0.069 0.276l0.553 0.276c-0.172 0.703-0.543 1.208-1.105 1.52l-0.967-1.244c0.544-1.205 0.509-2.222-0.138-3.040l1.934-1.382z"></path>
+</svg>

svg/watermark-cabaretti.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="19" height="32" viewBox="0 0 19 32">
+<title>watermark-cabaretti</title>
+<path fill="#444" d="M5.363 5.020c0.629-0.345 1.267-0.605 2.043-0.715l-0.758 1.856-1.285-1.14zM0.772 17.411l1.731-0.005c1.351 2.537 4.024 4.266 7.097 4.266l0.036-0c3.058-0.013 5.715-1.739 7.061-4.266l1.731 0.005c-0.423 0.986-1.006 1.888-1.717 2.671v4.22l-0.924 0.924v3.058l-3.413 2.062v-3.129l-0.853 0.284v-3.556l-1.92 3.769-1.92-3.769v3.556l-0.853-0.284v3.129l-3.413-2.062v-3.058l-0.924-0.924v-4.22c-0.711-0.784-1.294-1.685-1.717-2.671zM1.159 9.061c0.947-1.743 2.419-3.161 4.203-4.041l-0.023 1.802c-0.997 0.625-1.847 1.463-2.487 2.449l-1.693-0.211zM0.772 17.411c-0.497-1.159-0.772-2.435-0.772-3.775 0-1.656 0.42-3.214 1.159-4.574l1.097 1.31c-0.445 0.998-0.692 2.103-0.692 3.264 0 0.863 0.136 1.695 0.389 2.474l-1.181 1.301zM13.837 5.020l-1.285 1.14-0.758-1.856c0.776 0.11 1.414 0.371 2.043 0.715zM18.041 9.061l-1.693 0.211c-0.64-0.987-1.49-1.824-2.487-2.449l-0.023-1.802c1.784 0.88 3.256 2.298 4.203 4.041zM18.428 17.411l-1.181-1.301c0.252-0.779 0.389-1.611 0.389-2.474 0-1.162-0.247-2.267-0.692-3.264l1.097-1.31c0.739 1.36 1.159 2.919 1.159 4.574 0 1.34-0.275 2.616-0.772 3.775zM3.627 21.149v2.798l0.853 0.853v2.987l1.28 0.924v-3.058l0.853 0.427v-3.319c-1.095-0.359-2.104-0.909-2.987-1.612zM8.462 23.163l1.138 2.39 1.138-2.39h-2.276zM15.573 21.149c-0.882 0.703-1.891 1.253-2.987 1.612v3.319l0.853-0.427v3.058l1.28-0.924v-2.987l0.853-0.853v-2.798zM9.568 19.182c-0.663-0.004-1.239 0.073-1.746 0.214-0.388-1.224-1.121-1.947-2.418-1.849-1.025-1.184-0.335-2.8-0.996-3.769 0.4-0.748 1.718-1.239 3.627-1.564l1.564 1.564 1.564-1.564c1.909 0.325 3.227 0.816 3.627 1.564-0.661 0.969 0.029 2.585-0.996 3.769-1.296-0.098-2.030 0.625-2.418 1.849-0.515-0.143-1.101-0.22-1.778-0.213l-0.032-0zM9.6 17.689l-1.138-0.711 1.138 1.209 1.138-1.209-1.138 0.711zM5.831 14.062c0.345 0.87 1.262 1.348 1.707 1.351 0.427 0.003 0.719-0.261 0.711-0.711-0.006-0.379-0.352-0.674-0.853-0.711-0.38-0.028-0.948 0.458-1.564 0.071zM13.369 14.062c-0.617 0.387-1.184-0.099-1.564-0.071-0.501 0.037-0.847 0.332-0.853 0.711-0.007 0.451 0.284 0.714 0.711 0.711 0.445-0.003 1.362-0.481 1.707-1.351zM4.196 14.56c0.215 0.223 0.256 0.52 0.213 0.853l-0.711 0.711h0.711c-0.009 0.296 0.032 0.56 0.142 0.782h-2.489l2.133-2.347zM15.004 14.56l2.133 2.347h-2.489c0.11-0.222 0.151-0.487 0.142-0.782h0.711l-0.711-0.711c-0.043-0.333-0.001-0.63 0.213-0.853zM9.561 11.717c-3.32 0.133-6.158 1.428-5.436 2.416-3.107-0.204 0.013-2.974 4.764-3.627 0.086-1.842-0.355-3.49-1.422-4.907l2.133-4.48 2.133 4.48c-1.067 1.417-1.508 3.065-1.422 4.907 4.752 0.652 7.871 3.423 4.764 3.627 0.725-0.992-2.139-2.293-5.476-2.418l-0.039 0.002zM9.6 11.929c0.314 0 0.569 0.255 0.569 0.569s-0.255 0.569-0.569 0.569c-0.314 0-0.569-0.255-0.569-0.569s0.255-0.569 0.569-0.569zM5.547 11.004c-0.648 0.238-1.24 0.548-1.778 0.924l-1.493-2.276 3.271 0.498v0.853zM13.653 11.004v-0.853l3.271-0.498-1.493 2.276c-0.538-0.377-1.129-0.686-1.778-0.924zM5.831 6.169c2.98 2.858 2.802 2.074 2.773 4.053-0.873 0.081-1.772 0.286-2.702 0.64l-0.071-4.693zM13.369 6.169l-0.071 4.693c-0.931-0.354-1.83-0.559-2.702-0.64-0.028-1.979-0.206-1.195 2.773-4.053z"></path>
+</svg>

svg/watermark-conspiracy.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="32" viewBox="0 0 24 32">
+<title>watermark-conspiracy</title>
+<path fill="#444" d="M1.759 23.313c-0.457-0.313-0.744-0.686-0.862-1.119-0.253-0.94-0.544-1.668-0.477-2.671 0.029-0.434 0.013-0.82-0.048-1.157-0.208-1.134-0.11-2.2-0.243-3.367-0.105-0.928 0.124-1.819 0.007-2.69-0.272-2.033-0.243-3.637 1.091-5.289 0.852-1.057 1.737-2.286 3.031-2.542 1.057-0.21 2.071-0.277 3.184-0.153 0.685 0.077 1.272-0.069 1.802-0.308 1.265-0.568 2.32-0.329 3.563-0.683 1.587-0.449 5.014-1.169 6.429-0.122 1.656 1.227 2.854 2.37 2.892 4.372 0.019 1.088 0.179 2.141 0.561 3.15 0.255 0.68 0.232 1.394 0.449 2.012 0.783 2.224 0.375 5.074-0.172 7.32-0.217 0.893-0.833 1.427-1.141 2.274-0.456 1.262-0.819 2.308-1.592 3.506-0.518 0.802-0.936 1.826-1.563 2.418-2.086 1.966-4.744 0.795-7.176-0.262-1.652-0.718-3.369-0.766-5.153-0.146-0.077 0.028-0.162 0.027-0.239-0.002-2.224-0.826-2.425-3.22-4.344-4.542zM11.463 5.060c-3.51 0.225-5.995 0.616-7.379 1.907-2.769 2.583-3.111 5.666-3.111 9.151 0 2.516 0.535 4.797 1.975 6.639 1.814 2.322 4.005 4.279 8.838 4.334 1.658 0.019 3.238 0.023 4.497-0.494 3.605-1.483 6.693-5.995 6.489-10.744-0.231-5.381-1.182-5.756-4.128-8.63-1.118-1.090-0.95-1.997-2.272-2.486-1.396-0.516-3.404 0.225-4.91 0.322zM12.095 6.273c5.434 0 9.846 4.412 9.846 9.846s-4.412 9.846-9.846 9.846c-5.434 0-9.846-4.412-9.846-9.846s4.412-9.846 9.846-9.846zM12.095 7.872c-4.552 0-8.247 3.695-8.247 8.247s3.695 8.247 8.247 8.247c4.552 0 8.247-3.695 8.247-8.247s-3.695-8.247-8.247-8.247zM8.362 16.264c0.044 0.287 0.31 0.349 0.452 0.336 0.127-0.011 0.346-0.117 0.346-0.406v-2.57c0-0.301 0.244-0.545 0.545-0.545h1.089c0.301 0 0.545 0.244 0.545 0.545v2.455c0.028 0.264 0.164 0.479 0.568 0.478 0.299-0 0.53-0.087 0.568-0.475l0.24-2.482c0.028-0.287 0.284-0.52 0.571-0.52h1.041c0.287 0 0.498 0.233 0.47 0.52l-0.25 2.58c-0.004 0.16-0.018 0.387 0.277 0.406 0.352 0.023 0.377-0.2 0.417-0.354l0.445-2.262c0.052-0.265 0.31-0.48 0.575-0.48h0.961c0.265 0 0.438 0.215 0.386 0.48l-0.591 3.001c-0.052 0.265-0.31 0.48-0.575 0.48h-9.226c-0.261 0-0.52-0.212-0.58-0.472l-0.627-2.754c-0.059-0.261 0.104-0.472 0.364-0.472h0.944c0.261 0 0.52 0.211 0.58 0.472l0.464 2.038zM16.838 11.521c0.43 0 0.78 0.349 0.78 0.78s-0.349 0.78-0.78 0.78c-0.43 0-0.78-0.349-0.78-0.78s0.349-0.78 0.78-0.78zM16.838 18.504v1.595c0 0.23-0.187 0.417-0.417 0.417h-9.239c-0.23 0-0.417-0.187-0.417-0.417v-1.595c0-0.23 0.187-0.417 0.417-0.417h9.239c0.23 0 0.417 0.187 0.417 0.417zM10.256 10.956c0.43 0 0.78 0.349 0.78 0.78s-0.349 0.78-0.78 0.78c-0.43 0-0.78-0.349-0.78-0.78s0.349-0.78 0.78-0.78zM6.935 11.736c0.43 0 0.78 0.349 0.78 0.78s-0.349 0.78-0.78 0.78-0.78-0.349-0.78-0.78c0-0.43 0.349-0.78 0.78-0.78zM13.675 10.956c0.43 0 0.78 0.349 0.78 0.78s-0.349 0.78-0.78 0.78c-0.43 0-0.78-0.349-0.78-0.78s0.349-0.78 0.78-0.78z"></path>
+</svg>

svg/watermark-crossbreedlabs.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="25" height="32" viewBox="0 0 25 32">
+<title>watermark-crossbreedlabs</title>
+<path fill="#444" d="M5.236 6.811c0.107-0.003 0.217 0.048 0.282 0.138l0.426 0.593c0.104 0.145 0.082 0.364-0.066 0.476l-0.648 0.488 5.706 6.954c-0.066-0.080 0.055 0.011 0.188 0.011s0.255-0.093 0.188-0.011l5.612-6.887-0.742-0.56c-0.148-0.112-0.165-0.326-0.061-0.471l0.426-0.593c0.105-0.145 0.311-0.19 0.459-0.078l4.921 3.723c0.148 0.112 0.176 0.331 0.072 0.477l-0.426 0.587c-0.105 0.145-0.317 0.19-0.465 0.078l-0.62-0.471-5.363 6.92 4.24 6.183c0.577 0.841 0.408 1.897-0.044 2.704s-1.188 1.468-2.042 1.468h-12.631c-0.924 0-1.7-0.71-2.131-1.579s-0.53-1.987 0.1-2.876l4.323-6.095-5.286-6.782-0.703 0.526c-0.148 0.112-0.355 0.073-0.459-0.072l-0.426-0.598c-0.104-0.146-0.087-0.359 0.061-0.471l4.926-3.723c0.056-0.042 0.119-0.059 0.183-0.061zM16.821 7.176l-0.404 0.571 4.882 3.69 0.41-0.565-4.887-3.696zM5.242 7.176l-4.882 3.69 0.404 0.571 4.887-3.696-0.41-0.565zM19.059 11.813l0.795-1.025-2.363-1.79-5.629 6.909c-0.222 0.272-0.486 0.271-0.736 0.271s-0.514-0.001-0.736-0.271l-5.723-6.976-2.374 1.795 5.463 7.009c0 0 0.114 0.153 0.116 0.233s-0.105 0.244-0.105 0.244l-4.494 6.339c-0.422 0.596-0.371 1.385-0.039 2.056s0.934 1.136 1.417 1.136h12.631c0.388 0 0.994-0.432 1.345-1.058s0.444-1.344 0.089-1.862l-4.406-6.427c0 0-0.1-0.117-0.1-0.233s0.111-0.238 0.111-0.238l4.195-5.409c-0.149 0.079-0.319 0.124-0.498 0.124-0.588 0-1.072-0.485-1.072-1.074s0.484-1.073 1.072-1.073c0.588 0 1.072 0.485 1.072 1.073 0 0.085-0.010 0.167-0.029 0.246zM9.603 18.208c0.484-0.005 0.538 0.497 1.029 0.51s0.363-0.294 0.819-0.299c0.457-0.005 0.545 0.409 1.079 0.438s0.584-0.289 0.985-0.271l4.24 6.194c0.745 1.086-0.148 2.322-1.041 2.322h-11.402c-0.967 0-1.873-1.302-1.218-2.227l4.605-6.494c0.115-0.163 0.419-0.167 0.902-0.172zM11.867 24.397c-0.442 0.045-0.786 0.421-0.786 0.875 0 0.485 0.39 0.875 0.874 0.875s0.875-0.391 0.875-0.875c0-0.485-0.39-0.875-0.875-0.875-0.030 0-0.059-0.003-0.089 0zM10.5 19.881c-0.722 0-1.306 0.585-1.306 1.308s0.584 1.308 1.306 1.308c0.722 0 1.306-0.585 1.306-1.308s-0.584-1.308-1.306-1.308zM7.987 23.172c-0.484 0-0.875 0.391-0.875 0.875s0.39 0.881 0.875 0.881c0.484 0 0.88-0.396 0.88-0.881s-0.396-0.875-0.88-0.875zM15.080 16.206c0 0.589-0.484 1.074-1.072 1.074s-1.072-0.485-1.072-1.074c0-0.589 0.484-1.073 1.072-1.073s1.072 0.485 1.072 1.073zM15.659 13.675c0 0.318-0.261 0.58-0.579 0.58s-0.579-0.262-0.579-0.58c0-0.318 0.262-0.58 0.579-0.58s0.579 0.262 0.579 0.58zM20.434 6.575v0.001c0 0.567-0.467 1.034-1.033 1.034s-1.033-0.467-1.033-1.034v-0.001c0-0.567 0.467-1.034 1.033-1.034s1.033 0.467 1.033 1.034zM24.489 2.681c0 0.443-0.364 0.807-0.806 0.807s-0.806-0.364-0.806-0.807c0-0.443 0.364-0.807 0.806-0.807s0.806 0.364 0.806 0.807zM24.802 6.363v0.002c0 0.899-0.739 1.638-1.636 1.638s-1.636-0.739-1.636-1.638v-0.002c0-0.898 0.738-1.638 1.636-1.638s1.636 0.739 1.636 1.638z"></path>
+</svg>

svg/watermark-cutiemark-apples.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="29" height="32" viewBox="0 0 29 32">
+<title>watermark-cutiemark-apples</title>
+<path fill="#444" d="M14.229 2.197h0.024c0.041 0.967 0.024 3.006-1.145 3.411-0.4 0.138-0.921 0.057-1.328-0.098-0.010-0.004-0.015-0.011-0.014-0.021 0.025-1.428 0.506-2.874 2.085-3.219 0.153-0.033 0.279-0.057 0.378-0.072zM11.609 6.028c-0.598-0.679-1.219-1.287-1.865-1.826-0.237-0.197-0.513-0.368-0.828-0.511-0.011-0.005-0.016-0.014-0.013-0.026 0.111-0.51 0.531-0.97 1.055-1.072 0.011-0.002 0.022-0 0.031 0.005 0.873 0.491 1.207 1.345 1.4 2.281 0.081 0.394 0.169 0.787 0.26 1.179 0.002 0.009-0.001 0.011-0.009 0.008s-0.014-0.009-0.018-0.017c-0.006-0.011-0.010-0.018-0.013-0.021zM11.961 7.383c0.93-0.972 1.948-1.923 3.235-2.393 2.242-0.819 3.623 0.954 3.916 2.929 0.494 3.324-1.484 6.667-5.252 6.117-0.019-0.003-0.047 0.001-0.082 0.011-0.513 0.148-1.021 0.241-1.526 0.279-2.986 0.224-5.060-1.955-5.351-4.796-0.084-0.828 0.002-1.683 0.376-2.418 0.44-0.864 1.281-1.279 2.242-1.063 0.908 0.203 1.72 0.739 2.415 1.336 0.009 0.008 0.018 0.007 0.026-0.001zM22.318 14.802c-0.007-0.003-0.010-0.011-0.008-0.018 0.163-0.43 0.427-0.768 0.92-0.781 0.052-0.001 0.103 0.012 0.151 0.039 1.367 0.779 0.998 3.102 0.811 4.346-0.001 0.004-0.004 0.007-0.008 0.007s-0.007-0.002-0.008-0.006c-0.257-0.756-0.547-1.5-0.87-2.232-0.187-0.423-0.527-1.178-0.989-1.357zM24.679 17.819c-0.017-0.001-0.034-0.002-0.052-0.003-0.008 0-0.011-0.004-0.009-0.012 0.503-1.667 1.472-2.823 3.281-3.031 0.010-0.001 0.015 0.004 0.015 0.014-0.038 1.306-0.464 2.631-1.91 2.946-0.437 0.095-0.879 0.124-1.326 0.086zM5.571 15.231c0.771-0.074 1.385 0.007 1.766 0.763 0.005 0.010 0.003 0.018-0.006 0.024-0.331 0.24-0.48 1.037-0.557 1.426-0.228 1.158-0.381 2.336-0.546 3.502-0.001 0.003-0.004 0.006-0.007 0.006s-0.006-0.002-0.007-0.005c-0.549-1.848-0.803-3.749-0.675-5.683 0.001-0.020 0.012-0.032 0.033-0.034zM29.333 20.019v0.293c-0.123 1.957-1.344 3.962-2.773 5.255-1.243 1.125-2.966 1.829-4.565 0.914-0.089-0.051-0.177-0.104-0.264-0.159-0.010-0.006-0.020-0.008-0.031-0.007-2.295 0.213-3.55-1.527-3.823-3.581-0.16-1.202-0.058-2.386 0.306-3.551 0.304-0.974 0.902-2.099 1.872-2.553 1.615-0.755 3.197 1.044 3.982 2.212 0.006 0.008 0.017 0.012 0.026 0.008 0.938-0.41 1.94-0.748 2.967-0.809 1.343-0.080 2.246 0.606 2.304 1.978zM4.102 20.396c-0.926-0.798-0.815-1.882-0.288-2.872 0.005-0.009 0.016-0.013 0.025-0.008 1.437 0.72 1.857 2.434 2.128 3.875 0.002 0.010-0.002 0.013-0.011 0.009-0.652-0.238-1.325-0.548-1.854-1.004zM4.944 29.803h-0.285c-2.53-0.15-4.206-2.668-4.594-4.938-0.025-0.145-0.046-0.352-0.065-0.622v-0.366c0.077-1.723 1.12-2.808 2.917-2.692 1.236 0.080 2.465 0.555 3.55 1.124 0.013 0.007 0.029 0.003 0.038-0.008 0.842-1.088 2.607-3.008 4.158-2.687 1.314 0.272 1.781 1.952 1.867 3.078 0.201 2.628-1.033 6.407-4.325 6.287-0.276-0.010-0.528-0.041-0.755-0.093-0.010-0.002-0.020-0.001-0.028 0.006-0.734 0.519-1.573 0.862-2.478 0.911z"></path>
+</svg>

svg/watermark-cutiemark-balloons.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="19" height="32" viewBox="0 0 19 32">
+<title>watermark-cutiemark-balloons</title>
+<path fill="#444" d="M8.187 10.773l-1.097-0.080c-0.010-0.001-0.014-0.006-0.010-0.015l0.555-1.566c0.003-0.008 0.002-0.017-0.003-0.023-0.494-0.706-0.931-1.444-1.31-2.215-0.475-0.966-0.834-2.026-0.881-3.102-0.074-1.682 0.912-3.088 2.674-3.188h0.341c1.311 0.087 2.42 0.907 2.815 2.171 0.675 2.16-0.795 4.678-2.068 6.315-0.005 0.006-0.006 0.014-0.005 0.022l0.439 1.765c0 0.001 0 0.003 0 0.004 0 0.009-0.007 0.016-0.016 0.016-0 0-0.001 0-0.001-0l-1.176-0.083c-0.221 0.69-0.387 1.393-0.424 2.116-0.074 1.459 0.506 2.601 1.587 3.542 0.217 0.189 0.526 0.401 0.73 0.605 1.204 1.204 1.556 3.38-0.116 4.408-0.457 0.281-0.911 0.439-1.434 0.225-0.922-0.378-1.319-1.819-0.555-2.534 0.282-0.264 0.678-0.394 1.068-0.405 0.19-0.005 0.187 0.23-0.026 0.247-0.813 0.066-1.329 0.609-1.159 1.445 0.1 0.492 0.465 0.989 0.991 1.077 0.58 0.096 1.243-0.377 1.582-0.809 0.8-1.019 0.358-2.519-0.442-3.384-0.2-0.216-0.481-0.424-0.729-0.625-1.045-0.846-1.705-1.988-1.752-3.353-0.030-0.874 0.147-1.744 0.421-2.576zM14.159 19.484c-0.389 0.958-0.639 1.948-0.751 2.969-0.121 1.103-0.023 2.232 0.495 3.23 0.048 0.093 0.141 0.245 0.279 0.458 0.639 0.982 1.472 2.425 1.181 3.638-0.174 0.721-0.757 1.222-1.412 1.5-0.189 0.080-0.388 0.127-0.597 0.138h-0.127c-1.622-0.104-2.746-2.375-1.296-3.501 0.147-0.114 0.314 0.073 0.132 0.217-1.085 0.859-0.403 2.481 0.685 2.923 0.641 0.261 1.296-0.006 1.795-0.436 0.636-0.548 0.738-1.284 0.525-2.067-0.205-0.756-0.578-1.466-0.996-2.109-0.194-0.298-0.38-0.588-0.517-0.895-0.835-1.865-0.393-4.267 0.349-6.107l-1.137-0.2c-0.001-0-0.001-0-0.002-0-0.005-0.002-0.007-0.007-0.005-0.012 0-0.001 0.001-0.001 0.001-0.002l1.1-1.641c0.006-0.009 0.007-0.019 0.003-0.029-0.436-1.147-0.76-2.351-0.863-3.569-0.049-0.571-0.021-1.138 0.084-1.7 0.246-1.328 1.123-2.43 2.549-2.516 1.636-0.099 2.976 1.184 3.033 2.786v0.167c-0.033 0.827-0.322 1.604-0.754 2.306-0.676 1.1-1.624 2.057-2.629 2.854-0.018 0.015-0.028 0.037-0.026 0.061l0.165 1.747c0.001 0.010-0.004 0.014-0.013 0.012l-1.25-0.221zM5.327 20.517l-1.144 0.556c-0.001 0-0.002 0.001-0.003 0.001-0.004 0-0.008-0.004-0.008-0.008-0.018-0.634-0.035-1.269-0.051-1.904-0.001-0.025-0.011-0.044-0.031-0.058-0.718-0.493-1.379-1.030-1.982-1.611-1.048-1.010-1.989-2.32-2.107-3.816v-0.363c0.079-1.361 1.077-2.514 2.461-2.665 1.645-0.18 2.71 1.068 3.1 2.539 0.452 1.701 0.152 3.592-0.237 5.292-0.002 0.010 0 0.018 0.007 0.026l1.274 1.379c0.002 0.002 0.002 0.004 0.002 0.006 0 0.003-0.002 0.007-0.005 0.008l-1.041 0.504c0.317 1.25 0.346 2.558-0.162 3.765-0.112 0.266-0.301 0.611-0.436 0.893-0.75 1.56-1.214 3.844 0.73 4.821 0.195 0.098 0.387 0.17 0.576 0.216 1.401 0.338 2.352-1.040 2.649-2.197 0.152-0.593 0.072-1.148-0.182-1.714-0.21-0.469-0.661-0.967-1.209-0.942-0.457 0.021-0.784 0.337-1.076 0.654-0.086 0.093-0.269-0.048-0.172-0.179 0.144-0.197 0.43-0.441 0.67-0.568 0.825-0.434 1.57 0.070 1.954 0.8 0.332 0.632 0.438 1.315 0.265 2.003-0.388 1.54-1.694 3.019-3.449 2.222-2.189-0.994-1.847-3.386-1.020-5.152 0.157-0.334 0.37-0.706 0.496-1.026 0.438-1.12 0.429-2.316 0.132-3.48z"></path>
+</svg>

svg/watermark-cutiemark-rainbow.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="28" height="32" viewBox="0 0 28 32">
+<title>watermark-cutiemark-rainbow</title>
+<path fill="#444" d="M2.239 12.606c-0.756-0.276-1.416-0.698-1.774-1.45l-0.079-0.167c-0.019-0.049-0.039-0.097-0.059-0.146-0.574-1.379-0.401-2.883 0.599-4.015 0.238-0.269 0.531-0.485 0.846-0.667 0.549-0.316 1.131-0.51 1.747-0.583 0.005-0.001 0.008-0.003 0.009-0.009 0.029-0.199 0.092-0.397 0.188-0.593 0.458-0.927 1.115-1.708 2.053-2.18l0.080-0.038c0.894-0.398 1.902-0.457 2.834-0.146 1.128 0.376 1.763 1.4 2.043 2.504 0.009 0.068 0.021 0.135 0.034 0.202 0.039 0.193 0.060 0.38 0.078 0.573 0.001 0.006 0.004 0.009 0.010 0.007 0.004-0.001 0.008-0.004 0.012-0.008 0.023-0.002 0.048-0.025 0.067-0.034 0.415-0.208 0.893-0.294 1.357-0.315 0.912-0.041 1.828 0.13 2.646 0.549 0.71 0.363 1.329 0.867 1.79 1.513 0.57 0.798 0.803 1.746 0.765 2.722-0.004 0.107-0.017 0.219-0.037 0.334-0.296 1.658-1.134 3.253-3.018 3.429-0.897 0.084-1.783-0.182-2.573-0.604-0.008-0.004-0.012-0.002-0.012 0.007-0.006 0.252-0.002 0.496 0.012 0.734 0.063 1.109 0.24 2.22 0.492 3.302 0.035 0.152 0.079 0.308 0.129 0.468 0.009 0.028 0.016 0.027 0.023-0.001 0.25-1.071 0.514-2.138 0.792-3.202 0-0.001 0.001-0.002 0.002-0.002s0.004-0 0.005 0.002c0 0 0 0 0 0.001 0.605 1.971 1.712 3.749 3.005 5.339 1.759 2.164 3.871 4.067 6.084 5.769 1.683 1.295 3.442 2.496 5.278 3.604-0.017 0.005-0.035 0.002-0.055-0.008-1.023-0.523-1.93-1.003-2.877-1.546-1.105-0.633-2.185-1.306-3.24-2.019-1.779-1.202-3.475-2.528-5.007-4.035-1.258-1.238-2.386-2.617-3.216-4.181-0.002-0.003-0.005-0.004-0.008-0.003-0.002 0.001-0.003 0.002-0.003 0.004l-0.781 3.301c-0.002 0.010-0.007 0.011-0.013 0.003-0.017-0.020-0.033-0.042-0.050-0.067-0.172-0.25-0.34-0.504-0.502-0.761-0.93-1.467-1.784-2.994-2.506-4.574-0.006-0.013-0.014-0.015-0.026-0.007-1.037 0.719-2.037-0.023-2.642-0.875-0.522-0.735-0.9-1.66-0.897-2.573 0-0.001-0-0.002-0.001-0.003-0.002-0.003-0.006-0.005-0.009-0.003-0.308 0.158-0.627 0.29-0.959 0.396-0.007 0.002-0.011 0.006-0.010 0.010 0.002 0.004 0.004 0.007 0.006 0.009s0.005 0.005 0.006 0.009c0.633 1.986 1.566 3.866 2.67 5.63 1.39 2.221 2.975 4.277 4.754 6.175 0.097 0.104 0.196 0.206 0.298 0.307 0.001 0.001 0.001 0.001 0.002 0.001 0.004 0.002 0.008 0.001 0.010-0.003 0-0.001 0.001-0.001 0.001-0.002 0.025-0.129 0.047-0.26 0.068-0.392 0.215-1.393 0.381-2.792 0.548-4.195 0.002-0.020 0.009-0.022 0.020-0.005 1.055 1.628 2.509 2.986 4.059 4.136 1.155 0.857 2.375 1.618 3.636 2.309 2.168 1.189 4.443 2.189 6.771 3.019 0.005 0.002 0.009 0.005 0.012 0.010s0.006 0.009 0.011 0.013c-0.050 0.001-0.106-0.023-0.138-0.030-1.512-0.34-2.999-0.767-4.461-1.281-2.030-0.714-3.999-1.626-5.806-2.798-0.879-0.57-1.718-1.213-2.469-1.944-0.307-0.299-0.606-0.619-0.854-0.968-0.001-0.001-0.001-0.002-0.002-0.002-0.004-0.002-0.009-0.001-0.011 0.002-0.001 0.001-0.001 0.002-0.001 0.003-0.187 0.963-0.188 2.020-0.161 2.948 0.025 0.877 0.078 1.656 0.137 2.59 0.001 0.021 0.002 0.040 0.002 0.056-0 0.004-0.002 0.007-0.006 0.009s-0.007 0.001-0.010-0.001c-2.391-1.626-4.497-3.558-6.318-5.794-1.824-2.24-3.317-4.698-4.478-7.374-0.347-0.8-0.653-1.598-0.917-2.395z"></path>
+</svg>

svg/watermark-cutiemark-waningmoon.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="26" height="32" viewBox="0 0 26 32">
+<title>watermark-cutiemark-waningmoon</title>
+<path fill="#444" d="M13.003 2.854c-3.188 0-6.258 1.162-8.632 3.268-2.813 2.495-4.406 6.097-4.37 9.878 0.070 7.212 6.055 13.146 13.258 13.146 5.616-0.006 10.599-3.618 12.341-8.946-1.373 0.683-2.893 1.039-4.434 1.039-5.355 0-9.761-4.297-9.761-9.518 0 0 0 0 0 0 0.004-3.493 1.979-6.713 5.132-8.37-1.152-0.326-2.341-0.493-3.534-0.497z"></path>
+</svg>

svg/watermark-cutiemark-waxingmoon.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="26" height="32" viewBox="0 0 26 32">
+<title>watermark-cutiemark-waxingmoon</title>
+<path fill="#444" d="M12.597 2.854c3.188 0 6.258 1.162 8.632 3.268 2.813 2.495 4.406 6.097 4.37 9.878-0.070 7.212-6.055 13.146-13.258 13.146-5.616-0.006-10.599-3.618-12.341-8.946 1.373 0.683 2.893 1.039 4.434 1.039 5.355 0 9.761-4.297 9.761-9.518 0 0 0 0 0 0-0.004-3.493-1.979-6.713-5.132-8.37 1.152-0.326 2.341-0.493 3.534-0.497z"></path>
+</svg>

svg/watermark-dci.svg

@@ -0,0 +1,7 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>watermark-dci</title>
+<path fill="#444" d="M32 16.521v0.624c-0.191 1.325-1.561 2.442-2.645 3.041-2.808 1.552-7.060 2.213-9.278 2.357-1.289 0.084-2.602 0.093-4.047 0-3.452-0.221-6.129-0.769-8.903-2.141-0.010-0.005-0.017-0.011-0.021-0.019-0.003-0.005-0.005-0.011-0.006-0.018-0-0.001-0-0.001-0-0.002 0-0.006 0.005-0.012 0.011-0.012 0.001 0 0.002 0 0.004 0.001 1.273 0.431 2.079 0.693 2.418 0.788 1.113 0.312 2.383 0.529 3.811 0.651 3.496 0.3 6.949 0.046 10.359-0.763 1.26-0.299 2.462-0.698 3.607-1.197 1.756-0.765 5.045-2.778 3.23-5.112-0.239-0.307-0.512-0.563-0.819-0.769-1.854-1.245-4.336-1.766-6.457-1.983-2.944-0.301-5.875-0.208-8.793 0.279-2.27 0.379-4.573 1.037-6.621 2.105-0.003 0.002-0.005 0.004-0.006 0.006-0.004 0.008-0.001 0.018 0.006 0.022 0.003 0.001 0.006 0.002 0.009 0.002 1.041-0.119 2.073-0.287 3.098-0.504 0.009-0.002 0.014 0.001 0.012 0.007-0.001 0.005-0.004 0.007-0.009 0.009-1.488 0.453-2.969 0.918-4.444 1.395-0.002 0.001-0.004 0.002-0.006 0.003-0.010 0.007-0.013 0.021-0.007 0.030 0.001 0.002 0.003 0.003 0.004 0.005 0.921 0.793 1.872 1.548 2.854 2.264 0.017 0.012 0.027 0.008 0.032-0.012l0.724-3.209c0.005-0.023 0.025-0.039 0.049-0.039 1.447-0.001 2.901-0.002 4.362-0.002 0.86 0.001 1.846 0.269 2.037 1.25 0.131 0.67-0.077 1.543-0.366 2.145-0.651 1.363-1.801 1.661-3.207 1.666-1.325 0.004-2.649 0.004-3.974 0-0.024 0-0.033-0.012-0.028-0.035l0.364-1.612c0.010-0.043-0.004-0.077-0.041-0.1-1.038-0.647-2.118-1.215-3.239-1.705-0.005-0.002-0.009-0.003-0.014-0.003-0.020 0-0.036 0.016-0.036 0.036 0 0.001 0 0.002 0 0.004 0.162 1.638 0.379 3.269 0.65 4.893 0 0 0 0.001 0 0.001 0 0.005-0.004 0.009-0.009 0.009-0 0-0.001 0-0.001 0-0.009-0-0.014-0.003-0.016-0.008-0.398-1.598-0.786-3.18-1.316-4.742-0.004-0.012-0.015-0.019-0.027-0.019-0.009 0-0.018 0.004-0.023 0.012-0.866 1.169-1.707 2.36-2.524 3.573-0.005 0.009-0.013 0.014-0.024 0.016-0.001 0-0.002 0-0.003 0-0.007 0-0.014-0.006-0.014-0.014 0-0.002 0.001-0.004 0.002-0.006 0.702-1.302 1.359-2.628 1.957-3.973 0.019-0.041 0.005-0.060-0.039-0.056-1.576 0.129-3.1 0.351-4.572 0.666-0.020 0.004-0.041 0.004-0.062-0.001-0.004-0-0.004-0.001 0-0.003l4.496-1.377c0.037-0.011 0.040-0.029 0.011-0.053-1.126-0.935-2.286-1.832-3.481-2.691-0.006-0.005-0.009-0.009-0.008-0.015 0.001-0.008 0.005-0.010 0.012-0.006 1.24 0.766 2.521 1.455 3.844 2.067 0.039 0.018 0.057 0.006 0.053-0.037-0.139-1.554-0.331-3.088-0.575-4.604-0.012-0.072-0.018-0.143-0.019-0.213-0-0-0-0.001-0-0.001 0-0.003 0.002-0.005 0.005-0.005s0.005 0.002 0.005 0.004c0.022 0.079 0.017 0.172 0.035 0.24 0.386 1.487 0.808 2.964 1.264 4.43 0.007 0.021 0.017 0.022 0.030 0.003l2.578-3.642c0.003-0.003 0.007-0.005 0.011-0.005 0.008 0 0.015 0.007 0.015 0.015 0 0.002-0 0.004-0.001 0.006-0.593 1.009-1.132 2.046-1.618 3.111-0.001 0.002-0.002 0.005-0.002 0.007 0 0.009 0.007 0.016 0.016 0.016 0.003 0 0.006-0.001 0.008-0.002 1.751-0.975 3.699-1.557 5.662-1.908 4.551-0.815 9.421-0.7 13.88 0.572 2.166 0.617 5.161 1.859 5.775 4.284zM14.228 17.010c0.16-0.576 0.142-1.289-0.637-1.371-0.468-0.049-0.997-0.057-1.586-0.023-0.024 0.001-0.038 0.014-0.043 0.037l-0.547 2.42c-0.005 0.022 0.004 0.033 0.026 0.033 1.144 0.011 2.422 0.213 2.786-1.096z"></path>
+<path fill="#444" d="M17.574 15.398c0.986-1.204 2.869-1.105 4.335-1.061 1.216 0.036 2.498 0.416 2.303 1.946-0.002 0.021-0.014 0.031-0.035 0.031h-2.332c-0.026 0-0.039-0.013-0.038-0.039 0.009-0.335-0.131-0.537-0.422-0.605-0.671-0.157-1.564-0.082-1.995 0.547-0.218 0.319-0.452 1.136-0.216 1.51 0.208 0.328 0.749 0.316 1.096 0.307 0.606-0.013 1.050-0.058 1.386-0.593 0.012-0.018 0.029-0.028 0.051-0.028h2.219c0.033 0 0.043 0.015 0.030 0.045-0.444 1.025-1.153 1.74-2.307 1.847-0.864 0.081-1.767 0.101-2.708 0.062-1.082-0.046-2.163-0.423-2.165-1.716-0.001-0.851 0.265-1.603 0.798-2.255z"></path>
+<path fill="#444" d="M25.024 14.316h2.087c0.012 0 0.022 0.010 0.022 0.022 0 0.002-0 0.003-0.001 0.005l-1.128 5.016c-0.002 0.010-0.011 0.018-0.022 0.018l-2.093 0.007c-0.012-0-0.022-0.010-0.022-0.022 0-0.002 0-0.003 0.001-0.005l1.134-5.024c0.002-0.010 0.011-0.018 0.022-0.018z"></path>
+</svg>

svg/watermark-desparked.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="32" viewBox="0 0 20 32">
+<title>watermark-desparked</title>
+<path fill="#444" d="M10.067-0c-0.085 0-0.17 0.029-0.172 0.086-0.23 8.17-1.558 13.049-1.558 13.049l-1.392 0.136c0 0-0.852-1.738-1.307-9.709-0.008-0.148-0.437-0.148-0.446 0-0.481 7.981-1.592 10.516-1.592 10.516l-1.295 0.352c0 0-0.756-0.958-1.303-6.611-0.013-0.135-0.398-0.136-0.407 0-0.375 5.621-0.594 8.859-0.594 8.859s8.774 2.759 9.895 15.155c0.020 0.225 0.326 0.224 0.344 0 0.97-12.377 9.921-15.155 9.921-15.155s-0.291-3.306-0.675-8.859c-0.009-0.124-0.362-0.124-0.374 0-0.494 5.458-1.401 6.611-1.401 6.611l-1.146-0.352c0 0-1.119-2.017-1.681-10.516-0.009-0.134-0.395-0.134-0.403 0-0.53 8.426-1.354 9.709-1.354 9.709l-1.312-0.136c0 0-1.352-4.88-1.575-13.049-0.002-0.057-0.087-0.086-0.172-0.086zM10.093 11.084l0.485 3.601-1.609 1.993 6.64-1.153-5.25 4.69c0.802 0.332 1.55 0.687 2.356 1.011l-2.233 2.749-0.389 3.277-0.656-3.613 1.345-1.812-3.782-1.056 4.407-3.313-5.919 1.248 4.178-4.525 0.428-3.097z"></path>
+</svg>

svg/watermark-flavor-aestheticconsultation.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>watermark-flavor-aestheticconsultation</title>
+<path fill="#444" d="M23.879 11.202c1.061-0.167 0.601-0.113 1.378-0.187 2.346-0.176 3.425 0.334 6.004-1.083 0.066-0.028 0.323-0.358 0.4-0.303 0.091 0.065-0.103 0.552-0.11 0.624-0.046 0.482-0.255 0.945-0.449 1.382 0.332-0.198 0.171-0.095 0.483-0.308 0.046-0.030 0.364-0.284 0.402-0.215 0.088 0.162-0.313 0.717-0.374 0.841-0.401 0.816-0.864 1.113-1.698 1.485-2.511 1.938-4.558 2.908-7.207 3.261-0.382 0.051-1.012-0.002-1.301-0.486-0.343-0.024-3.19 1.163-4.027 1.309-0.525 0.092-0.826-0.413-0.826-0.413l-14.928 5.072c-0.444 0.187-1.4 0.456-1.605-0.374-0.217-0.881 1.369-1.269 1.369-1.269l14.667-4.985c-0.078-0.205-0.043-0.547 0.225-0.76 1.060-0.839 4.271-1.512 4.276-1.569 0.019-0.218 0.32-0.586 0.344-0.616 0.667-0.814 2.070-1.183 2.977-1.406zM24.191 11.947c-1.070 0.257-2.174 0.617-2.38 1.56-0.047 0.217-0.016 0.448 0.357 0.444 1.067-0.010 1.671-0.741 2.684-1.057 1.501-0.71 2.368-0.59 3.476-1.075-1.062-0.073-2.178-0.16-3.239-0.029-0.302 0.037-0.599 0.105-0.898 0.158zM20.12 14.020c-0.736 0.198-2.663 0.679-2.979 1.17-0.242 0.377 0.109 0.846 0.463 0.768 0.149-0.033 2.986-0.959 3.082-1.165 0.319-0.686-0.474-0.789-0.566-0.773z"></path>
+</svg>

svg/watermark-flavor-farewelltoarms.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="17" height="32" viewBox="0 0 17 32">
+<title>watermark-flavor-farewelltoarms</title>
+<path fill="#444" d="M0.963 8.517c-0.365 0.018-0.839-0.023-0.939 1.076-0.115 1.269 0.214 3.525 0.271 4.715 0.039 0.807 0.072 1.855 0.073 2.424 0.001 0.331-0.017 0.951 0.022 1.28 0.056 0.478 0.174 0.962 0.315 1.586 0.181 0.804 0.495 2.153 0.686 2.951 0.147 0.614 0.222 1.077 0.356 1.489 0.075 0.23 0.379 0.755 0.447 0.987 0.097 0.335 0.203 0.907 0.241 1.369 0.059 0.707 0.112 2.871 0.112 2.871l7.433 0.099c0 0 0.195-1.819 0.645-2.584 0.505-0.858 1.736-1.744 2.383-2.565 0.576-0.731 1.094-1.585 1.497-2.358 0.378-0.725 0.605-1.52 0.918-2.276 0.358-0.866 0.997-2.342 1.23-2.922 0.073-0.181 0.175-0.364 0.172-0.559-0.007-0.345-0.22-1.011-0.212-1.511s0.113-0.871 0.189-1.219c0.045-0.206 0.279-0.658 0.266-0.868-0.028-0.441-0.397-0.703-0.665-0.784s-0.714 0.061-0.943 0.298c-0.378 0.392-1.089 1.375-1.325 2.056-0.221 0.639-0.149 1.33-0.306 1.777-0.118 0.338-0.45 0.654-0.632 0.909-0.175 0.246-0.159 0.67-0.245 0.873-0.057 0.134-0.144 0.329-0.272 0.342s-0.45-0.082-0.498-0.264c-0.139-0.528-0.268-1.94-0.337-2.904-0.069-0.957-0.065-1.918-0.080-2.878-0.016-0.996 0.032-2.066-0.017-3.097-0.053-1.101-0.192-2.674-0.298-3.512-0.065-0.515-0.167-1.224-0.34-1.519-0.125-0.214-0.453-0.271-0.699-0.251-0.742 0.063-0.89 0.584-0.989 0.964-0.127 0.487-0.081 1.205-0.116 1.845-0.036 0.664-0.098 1.559-0.128 2.248-0.046 1.064-0.057 3.365-0.15 4.139-0.018 0.146-0.191 0.34-0.303 0.322s-0.345-0.243-0.369-0.431c-0.086-0.671-0.125-2.434-0.228-3.629-0.107-1.24-0.275-2.36-0.413-3.398-0.112-0.843-0.268-2.19-0.572-2.613-0.181-0.252-0.69-0.424-0.952-0.342s-0.636 0.229-0.748 0.653c-0.134 0.504-0.213 1.644-0.169 2.411 0.092 1.601 0.43 6.008 0.486 7.306 0.007 0.168-0.071 0.467-0.15 0.481s-0.302-0.229-0.325-0.399c-0.094-0.695-0.258-2.608-0.361-3.864-0.141-1.717-0.387-2.771-0.563-3.508-0.175-0.729-0.667-0.693-0.857-0.676s-0.707 0.326-0.77 0.553c-0.149 0.538-0.079 1.728-0.124 2.673-0.048 0.996 0.029 1.956 0.099 2.999 0.070 1.039 0.282 2.687 0.324 3.258 0.009 0.119-0.083 0.317-0.142 0.329s-0.191-0.146-0.211-0.255c-0.175-0.937-0.548-4.362-0.84-5.37-0.105-0.362-0.566-0.746-0.874-0.731z"></path>
+</svg>

svg/watermark-flavor-monkeymonkeymonkey.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="29" height="32" viewBox="0 0 29 32">
+<title>watermark-flavor-monkeymonkeymonkey</title>
+<path fill="#444" d="M4.017 7.796l-1.675 1.69-2.342-2.224 4.211-3.873 2.842 2.357 4.867-2.357 5.169 3.446 5.811-3.856 4.505 4.086-0.34 16.923 1.734 2.241-2.279 2.575-2.908-2.849 1.454-1.729 0.125-15.774-3.165-2.771-4.303 3.205-0.062 14.801 1.588 2.303-2.92 3.032-3.422-3.466 1.921-1.967 0.168-15.137-3.504-2.771-3.689 3.205 0.145 13.975 1.897 2.479-3.872 3.683-3.11-4.25 1.729-2.319 0.075-13.568-0.649-1.089z"></path>
+</svg>

svg/watermark-flavor-moxlotus.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>watermark-flavor-moxlotus</title>
+<path fill="#444" d="M14.753 18.43c-1.727 2.913-4.259 5.304-7.157 5.299-2.458-0.005-4.159-0.41-5.605-1.909-1.161-1.203-1.99-3.31-1.99-5.374 0-2.239 0.809-4.172 2.429-5.798s3.545-2.44 5.777-2.44c1.342 0 2.729 0.469 4.158 1.408s2.786 2.215 4.288 4.103c1.28-1.597 4.502-5.072 7.419-5.28 3.256-0.232 4.655 0.426 5.954 1.659 1.51 1.433 1.943 3.429 1.973 5.853 0.034 2.8-3.084 7.973-7.727 7.839-1.878-0.054-3.13-0.529-4.638-1.319-1.733-0.907-2.804-1.883-4.77-3.925-0.037-0.039-0.074-0.077-0.112-0.117zM17.898 15.643c0 0 1.661 2.954 4.293 4.341 2.717 1.432 5.877 0.16 6.701-0.808s1.311-2.148 1.237-3.533c-0.084-1.562-1.089-4.439-5.762-4.357-2.925 0.051-5.432 2.853-6.468 4.357zM13.765 16.637c0 0-1.452-2.574-3.613-3.998-1.063-0.7-2.038-0.986-2.709-0.972-1.976 0.041-3.029 0.331-4.090 1.541-0.834 0.951-1.123 2.027-1.123 3.415 0 1.318 0.452 2.417 1.357 3.297s1.938 1.245 3.779 1.191c1.035-0.031 3.711-0.974 6.399-4.474z"></path>
+</svg>

svg/watermark-flavor-myfirsttome.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="32" viewBox="0 0 18 32">
+<title>watermark-flavor-myfirsttome</title>
+<path fill="#444" d="M9.114 2.534c-1.989 0-7.39 0.412-9.114 2.728h3.285c1.445-1.882 4.053-2.016 6.225-1.977 1.163 0.099 4.589 0.391 4.589 1.679 0 1.335-4.976 2.316-6.981 4.19-0.281 0.288-2.091 2.703-2.091 4.403h6.225c0-1.342-0.061-3.016 1.010-4.087 2.122-2.122 5.872-2.852 5.872-3.993 0-1.047-2.534-2.896-9.020-2.943zM4.098 18.313l-2.179 11.153h12.442l-2.179-11.153h-8.084z"></path>
+</svg>

svg/watermark-flavor-whenfluffybunniesattack.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="30" height="32" viewBox="0 0 30 32">
+<title>watermark-flavor-whenfluffybunniesattack</title>
+<path fill="#444" d="M19.52 14.813c0.012 0.167 0.016 0.345 0.013 0.536-0.003 0.185 0.107 0.294 0.238 0.395 0.156 0.12 0.345 0.225 0.534 0.341 0.631 0.387 1.252 0.878 1.298 1.966 0.024 0.566 0.009 0.965-0.429 2.479-0.215 0.743-0.244 1.122-0.24 1.514 0.002 0.173 0.090 0.298 0.142 0.435 0.108 0.285 0.168 0.587-0.005 1.017-0.124 0.308-0.309 0.449-0.538 0.558-0.138 0.066-0.321 0.093-0.492 0.31-0.162 0.206-0.277 0.426-0.4 0.619-0.582 0.912-1.277 1.709-2.158 2.312-0.446 1.097-1.032 1.917-1.73 2.27-0.218 0.14-0.481 0.225-0.81 0.217-0.042-0.001-0.084-0.003-0.124-0.007-0.227-0.009-0.42-0.063-0.588-0.149-0.753-0.323-1.382-1.177-1.854-2.342-0.878-0.603-1.571-1.398-2.151-2.308-0.123-0.193-0.238-0.413-0.4-0.619-0.17-0.217-0.353-0.244-0.492-0.31-0.229-0.109-0.414-0.25-0.538-0.558-0.173-0.43-0.113-0.733-0.005-1.017 0.052-0.138 0.141-0.262 0.142-0.435 0.004-0.392-0.025-0.771-0.24-1.514-0.438-1.513-0.453-1.913-0.429-2.479 0.046-1.087 0.667-1.579 1.298-1.966 0.189-0.116 0.378-0.22 0.534-0.341 0.131-0.101 0.241-0.21 0.238-0.395-0.003-0.191 0.002-0.37 0.013-0.536-7.655-6.346-9.74-10.047-10.207-11.365-0.129-0.365-0.148-0.603-0.138-0.708 0.013-0.139 0.065-0.229 0.106-0.283 0.069-0.091 0.188-0.188 0.387-0.221 0.132-0.022 0.361-0.014 0.665 0.045 1.325 0.257 4.547 1.453 6.815 2.832 0.058 0.035 0.119 0.062 0.177 0.093 2.418 1.293 5.163 5.082 5.928 6.185 0.263-0.046 0.542-0.072 0.833-0.072 0.255 0 0.502 0.019 0.733 0.055 0.047 0.007 0.094 0.014 0.141 0.023 0.765-1.103 3.51-4.892 5.928-6.185 0.058-0.031 0.119-0.058 0.177-0.093 2.268-1.379 5.49-2.575 6.815-2.832 0.304-0.059 0.533-0.067 0.665-0.045 0.199 0.034 0.318 0.13 0.387 0.221 0.041 0.054 0.093 0.143 0.106 0.283 0.010 0.105-0.008 0.343-0.138 0.708-0.467 1.318-2.552 5.019-10.207 11.365zM12.766 26.97c0.424 1.1 0.969 1.933 1.667 2.223 0.118 0.062 0.254 0.1 0.415 0.105 0.035 0.003 0.070 0.006 0.105 0.006 0.229 0.006 0.412-0.053 0.561-0.154 0.656-0.318 1.172-1.122 1.579-2.17 0.886-0.575 1.572-1.357 2.145-2.255 0.131-0.205 0.255-0.438 0.427-0.657 0.39-0.495 0.791-0.326 0.962-0.751 0.228-0.567-0.167-0.797-0.171-1.269-0.004-0.428 0.024-0.842 0.259-1.652 0.412-1.421 0.433-1.794 0.41-2.326-0.074-1.761-2.090-1.54-2.070-2.73 0.005-0.272-0.008-0.516-0.036-0.735 0.005-0.004 0.009-0.007 0.014-0.011 9.596-7.917 10.483-11.666 10.344-11.849-0.244-0.32-4.468 1.090-7.238 2.775-0.066 0.040-0.134 0.071-0.199 0.106-2.632 1.407-5.649 5.863-5.94 6.299-0.135-0.035-0.276-0.063-0.423-0.085-0.211-0.033-0.435-0.050-0.665-0.050-0.374 0-0.729 0.046-1.046 0.129-0.291-0.435-3.308-4.891-5.94-6.299-0.065-0.035-0.134-0.066-0.199-0.106-2.771-1.685-6.995-3.096-7.238-2.775-0.139 0.183 0.748 3.933 10.344 11.849 0.005 0.004 0.009 0.008 0.014 0.011-0.028 0.219-0.040 0.464-0.036 0.735 0.020 1.19-1.996 0.969-2.070 2.73-0.022 0.532-0.001 0.905 0.411 2.326 0.235 0.81 0.263 1.224 0.259 1.652-0.005 0.473-0.4 0.703-0.171 1.269 0.171 0.426 0.572 0.256 0.962 0.751 0.172 0.219 0.296 0.452 0.427 0.657 0.571 0.896 1.256 1.675 2.138 2.25zM10.868 18.362c0.234-0.169 1.583 0.447 2.321 1.623s0.913 2.225 0.547 2.844c-0.058 0.098-1.812-0.503-2.55-1.679s-0.53-2.635-0.318-2.788zM18.881 18.362c0.212 0.153 0.42 1.612-0.318 2.788s-2.493 1.777-2.55 1.679c-0.366-0.619-0.191-1.668 0.547-2.844s2.088-1.791 2.321-1.623z"></path>
+</svg>

svg/watermark-goblinexplosioneers.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>watermark-goblinexplosioneers</title>
+<path fill="#444" d="M23.39 2.945l-0.778 3.051-2.167-1.276 1.713 2.676-0.123-0.918 0.946 0.756 0.482-1.439 0.403 1.775 1.528-0.885-0.621 1.321 1.226 1.019-1.288-0.185-0.437 1.78-0.431-1.842-0.929 1.075-0.252-0.672-0.968 3.096 1.657-2.391 1.416 3.292 0.095-3.482 3.107 0.078-2.318-1.965 1.366-2.9-2.693 1.573-0.935-3.538zM18.827 7.166l-0.98 0.98c-0.689-0.316-1.455-0.493-2.262-0.493-3 0-5.43 2.43-5.43 5.43s2.43 5.43 5.43 5.43 5.43-2.43 5.43-5.43c0-0.807-0.177-1.573-0.493-2.262l0.98-0.98c0 0-0.278-0.599-0.778-1.209 0.227-0.081 0.474-0.141 0.728-0.162 0.556-0.046 1.118 0.066 1.523 0.358l0.47-0.655c-0.603-0.435-1.352-0.569-2.060-0.51-0.45 0.037-0.886 0.156-1.271 0.341-0.636-0.541-1.288-0.84-1.288-0.84zM18.816 7.726c0.009-0.001 0.019-0.001 0.028 0 0.109-0.005 0.217 0.063 0.26 0.164s0.016 0.226-0.064 0.301l-0.409 0.403c-0.095 0.116-0.294 0.125-0.399 0.018s-0.093-0.306 0.024-0.399l0.403-0.403c0.041-0.044 0.097-0.075 0.157-0.084zM15.155 8.358c0.456-0.012 0.938 0.051 1.433 0.196-2.961 0.058-4.042 0.986-5.363 3.896 0.423-2.551 1.954-4.039 3.93-4.092zM20.355 13.302c-0.206 2.537-2.179 4.719-4.77 4.719-1.547 0-2.924-0.712-3.829-1.825 0.945 0.845 2.194 1.355 3.561 1.355 2.511 0 4.468-1.914 5.039-4.249zM2.049 14.858l-0.157 2.598-1.892-0.952 1.338 1.651-1.304 1.377 1.646-0.565 0.325 1.478 0.14 0.627 0.123-0.633 0.252-1.304 1.293 1.248-0.711-1.64 0.050 0.627-0.795-0.773-0.229 1.159-0.252-1.142-0.885 0.302 0.705-0.745-0.705-0.868 1.148 0.571 0.095-1.573 0.425 1.327 0.526-0.554-0.045 0.509 0.98-1.881-1.344 1.405-0.728-2.251zM29.951 14.858l-0.728 2.251-1.344-1.405 0.98 1.881-0.045-0.509 0.526 0.554 0.425-1.327 0.095 1.573 1.148-0.571-0.705 0.868 0.705 0.745-0.885-0.302-0.252 1.142-0.23-1.159-0.795 0.773 0.051-0.627-0.711 1.64 1.293-1.248 0.252 1.304 0.123 0.633 0.14-0.627 0.325-1.478 1.646 0.565-1.305-1.377 1.338-1.651-1.892 0.952-0.157-2.598zM6.421 16.717c-0.394-0.001-0.955 0.525-1.383 1.304-0.245-0.075-0.537-0.134-0.829-0.112-0.31 0.024-0.485 0.066-0.616 0.101s-0.212 0.062-0.409 0.062c-0.191 0-0.325-0.035-0.409-0.067s-0.101-0.051-0.101-0.051c-0.073-0.059-0.193-0.045-0.252 0.028s-0.045 0.193 0.028 0.252c0 0 0.074 0.059 0.196 0.106s0.302 0.090 0.537 0.090c0.23 0 0.373-0.038 0.504-0.073s0.262-0.073 0.549-0.095c0.204-0.016 0.433 0.030 0.638 0.090-0.425 0.934-0.475 1.811-0.090 2.004 0.025 0.013 0.050 0.027 0.078 0.034l5.889 2.715 4.815-2.217-8.98-4.131c-0.051-0.026-0.108-0.039-0.168-0.039zM25.579 16.717c-0.060 0-0.117 0.014-0.168 0.039l-15.474 7.121c-0.489 0.214-0.885 0.632-1.075 1.131s-0.173 1.071 0.050 1.556 0.651 0.878 1.153 1.058c0.502 0.18 1.075 0.148 1.556-0.084l15.513-7.149c0.028-0.006 0.053-0.021 0.078-0.034 0.385-0.193 0.335-1.070-0.090-2.004 0.205-0.059 0.434-0.105 0.638-0.090 0.287 0.022 0.417 0.060 0.549 0.095s0.274 0.073 0.504 0.073c0.235 0 0.415-0.043 0.537-0.090s0.196-0.106 0.196-0.106c0.073-0.059 0.087-0.179 0.028-0.252s-0.179-0.087-0.252-0.028c0 0-0.018 0.018-0.101 0.051s-0.217 0.067-0.409 0.067c-0.197 0-0.277-0.026-0.409-0.062s-0.306-0.077-0.616-0.101c-0.291-0.022-0.584 0.037-0.829 0.112-0.428-0.78-0.989-1.305-1.383-1.304zM6.237 17.052c0.016-0.002 0.030-0.002 0.045 0 0.272 0.030 0.181 0.712-0.202 1.523s-0.915 1.44-1.187 1.411c-0.272-0.030-0.181-0.707 0.202-1.517 0.006-0.014 0.016-0.026 0.022-0.039 0.185 0.068 0.325 0.134 0.325 0.134 0.083 0.063 0.221 0.031 0.269-0.062s-0.007-0.221-0.106-0.252c0 0-0.127-0.070-0.319-0.146 0.332-0.588 0.716-1.021 0.952-1.052zM25.719 17.052c0.229-0.025 0.642 0.425 0.996 1.052-0.192 0.075-0.319 0.146-0.319 0.146-0.099 0.031-0.153 0.161-0.105 0.253s0.185 0.123 0.267 0.060c0 0 0.14-0.066 0.325-0.134 0.006 0.013 0.016 0.025 0.022 0.039 0.383 0.81 0.473 1.488 0.202 1.517s-0.804-0.6-1.187-1.411c-0.383-0.81-0.473-1.493-0.202-1.523zM21.246 23.502l-4.815 2.217 3.947 1.819c0.481 0.233 1.054 0.264 1.556 0.084s0.93-0.573 1.153-1.058 0.24-1.057 0.050-1.556c-0.19-0.499-0.586-0.917-1.075-1.131l-0.817-0.375z"></path>
+</svg>

svg/watermark-herospath-1.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="19" height="32" viewBox="0 0 19 32">
+<title>watermark-herospath-1</title>
+<path fill="#444" d="M0 22.678v-13.505l9.6-3.691 9.6 3.691v10.871c-1.903 0-3.812-0.041-5.793 0.013v-0.189c-0.424-0.011-0.765-0.030-1.023-0.058-0.259-0.033-0.473-0.077-0.643-0.132-0.171-0.060-0.302-0.14-0.396-0.239-0.088-0.104-0.151-0.237-0.19-0.396-0.033-0.165-0.050-0.407-0.050-0.726v-6.896c0-0.935 0.017-1.666 0.050-2.194h-1.056l-4.306 2.582 0.503 0.874c0.572-0.39 0.982-0.649 1.229-0.776 0.253-0.127 0.448-0.19 0.586-0.19 0.149 0 0.264 0.050 0.346 0.149 0.088 0.099 0.132 0.261 0.132 0.487v5.964c0 0.385-0.033 0.663-0.099 0.833-0.061 0.171-0.159 0.302-0.297 0.396s-0.338 0.165-0.602 0.215c-0.258 0.044-0.693 0.080-1.303 0.107v0.751h1.034c-2.271 0.387-4.687 1.022-7.322 2.060zM19.2 20.044v6.475l-4.342-0.027c-2.072-0.001-3.481-0.138-4.439-0.869-0.070-0.057-0.155-0.123-0.231-0.195-0.063-0.063-0.14-0.137-0.208-0.216-0.057-0.071-0.117-0.142-0.177-0.226-0.068-0.099-0.137-0.194-0.203-0.311-0.057 0.092-0.127 0.208-0.2 0.307-0.052 0.068-0.114 0.154-0.18 0.228-0.067 0.077-0.136 0.149-0.208 0.217-0.074 0.070-0.151 0.134-0.231 0.195-0.958 0.731-2.367 0.868-4.439 0.869l-4.342 0.027c6.245-3.934 11.717-5.754 19.2-6.475z"></path>
+</svg>

svg/watermark-herospath-2.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="19" height="32" viewBox="0 0 19 32">
+<title>watermark-herospath-2</title>
+<path fill="#444" d="M0 22.678v-13.505l9.6-3.691 9.6 3.691v10.871c-1.999 0-4.006-0.046-6.095 0.022l0.174-2.706h-0.949c-0.066 0.258-0.151 0.454-0.256 0.586-0.099 0.127-0.237 0.217-0.412 0.272-0.176 0.050-0.443 0.074-0.8 0.074h-2.928v-0.082c0.176-0.236 0.448-0.564 0.817-0.981 0.368-0.424 0.764-0.842 1.188-1.254 0.946-0.891 1.617-1.576 2.013-2.054 0.401-0.479 0.682-0.905 0.842-1.279 0.165-0.374 0.247-0.778 0.247-1.212 0-0.495-0.115-0.927-0.346-1.295-0.226-0.374-0.594-0.668-1.105-0.883-0.511-0.22-1.171-0.33-1.98-0.33-0.434 0-0.839 0.027-1.213 0.082-0.368 0.055-0.742 0.137-1.122 0.248-0.379 0.104-0.905 0.291-1.575 0.561v1.947h1.485c0.132-0.671 0.341-1.16 0.627-1.468 0.291-0.313 0.657-0.47 1.097-0.47 0.467 0 0.836 0.173 1.105 0.52 0.269 0.341 0.404 0.814 0.404 1.419 0 0.429-0.077 0.844-0.231 1.246s-0.388 0.828-0.701 1.278c-0.308 0.451-0.759 1.026-1.353 1.724-0.627 0.737-1.16 1.416-1.6 2.037-0.434 0.621-0.767 1.196-0.998 1.724v0.544h3.972c-2.897 0.32-6.009 0.989-9.505 2.365zM19.2 20.044v6.475l-4.342-0.027c-2.072-0.001-3.481-0.138-4.439-0.869-0.070-0.057-0.155-0.123-0.231-0.195-0.063-0.063-0.14-0.137-0.208-0.216-0.057-0.071-0.117-0.142-0.177-0.226-0.068-0.099-0.137-0.194-0.203-0.311-0.057 0.092-0.127 0.208-0.2 0.307-0.052 0.068-0.114 0.154-0.18 0.228-0.067 0.077-0.136 0.149-0.208 0.217-0.074 0.070-0.151 0.134-0.231 0.195-0.958 0.731-2.367 0.868-4.439 0.869l-4.342 0.027c6.245-3.934 11.717-5.754 19.2-6.475z"></path>
+</svg>

svg/watermark-herospath-3.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="19" height="32" viewBox="0 0 19 32">
+<title>watermark-herospath-3</title>
+<path fill="#444" d="M0 22.678v-13.505l9.6-3.691 9.6 3.691v10.871c-2.375 0-4.76-0.065-7.282 0.073 0.43-0.257 0.764-0.577 1.002-0.959 0.313-0.5 0.47-1.070 0.47-1.707 0-0.523-0.118-0.982-0.355-1.378-0.231-0.396-0.544-0.712-0.94-0.948-0.39-0.237-0.825-0.396-1.303-0.479v-0.074c0.539-0.253 0.976-0.511 1.311-0.775 0.341-0.264 0.605-0.572 0.792-0.924 0.187-0.357 0.28-0.77 0.28-1.237 0-0.511-0.143-0.946-0.429-1.303-0.28-0.363-0.682-0.638-1.204-0.825-0.517-0.187-1.114-0.28-1.79-0.28-1.133 0-2.395 0.297-3.786 0.891v1.955h1.485c0.083-0.473 0.212-0.855 0.388-1.147 0.181-0.297 0.385-0.503 0.61-0.619 0.231-0.121 0.481-0.181 0.751-0.181 0.473 0 0.833 0.157 1.081 0.47 0.247 0.308 0.371 0.767 0.371 1.377 0 0.775-0.247 1.369-0.742 1.782-0.495 0.407-1.221 0.63-2.178 0.668v0.94h0.652c0.836 0 1.457 0.19 1.864 0.569 0.412 0.379 0.619 0.957 0.619 1.732 0 1.441-0.583 2.161-1.749 2.161-0.473 0-0.855-0.14-1.147-0.421-0.291-0.286-0.517-0.742-0.676-1.369h-1.485v2.070c0.446 0.204 0.968 0.363 1.567 0.479 0.023 0.004 0.046 0.008 0.068 0.012-2.307 0.385-4.763 1.024-7.445 2.081zM19.2 20.044v6.475l-4.342-0.027c-2.072-0.001-3.481-0.138-4.439-0.869-0.070-0.057-0.155-0.123-0.231-0.195-0.063-0.063-0.14-0.137-0.208-0.216-0.057-0.071-0.117-0.142-0.177-0.226-0.068-0.099-0.137-0.194-0.203-0.311-0.057 0.092-0.127 0.208-0.2 0.307-0.052 0.068-0.114 0.154-0.18 0.228-0.067 0.077-0.136 0.149-0.208 0.217-0.074 0.070-0.151 0.134-0.231 0.195-0.958 0.731-2.367 0.868-4.439 0.869l-4.342 0.027c6.245-3.934 11.717-5.754 19.2-6.475z"></path>
+</svg>

svg/watermark-herospath-4.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="19" height="32" viewBox="0 0 19 32">
+<title>watermark-herospath-4</title>
+<path fill="#444" d="M0 22.678v-13.505l9.6-3.691 9.6 3.691v10.871c-2.192 0-4.393-0.055-6.702 0.044v-0.503c-0.176-0.049-0.322-0.099-0.437-0.148-0.115-0.055-0.206-0.132-0.272-0.231-0.066-0.105-0.113-0.242-0.14-0.412-0.028-0.176-0.041-0.41-0.041-0.701v-1.229h2.104l0.099-1.823h-0.866c-0.071 0.253-0.148 0.429-0.231 0.528-0.077 0.099-0.17 0.168-0.28 0.206-0.11 0.033-0.3 0.049-0.569 0.049h-0.256v-7.011h-1.856l-5.007 7.16v0.891h4.421v1.229c0 0.259-0.008 0.473-0.025 0.643s-0.055 0.311-0.115 0.421c-0.060 0.104-0.151 0.19-0.272 0.256-0.115 0.060-0.272 0.118-0.47 0.173v0.545h3.405c-3.514 0.208-7.298 0.82-11.688 2.548zM19.2 20.044v6.475l-4.342-0.027c-2.072-0.001-3.481-0.138-4.439-0.869-0.070-0.057-0.155-0.123-0.231-0.195-0.063-0.063-0.14-0.137-0.208-0.216-0.057-0.071-0.117-0.142-0.177-0.226-0.068-0.099-0.137-0.194-0.203-0.311-0.057 0.092-0.127 0.208-0.2 0.307-0.052 0.068-0.114 0.154-0.18 0.228-0.067 0.077-0.136 0.149-0.208 0.217-0.074 0.070-0.151 0.134-0.231 0.195-0.958 0.731-2.367 0.868-4.439 0.869l-4.342 0.027c6.245-3.934 11.717-5.754 19.2-6.475zM6.345 15.824v-0.14l2.821-4.248h0.083c-0.055 0.874-0.083 1.708-0.083 2.499v1.889h-2.821z"></path>
+</svg>

svg/watermark-herospath-5.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="19" height="32" viewBox="0 0 19 32">
+<title>watermark-herospath-5</title>
+<path fill="#444" d="M0 22.678v-13.505l9.6-3.691 9.6 3.691v10.871c-2.281 0-4.571-0.059-6.983 0.057 0.385-0.234 0.696-0.529 0.934-0.885 0.341-0.517 0.511-1.155 0.511-1.914 0-0.649-0.143-1.213-0.429-1.691-0.28-0.484-0.679-0.852-1.196-1.105-0.512-0.253-1.108-0.379-1.79-0.379-0.501 0-0.924 0.025-1.27 0.074-0.341 0.044-0.676 0.115-1.006 0.215v-2.97h5.065l0.165-2.631h-0.907c-0.071 0.176-0.137 0.297-0.198 0.363s-0.137 0.113-0.231 0.14c-0.093 0.028-0.242 0.041-0.446 0.041h-4.875v5.634l0.742 0.462c0.242-0.071 0.517-0.132 0.825-0.181 0.313-0.050 0.605-0.074 0.874-0.074 0.698 0 1.232 0.201 1.6 0.602s0.553 0.984 0.553 1.749c0 0.775-0.143 1.35-0.429 1.724-0.286 0.368-0.729 0.553-1.328 0.553-0.479 0-0.869-0.146-1.171-0.437-0.302-0.297-0.522-0.745-0.66-1.345h-1.493v2.062c0.426 0.196 0.935 0.352 1.529 0.468-2.348 0.382-4.849 1.026-7.586 2.104zM19.2 20.044v6.475l-4.342-0.027c-2.072-0.001-3.481-0.138-4.439-0.869-0.070-0.057-0.155-0.123-0.231-0.195-0.063-0.063-0.14-0.137-0.208-0.216-0.057-0.071-0.117-0.142-0.177-0.226-0.068-0.099-0.137-0.194-0.203-0.311-0.057 0.092-0.127 0.208-0.2 0.307-0.052 0.068-0.114 0.154-0.18 0.228-0.067 0.077-0.136 0.149-0.208 0.217-0.074 0.070-0.151 0.134-0.231 0.195-0.958 0.731-2.367 0.868-4.439 0.869l-4.342 0.027c6.245-3.934 11.717-5.754 19.2-6.475z"></path>
+</svg>

svg/watermark-herospath-6.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="19" height="32" viewBox="0 0 19 32">
+<title>watermark-herospath-6</title>
+<path fill="#444" d="M0 22.678v-13.505l9.6-3.691 9.6 3.691v10.871c-2.747 0-5.508-0.086-8.478 0.153 0.384-0.078 0.733-0.194 1.047-0.349 0.643-0.313 1.119-0.748 1.427-1.303 0.308-0.561 0.462-1.207 0.462-1.939 0-0.671-0.115-1.259-0.346-1.765s-0.575-0.896-1.031-1.171c-0.451-0.281-0.993-0.421-1.625-0.421-0.517 0-0.992 0.069-1.427 0.206s-0.866 0.355-1.295 0.652l-0.082-0.033c0.247-1.336 0.745-2.362 1.493-3.077 0.748-0.72 1.724-1.094 2.928-1.122v-0.511l-0.446-0.569c-1.259 0.088-2.387 0.448-3.382 1.081s-1.765 1.468-2.31 2.508c-0.539 1.039-0.808 2.202-0.808 3.489 0 0.951 0.162 1.76 0.487 2.425s0.792 1.169 1.402 1.51c0.616 0.341 1.35 0.511 2.202 0.511 0.013 0 0.025 0 0.038 0-2.883 0.322-5.98 0.991-9.456 2.36zM19.2 20.044v6.475l-4.342-0.027c-2.072-0.001-3.481-0.138-4.439-0.869-0.070-0.057-0.155-0.123-0.231-0.195-0.063-0.063-0.14-0.137-0.208-0.216-0.057-0.071-0.117-0.142-0.177-0.226-0.068-0.099-0.137-0.194-0.203-0.311-0.057 0.092-0.127 0.208-0.2 0.307-0.052 0.068-0.114 0.154-0.18 0.228-0.067 0.077-0.136 0.149-0.208 0.217-0.074 0.070-0.151 0.134-0.231 0.195-0.958 0.731-2.367 0.868-4.439 0.869l-4.342 0.027c6.245-3.934 11.717-5.754 19.2-6.475zM9.682 14.387c0.5 0 0.88 0.203 1.138 0.61 0.264 0.401 0.396 0.995 0.396 1.782 0 0.39-0.030 0.748-0.091 1.072-0.061 0.319-0.159 0.594-0.297 0.825-0.137 0.226-0.319 0.401-0.544 0.528-0.22 0.127-0.495 0.19-0.825 0.19-0.577 0-1.006-0.253-1.287-0.759s-0.421-1.262-0.421-2.268c0-0.401 0.014-0.682 0.041-0.842s0.071-0.28 0.132-0.363c0.066-0.088 0.19-0.198 0.371-0.33 0.182-0.137 0.39-0.245 0.627-0.322 0.236-0.082 0.489-0.124 0.759-0.124z"></path>
+</svg>

svg/watermark-herospath-7.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="19" height="32" viewBox="0 0 19 32">
+<title>watermark-herospath-7</title>
+<path fill="#444" d="M0 22.678v-13.505l9.6-3.691 9.6 3.691v10.871c-3.126 0-6.271-0.112-9.72 0.272l4.439-10.413v-0.544h-7.902l-0.215 3.423h0.957c0.066-0.291 0.127-0.506 0.182-0.643 0.060-0.137 0.138-0.247 0.231-0.33 0.093-0.088 0.215-0.151 0.363-0.19s0.344-0.058 0.586-0.058h3.671v0.124l-4.141 8.389v0.49c-2.366 0.381-4.888 1.027-7.649 2.114zM19.2 20.044v6.475l-4.342-0.027c-2.072-0.001-3.481-0.138-4.439-0.869-0.070-0.057-0.155-0.123-0.231-0.195-0.063-0.063-0.14-0.137-0.208-0.216-0.057-0.071-0.117-0.142-0.177-0.226-0.068-0.099-0.137-0.194-0.203-0.311-0.057 0.092-0.127 0.208-0.2 0.307-0.052 0.068-0.114 0.154-0.18 0.228-0.067 0.077-0.136 0.149-0.208 0.217-0.074 0.070-0.151 0.134-0.231 0.195-0.958 0.731-2.367 0.868-4.439 0.869l-4.342 0.027c6.245-3.934 11.717-5.754 19.2-6.475z"></path>
+</svg>

svg/watermark-herospath-8.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="19" height="32" viewBox="0 0 19 32">
+<title>watermark-herospath-8</title>
+<path fill="#444" d="M0 22.678v-13.505l9.6-3.691 9.6 3.691v10.871c-2.244 0-4.498-0.058-6.867 0.052 0.397-0.235 0.718-0.522 0.962-0.864 0.346-0.489 0.52-1.058 0.52-1.707s-0.165-1.207-0.495-1.675c-0.324-0.468-0.806-0.825-1.444-1.072l-0.016-0.107c0.627-0.27 1.094-0.627 1.402-1.072 0.313-0.446 0.47-0.965 0.47-1.559 0-0.896-0.341-1.589-1.023-2.079s-1.691-0.734-3.027-0.734c-0.792 0-1.51 0.127-2.153 0.379s-1.141 0.605-1.493 1.056c-0.346 0.445-0.52 0.949-0.52 1.509 0 1.226 0.608 2.103 1.823 2.631l0.016 0.107c-0.401 0.182-0.745 0.39-1.031 0.627-0.28 0.237-0.509 0.534-0.685 0.891-0.171 0.352-0.256 0.762-0.256 1.229 0 0.638 0.171 1.193 0.512 1.666 0.341 0.467 0.819 0.825 1.435 1.072 0.143 0.056 0.292 0.105 0.447 0.148-2.403 0.378-4.966 1.027-7.778 2.134zM19.2 20.044v6.475l-4.342-0.027c-2.072-0.001-3.481-0.138-4.439-0.869-0.070-0.057-0.155-0.123-0.231-0.195-0.063-0.063-0.14-0.137-0.208-0.216-0.057-0.071-0.117-0.142-0.177-0.226-0.068-0.099-0.137-0.194-0.203-0.311-0.057 0.092-0.127 0.208-0.2 0.307-0.052 0.068-0.114 0.154-0.18 0.228-0.067 0.077-0.136 0.149-0.208 0.217-0.074 0.070-0.151 0.134-0.231 0.195-0.958 0.731-2.367 0.868-4.439 0.869l-4.342 0.027c6.245-3.934 11.717-5.754 19.2-6.475zM7.992 12.105c0-0.643 0.138-1.13 0.412-1.46 0.281-0.33 0.693-0.495 1.237-0.495 0.522 0 0.921 0.182 1.196 0.545 0.281 0.357 0.421 0.877 0.421 1.559 0 0.665-0.135 1.18-0.404 1.543-0.264 0.357-0.663 0.536-1.196 0.536-0.544 0-0.96-0.19-1.245-0.569-0.281-0.385-0.421-0.938-0.421-1.658zM7.893 17.459c0-0.434 0.055-0.817 0.165-1.147s0.292-0.591 0.545-0.784c0.253-0.198 0.586-0.297 0.998-0.297 0.346 0 0.649 0.096 0.907 0.289s0.456 0.468 0.594 0.825c0.137 0.352 0.206 0.77 0.206 1.254 0 0.473-0.069 0.88-0.206 1.221-0.132 0.341-0.324 0.594-0.577 0.759-0.248 0.165-0.55 0.248-0.907 0.248-0.572 0-1.003-0.198-1.295-0.594-0.286-0.396-0.429-0.987-0.429-1.773z"></path>
+</svg>

svg/watermark-herospath-9.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="19" height="32" viewBox="0 0 19 32">
+<title>watermark-herospath-9</title>
+<path fill="#444" d="M0 22.678v-13.505l9.6-3.691 9.6 3.691v10.871c-3.007 0-6.031-0.103-9.327 0.23 0.411-0.147 0.793-0.331 1.146-0.551 0.896-0.556 1.578-1.328 2.046-2.318s0.701-2.175 0.701-3.555c0-0.99-0.151-1.834-0.454-2.533-0.297-0.698-0.751-1.229-1.361-1.592-0.605-0.368-1.35-0.553-2.235-0.553-0.88 0-1.642 0.154-2.285 0.462s-1.138 0.751-1.485 1.328c-0.341 0.572-0.511 1.224-0.511 1.955 0 0.665 0.113 1.248 0.338 1.749 0.226 0.495 0.564 0.883 1.015 1.163 0.457 0.275 1.009 0.412 1.658 0.412 0.572 0 1.061-0.066 1.468-0.198 0.412-0.132 0.83-0.344 1.254-0.635l0.082 0.033c-0.049 0.429-0.127 0.841-0.231 1.237-0.099 0.396-0.237 0.762-0.412 1.097-0.176 0.33-0.396 0.624-0.66 0.883-0.215 0.214-0.465 0.396-0.751 0.544-0.28 0.143-0.58 0.247-0.899 0.313-0.27 0.060-0.583 0.093-0.94 0.099v0.594l0.31 0.352c-2.371 0.381-4.898 1.027-7.666 2.117zM19.2 20.044v6.475l-4.342-0.027c-2.072-0.001-3.481-0.138-4.439-0.869-0.070-0.057-0.155-0.123-0.231-0.195-0.063-0.063-0.14-0.137-0.208-0.216-0.057-0.071-0.117-0.142-0.177-0.226-0.068-0.099-0.137-0.194-0.203-0.311-0.057 0.092-0.127 0.208-0.2 0.307-0.052 0.068-0.114 0.154-0.18 0.228-0.067 0.077-0.136 0.149-0.208 0.217-0.074 0.070-0.151 0.134-0.231 0.195-0.958 0.731-2.367 0.868-4.439 0.869l-4.342 0.027c6.245-3.934 11.717-5.754 19.2-6.475zM9.402 15.112c-1.018 0-1.526-0.8-1.526-2.4 0-0.385 0.030-0.737 0.091-1.056 0.060-0.324 0.159-0.602 0.297-0.833 0.143-0.231 0.324-0.41 0.544-0.536 0.226-0.127 0.5-0.19 0.825-0.19 0.555 0 0.976 0.289 1.262 0.866 0.291 0.572 0.437 1.397 0.437 2.475 0 0.236-0.016 0.424-0.049 0.561-0.028 0.137-0.063 0.242-0.107 0.313s-0.135 0.165-0.272 0.28c-0.132 0.11-0.278 0.206-0.437 0.289-0.154 0.077-0.319 0.135-0.495 0.173s-0.366 0.058-0.569 0.058z"></path>
+</svg>

svg/watermark-herospath.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="19" height="32" viewBox="0 0 19 32">
+<title>watermark-herospath</title>
+<path fill="#444" d="M9.6 5.494l-9.6 3.691v13.505c7.646-3.011 13.455-2.634 19.2-2.634v-10.871l-9.6-3.691zM19.2 20.056c-7.438 0.717-12.888 2.521-19.086 6.405 5.517 0.007 8.189 0.473 9.486-1.774 1.307 2.263 4 1.773 9.6 1.773v-6.404zM7.537 9.305h3.873l-0.009 0.015-0.948 1.537v5.57c1.029-0.449 1.496-0.926 1.671-1.431 0.176-0.507 0.058-1.043-0.084-1.605s-0.307-1.15-0.222-1.759c0.085-0.609 0.422-1.239 1.281-1.884l0.014-0.011 0.001 0.017c0.113 1.406 0.369 2.552 0.884 3.22l1.072-1.515 0.004 0.023c0.653 3.383-0.023 5.686-1.331 7.083-1.112 1.187-2.678 1.721-4.271 1.709-1.593 0.011-3.159-0.522-4.27-1.709-1.308-1.398-1.984-3.7-1.331-7.083l0.005-0.023 0.013 0.019 1.059 1.496c0.515-0.668 0.771-1.814 0.884-3.22l0.001-0.017 0.014 0.011c0.859 0.645 1.196 1.274 1.281 1.884s-0.080 1.197-0.222 1.759-0.26 1.098-0.084 1.605c0.175 0.505 0.643 0.983 1.672 1.431v-5.57l-0.958-1.552z"></path>
+</svg>

svg/watermark-judgeacademy.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="28" height="32" viewBox="0 0 28 32">
+<title>watermark-judgeacademy</title>
+<path fill="#444" d="M9.448 4.148c1.45-0.385 3.007-0.317 4.418 0.194 1.524-0.555 3.219-0.582 4.764-0.096 2.576 0.788 4.764 2.781 5.765 5.286 0.896 2.267 1.088 4.794 0.673 7.188 1.216 0.764 2.37 1.87 2.616 3.348 0.352 2.229-1.192 4.459-3.285 5.17 0.087-0.52 0.128-1.088-0.134-1.565-0.153-0.305-0.591-0.461-0.871-0.226-0.712 0.453-1.294 1.077-1.971 1.578-2.156 1.721-4.81 2.833-7.564 3.072-2.596-0.235-5.113-1.231-7.192-2.801-0.703-0.509-1.339-1.104-2.018-1.643-0.286-0.229-0.703-0.485-1.028-0.169-0.443 0.461-0.377 1.172-0.287 1.757-1.269-0.463-2.364-1.417-2.909-2.661-0.534-1.129-0.598-2.517 0.009-3.63 0.493-0.958 1.346-1.655 2.233-2.233-0.431-2.481-0.212-5.108 0.779-7.434 1.089-2.498 3.367-4.448 6.004-5.136zM9.35 5.244c-2.342 0.739-4.309 2.599-5.139 4.916-0.673 1.856-0.833 3.881-0.591 5.833 0.153 1.655 0.849 3.239 1.915 4.508-0.419-0.649-0.798-1.354-0.859-2.139-0.112-0.905 0.209-1.811 0.752-2.529-0.568-0.809-1.006-1.74-1.054-2.74-0.194-1.962 0.512-4.19 2.267-5.257 0.808-0.527 1.795-0.625 2.735-0.559 1.709 0.161 3.327 0.989 4.489 2.247 1.161-1.26 2.781-2.085 4.49-2.247 0.94-0.070 1.926 0.037 2.735 0.562 1.677 1.017 2.393 3.11 2.286 4.993-0.015 1.091-0.449 2.122-1.076 2.998 0.542 0.719 0.864 1.622 0.752 2.529-0.054 0.793-0.452 1.495-0.862 2.155 0.679-0.833 1.228-1.781 1.57-2.802 0.346-1.068 0.411-2.198 0.467-3.31-0.025-1.568-0.234-3.158-0.854-4.611-0.915-2.208-2.88-3.933-5.17-4.6-1.299-0.366-2.746-0.395-3.999 0.152-0.116 0.032-0.23 0.067-0.342 0.108-0.111-0.041-0.223-0.079-0.336-0.112-1.314-0.564-2.829-0.513-4.177-0.094zM7.562 8.357c-1.039 0.399-1.788 1.35-2.122 2.391-0.383 1.195-0.418 2.527 0.019 3.714 0.371 1.146 1.137 2.106 1.934 2.989-0.481-0.243-0.899-0.584-1.329-0.905-0.223 0.024-0.29 0.325-0.404 0.488-0.55 1.042-0.229 2.299 0.364 3.247 1.060 1.707 2.78 2.821 4.428 3.892-0.279-0.099-0.551-0.215-0.83-0.313-2.816-1.176-5.436-3.228-6.558-6.148-0.874 0.549-1.691 1.335-1.925 2.375-0.245 1.178 0.255 2.394 1.079 3.231 0.044 0.013 0.132 0.040 0.177 0.053 0.342-0.657 1.042-1.203 1.82-1.073 0.878 0.193 1.477 0.927 2.16 1.454 2.090 1.822 4.726 3.060 7.5 3.302 2.735-0.246 5.336-1.454 7.408-3.241 0.709-0.546 1.325-1.309 2.234-1.515 0.802-0.139 1.502 0.449 1.855 1.12 0.976-0.822 1.5-2.189 1.194-3.444-0.271-0.987-1.059-1.733-1.901-2.263-1.235 3.187-4.217 5.366-7.37 6.431 0.625-0.419 1.284-0.789 1.878-1.253 1.326-1.014 2.658-2.255 3.092-3.927 0.252-0.855-0.011-1.762-0.516-2.471-0.407 0.291-0.804 0.598-1.203 0.899-0.073 0.061-0.42 0.061-0.233-0.079 1.035-0.756 1.664-1.96 2.069-3.154l-0.005-0.015c0.34-1.206 0.26-2.521-0.197-3.685-0.385-0.987-1.18-1.848-2.209-2.167-0.791-0.247-1.634-0.115-2.422 0.070l0.067 0.026c-1.581 0.304-2.924 1.391-3.753 2.748-0.401-0.571-0.801-1.161-1.36-1.589-0.653-0.547-1.436-0.908-2.243-1.161-0.874-0.229-1.835-0.366-2.699-0.026zM17.907 12.535c0.638-0.056 1.284-0.038 1.913 0.091-0.401 0.43-0.136 1.052-0.383 1.544-0.29 0.677-1.006 1.126-1.738 1.125-0.516 0.021-1.137-0.248-1.519 0.238-0.086-0.78-0.329-1.63 0.005-2.381 0.381-0.541 1.134-0.518 1.722-0.617zM12.868 20.142c0.32-0.324 0.428-1.011 0.997-0.966 0.568-0.049 0.677 0.644 0.999 0.965 0.243 0.14 0.509-0.058 0.753-0.098-0.19 1.629-0.79 3.221-1.752 4.554-0.966-1.328-1.564-2.924-1.754-4.553 0.245 0.041 0.512 0.234 0.756 0.098zM7.884 12.635c0.932-0.193 1.901-0.159 2.829 0.037 0.378 0.079 0.806 0.256 0.913 0.669 0.201 0.719 0.009 1.47-0.074 2.194-0.346-0.447-0.912-0.258-1.389-0.241-0.715 0.048-1.441-0.33-1.787-0.962-0.256-0.408-0.215-0.908-0.237-1.369-0.086-0.108-0.171-0.218-0.255-0.328z"></path>
+</svg>