diff --git a/assets/css/main.css b/assets/css/main.css
new file mode 100644
index 0000000..5ddb9d2
--- /dev/null
+++ b/assets/css/main.css
@@ -0,0 +1,249 @@
+@import '@resonate/tachyons';
+
+.search-component .search-label {
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.search-component input[type="search"] {
+  appearance: none;
+  text-indent: 1rem;
+  font-family: inherit;
+  height: calc(3rem - 1px);
+}
+
+.search-component input[type="search"]::-webkit-search-cancel-button {
+  appearance: none;
+}
+
+.typeahead {
+  visibility: hidden;
+  opacity: 0;
+  display: none;
+}
+
+.search-component form:focus-within input[type="search"] {
+  height: 3rem;
+  outline-style: solid;
+  outline-width: 1px;
+  outline-color: var(--dark-gray);
+  outline-offset: -1px;
+}
+
+@media (prefers-color-scheme: dark) {
+  .search-component form:focus-within input[type="search"] {
+    outline-color: var(--near-black);
+  }
+}  
+
+.color-scheme--dark .search-component form:focus-within input[type="search"] {
+  outline-color: var(--near-black);
+}
+
+.search-component form:focus-within > div.typeahead {
+  visibility: visible;
+  z-index: 1;
+  opacity: 1;
+  display: block;
+}
+
+/**
+ * <input> styling for radio + checkbox
+ */
+
+input[type="radio"] {
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+
+input[type="radio"]:active ~ label {
+  opacity: 1;
+}
+
+input[type="radio"]:checked ~ label {
+  opacity: 1;
+}
+
+input[type="radio"]:checked ~ label .icon {
+  fill: var(--black);
+}
+
+input[type="checkbox"] ~ label .icon {
+  fill: transparent;
+}
+
+input[type="checkbox"]:checked ~ label .icon {
+  fill: var(--black);
+}
+
+/**
+ * Offset margin
+ */
+
+.ml-3 {
+  margin-left: -1rem;
+}
+
+.mr-3 {
+  margin-right: -1rem;
+}
+
+/**
+ * Custom html <select> styling
+ */
+
+select {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  background: transparent;
+  background-image: url("data:image/svg+xml;utf8,<svg fill='white' width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
+  background-repeat: no-repeat;
+  background-position-x: 95%;
+  background-position-y: 50%;
+}
+
+.icon-logo {
+  width: 26px;
+  height: 26px;
+}
+
+.footer-component dd > .link {
+  padding-bottom: .1rem;
+}
+
+.footer-component dd > .link:hover {
+  border-bottom: 1px solid currentcolor;
+}
+
+.icon-resonate {
+  width: 100%;
+  height: 100%;
+  max-width: 144px; /* need tachyons update */
+}
+
+.icon-logo-wordmark {
+  width: 132px;
+  height: 132px;
+}
+
+@media (--breakpoint-large) {
+  .bg-transparent-l {
+    background-color: transparent!important; /* TODO should be in @resonate/tachyons */
+  }
+}
+
+.dropdown-navigation li, .dropdown-navigation--focus li {
+  position: relative;
+  transition-duration: 0.2s;
+}
+
+.dropdown-navigation li:focus-within a, .dropdown-navigation--focus li:focus-within a {
+  outline: none;
+}
+
+.dropdown-navigation ul[role="menu"] li ul[role="menu"], .dropdown-navigation--focus ul[role="menu"] li ul[role="menu"] {
+  visibility: hidden;
+  opacity: 0;
+  min-width: 5rem;
+  transition: all 0.2s ease;
+  left: 0;
+  display: none;
+}
+
+@media (--breakpoint-large) {
+  #header .logo .icon-resonate {
+    display: block;
+  }
+  .dropdown-navigation ul[role="menu"] li ul[role="menu"], .dropdown-navigation--focus ul[role="menu"] li ul[role="menu"] {
+    bottom: auto;
+    margin-top: -1px;
+  }
+}
+
+.dropdown-navigation ul li ul[role="menu"] a, .dropdown-navigation--focus ul[role="menu"] li ul[role="menu"] a {
+  width: 100%;
+}
+
+.dropdown-navigation ul[role="menu"] li:hover > ul[role="menu"],
+.dropdown-navigation ul[role="menu"] li:focus-within > ul[role="menu"],
+.dropdown-navigation ul[role="menu"] li ul[role="menu"]:hover,
+.dropdown-navigation ul[role="menu"] li ul[role="menu"]:focus {
+  visibility: visible;
+  z-index: 1;
+  opacity: 1;
+  display: block;
+}
+
+.dropdown-navigation--focus ul[role="menu"] li:focus-within > ul[role="menu"],
+.dropdown-navigation--focus ul[role="menu"] li ul[role="menu"]:focus {
+  visibility: visible;
+  z-index: 1;
+  opacity: 1;
+  display: block;
+}
+
+.dropdown-navigation ul[role="menu"] li ul[role="menu"] li, .dropdown-navigation--focus ul[role="menu"] li ul[role="menu"] li {
+  clear: both;
+  width: 100%;
+}
+
+@media (--breakpoint-large) {
+  .dropdown-navigation ul[role="menu"], .dropdown-navigation--focus ul[role="menu"] {
+    top: 100%;
+  }
+}
+
+.right-4 {
+  right: 4rem;
+}
+
+@media (--breakpoint-large) {
+  .initial-l {
+    position: static;
+    position: initial;
+  }
+}
+
+.bottom-100 {
+  bottom: 100%;
+}
+
+.top-100 {
+  top: 100%;
+}
+
+@media (--breakpoint-large) {
+  .top-100-l {
+    top: 100%;
+  }
+}
+
+/* ajust spacing for fixed|sticky header */
+
+#app {
+  padding-top: 3rem;
+}
+
+@media (--breakpoint-large) {
+  #app {
+    padding-top: 0;
+  }
+}
+
+input[disabled][type=number] {
+  -moz-appearance: textfield;
+}
+
+.icon--dn {
+  display: none;
+}
+
+@media (--breakpoint-not-small){
+  .icon--dn-ns {
+    display: none;
+  }
+  .icon--dib-ns {
+    display: inline-block;
+  }
+}
diff --git a/cmd/run_server.go b/cmd/run_server.go
index a26cd32..d45e55d 100644
--- a/cmd/run_server.go
+++ b/cmd/run_server.go
@@ -50,6 +50,10 @@ func RunServer(configBackend string) error {
 	services.OauthService.RegisterRoutes(router, "/v1/oauth")
 
 	webRoutes := mux.NewRouter()
+
+	// Serve static files under ../public
+	webRoutes.PathPrefix("/static/").Handler(http.StripPrefix("/static/", http.FileServer(http.Dir("../public/"))))
+
 	services.WebService.RegisterRoutes(webRoutes, "/web")
 
 	CSRF := csrf.Protect(
diff --git a/config.sample.json b/config.sample.json
index 7b316c9..1d515f1 100644
--- a/config.sample.json
+++ b/config.sample.json
@@ -1,5 +1,6 @@
 {
   "Hostname": "id.resonate.localhost",
+  "Version":"1.2.0-0",
   "Clients": [
     {
       "ConnectUrl": "https://stream.resonate.localhost/api/v3/user/connect/resonate",
diff --git a/config/config.go b/config/config.go
index 352e433..3f821b7 100644
--- a/config/config.go
+++ b/config/config.go
@@ -80,6 +80,7 @@ type UserAPIConfig struct {
 // Config stores all configuration options
 type Config struct {
 	Hostname            string
+	Version             string // versioning for static assets
 	CSRF                CSRFConfig
 	Mailgun             MailgunConfig
 	Database            DatabaseConfig
diff --git a/package-lock.json b/package-lock.json
index d040887..a9666ff 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.0.0",
       "license": "MIT",
       "dependencies": {
+        "@resonate/tachyons": "^1.3.4",
         "alpinejs": "^3.13.3",
         "browser-cookies": "^1.2.0",
         "validator": "^12.0.0",
@@ -1156,6 +1157,15 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@resonate/tachyons": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/@resonate/tachyons/-/tachyons-1.3.4.tgz",
+      "integrity": "sha512-eJRk00k/SnmVqXlG8SHsRhgzl0jwuVh4gMbNzZTYH6XbBGzbixxaxK+o0ysOkaNkdXtIzwCIuw15l3s37BMUog==",
+      "license": "MIT",
+      "dependencies": {
+        "tachyons-custom": "4.9.6"
+      }
+    },
     "node_modules/@vue/reactivity": {
       "version": "3.1.5",
       "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.5.tgz",
@@ -1314,9 +1324,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001597",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001597.tgz",
-      "integrity": "sha512-7LjJvmQU6Sj7bL0j5b5WY/3n7utXUJvAe1lxhsHDbLmwX9mdL86Yjtr+5SRCyf8qME4M7pU2hswj0FpyBVCv9w==",
+      "version": "1.0.30001707",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001707.tgz",
+      "integrity": "sha512-3qtRjw/HQSMlDWf+X79N206fepf4SOOU6SQLMaq/0KkZLmSjPxAkBOQQ+FxbHKfHmYLZFfdWsO3KA90ceHPSnw==",
       "dev": true,
       "funding": [
         {
@@ -1331,7 +1341,8 @@
           "type": "github",
           "url": "https://github.com/sponsors/ai"
         }
-      ]
+      ],
+      "license": "CC-BY-4.0"
     },
     "node_modules/chokidar": {
       "version": "3.6.0",
@@ -2875,6 +2886,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/tachyons-custom": {
+      "version": "4.9.6",
+      "resolved": "https://registry.npmjs.org/tachyons-custom/-/tachyons-custom-4.9.6.tgz",
+      "integrity": "sha512-HsrN1C8GTj9Tr8Ki4XMZdd1ye2O8YLVUXNAJiga3DzcdY4pRuEMYcvjOk0wAGEdVgePPSAWAsE+CWNZzNagEJw==",
+      "license": "MIT"
+    },
     "node_modules/thenby": {
       "version": "1.3.4",
       "resolved": "https://registry.npmjs.org/thenby/-/thenby-1.3.4.tgz",
@@ -3505,6 +3522,14 @@
         "fastq": "^1.6.0"
       }
     },
+    "@resonate/tachyons": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/@resonate/tachyons/-/tachyons-1.3.4.tgz",
+      "integrity": "sha512-eJRk00k/SnmVqXlG8SHsRhgzl0jwuVh4gMbNzZTYH6XbBGzbixxaxK+o0ysOkaNkdXtIzwCIuw15l3s37BMUog==",
+      "requires": {
+        "tachyons-custom": "4.9.6"
+      }
+    },
     "@vue/reactivity": {
       "version": "3.1.5",
       "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.5.tgz",
@@ -3598,9 +3623,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001597",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001597.tgz",
-      "integrity": "sha512-7LjJvmQU6Sj7bL0j5b5WY/3n7utXUJvAe1lxhsHDbLmwX9mdL86Yjtr+5SRCyf8qME4M7pU2hswj0FpyBVCv9w==",
+      "version": "1.0.30001707",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001707.tgz",
+      "integrity": "sha512-3qtRjw/HQSMlDWf+X79N206fepf4SOOU6SQLMaq/0KkZLmSjPxAkBOQQ+FxbHKfHmYLZFfdWsO3KA90ceHPSnw==",
       "dev": true
     },
     "chokidar": {
@@ -4493,6 +4518,11 @@
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
       "dev": true
     },
+    "tachyons-custom": {
+      "version": "4.9.6",
+      "resolved": "https://registry.npmjs.org/tachyons-custom/-/tachyons-custom-4.9.6.tgz",
+      "integrity": "sha512-HsrN1C8GTj9Tr8Ki4XMZdd1ye2O8YLVUXNAJiga3DzcdY4pRuEMYcvjOk0wAGEdVgePPSAWAsE+CWNZzNagEJw=="
+    },
     "thenby": {
       "version": "1.3.4",
       "resolved": "https://registry.npmjs.org/thenby/-/thenby-1.3.4.tgz",
diff --git a/package.json b/package.json
index c696069..1d5a3f6 100644
--- a/package.json
+++ b/package.json
@@ -7,8 +7,8 @@
     "build": "./node_modules/.bin/esbuild assets/js/main.js --bundle --outfile=public/js/main.js",
     "build:js:minify": "./node_modules/.bin/esbuild assets/js/main.js --minify --bundle --outfile=public/js/main.min.js",
     "build:js": "./node_modules/.bin/esbuild assets/js/main.js --bundle --outfile=public/js/main.js",
-    "build:css": "postcss assets/css/main.css -o public/css/main.min.css",
-    "watch:css": "postcss --watch assets/css/main.css -o public/css/main.min.css",
+    "build:css": "postcss assets/css/main.css -o public/css/main.css",
+    "watch:css": "postcss --watch assets/css/main.css -o public/css/main.css",
     "watch:js": "./node_modules/.bin/esbuild assets/js/main.js --bundle --outdir=./public/js --watch --servedir=./public --keyfile=your.key --certfile=your.cert"
   },
   "keywords": [
@@ -25,6 +25,7 @@
     "postcss-preset-env": "^8.0.1"
   },
   "dependencies": {
+    "@resonate/tachyons": "^1.3.4",
     "alpinejs": "^3.13.3",
     "browser-cookies": "^1.2.0",
     "validator": "^12.0.0",
diff --git a/postcss.config.js b/postcss.config.js
index d04430a..938f922 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -10,7 +10,6 @@ module.exports = {
         },
         'nesting-rules': true
       }
-    }),
-    require('postcss-minify')()
+    })
   ]
 }
diff --git a/public/css/main.css b/public/css/main.css
new file mode 100644
index 0000000..31e276a
--- /dev/null
+++ b/public/css/main.css
@@ -0,0 +1,9882 @@
+/*! TACHYONS v4.9.0 | http://tachyons.io */
+
+/*
+ *
+ *      ________            ______
+ *      ___  __/_____ _________  /______  ______________________
+ *      __  /  _  __ `/  ___/_  __ \_  / / /  __ \_  __ \_  ___/
+ *      _  /   / /_/ // /__ _  / / /  /_/ // /_/ /  / / /(__  )
+ *      /_/    \__,_/ \___/ /_/ /_/_\__, / \____//_/ /_//____/
+ *                                 /____/
+ *
+ *    TABLE OF CONTENTS
+ *
+ *    1. External Library Includes
+ *       - Normalize.css | http://normalize.css.github.io
+ *    2. Tachyons Modules
+ *    3. Variables
+ *       - Media Queries
+ *       - Colors
+ *    4. Debugging
+ *       - Debug all
+ *       - Debug children
+ *
+ */
+
+/* External Library Includes */
+
+/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in
+ *    IE on Windows Phone and in iOS.
+ */
+
+html {
+  line-height: 1.15; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+article,
+aside,
+footer,
+header,
+nav,
+section {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
+ */
+
+figcaption,
+figure,
+main { /* 1 */
+  display: block;
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+
+figure {
+  margin: 1em 40px;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+
+a {
+  background-color: transparent; /* 1 */
+  -webkit-text-decoration-skip: objects; /* 2 */
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  -webkit-text-decoration: underline;
+  text-decoration: underline; /* 2 */
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+b,
+strong {
+  font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+
+dfn {
+  font-style: italic;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+
+mark {
+  background-color: #ff0;
+  color: #000;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+  display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+  border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: sans-serif; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ *    controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+html [type="button"], /* 1 */
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  display: inline-block; /* 1 */
+  vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+
+details, /* 1 */
+menu {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Scripting
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+  display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+  display: none;
+}
+
+/* Hidden
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+  display: none;
+}
+
+/* Modules */
+
+/*
+
+  BOX SIZING
+
+*/
+
+html,
+body,
+div,
+article,
+section,
+main,
+footer,
+header,
+form,
+fieldset,
+legend,
+pre,
+code,
+a,
+h1,h2,h3,h4,h5,h6,
+p,
+ul,
+ol,
+li,
+dl,
+dt,
+dd,
+textarea,
+table,
+td,
+th,
+tr,
+input[type="email"],
+input[type="number"],
+input[type="password"],
+input[type="tel"],
+input[type="text"],
+input[type="url"],
+.border-box {
+  box-sizing: border-box;
+}
+
+/*
+
+   ASPECT RATIOS
+
+*/
+
+/* This is for fluid media that is embedded from third party sites like youtube, vimeo etc.
+ * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e
+ * Make sure there are no height and width attributes on the embedded media.
+ * Adapted from: https://github.com/suitcss/components-flex-embed
+ *
+ * Example:
+ *
+ * <div class="aspect-ratio aspect-ratio--16x9">
+ *  <iframe class="aspect-ratio--object"></iframe>
+ * </div>
+ *
+ * */
+
+.aspect-ratio {
+  height: 0;
+  position: relative;
+}
+
+.aspect-ratio--16x9 { padding-bottom: 56.25%; }
+
+.aspect-ratio--9x16 { padding-bottom: 177.77%; }
+
+.aspect-ratio--4x3 {  padding-bottom: 75%; }
+
+.aspect-ratio--3x4 {  padding-bottom: 133.33%; }
+
+.aspect-ratio--6x4 {  padding-bottom: 66.6%; }
+
+.aspect-ratio--4x6 {  padding-bottom: 150%; }
+
+.aspect-ratio--8x5 {  padding-bottom: 62.5%; }
+
+.aspect-ratio--5x8 {  padding-bottom: 160%; }
+
+.aspect-ratio--7x5 {  padding-bottom: 71.42%; }
+
+.aspect-ratio--5x7 {  padding-bottom: 140%; }
+
+.aspect-ratio--1x1 {  padding-bottom: 100%; }
+
+.aspect-ratio--object {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 100;
+}
+
+@media screen and (min-width: 30em){
+    .aspect-ratio-ns {
+      height: 0;
+      position: relative;
+    }
+    .aspect-ratio--16x9-ns { padding-bottom: 56.25%; }
+    .aspect-ratio--9x16-ns { padding-bottom: 177.77%; }
+    .aspect-ratio--4x3-ns {  padding-bottom: 75%; }
+    .aspect-ratio--3x4-ns {  padding-bottom: 133.33%; }
+    .aspect-ratio--6x4-ns {  padding-bottom: 66.6%; }
+    .aspect-ratio--4x6-ns {  padding-bottom: 150%; }
+    .aspect-ratio--8x5-ns {  padding-bottom: 62.5%; }
+    .aspect-ratio--5x8-ns {  padding-bottom: 160%; }
+    .aspect-ratio--7x5-ns {  padding-bottom: 71.42%; }
+    .aspect-ratio--5x7-ns {  padding-bottom: 140%; }
+    .aspect-ratio--1x1-ns {  padding-bottom: 100%; }
+    .aspect-ratio--object-ns {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 100;
+    }
+}
+
+@media (--breakpoint-not-small){
+    .aspect-ratio-ns {
+      height: 0;
+      position: relative;
+    }
+    .aspect-ratio--16x9-ns { padding-bottom: 56.25%; }
+    .aspect-ratio--9x16-ns { padding-bottom: 177.77%; }
+    .aspect-ratio--4x3-ns {  padding-bottom: 75%; }
+    .aspect-ratio--3x4-ns {  padding-bottom: 133.33%; }
+    .aspect-ratio--6x4-ns {  padding-bottom: 66.6%; }
+    .aspect-ratio--4x6-ns {  padding-bottom: 150%; }
+    .aspect-ratio--8x5-ns {  padding-bottom: 62.5%; }
+    .aspect-ratio--5x8-ns {  padding-bottom: 160%; }
+    .aspect-ratio--7x5-ns {  padding-bottom: 71.42%; }
+    .aspect-ratio--5x7-ns {  padding-bottom: 140%; }
+    .aspect-ratio--1x1-ns {  padding-bottom: 100%; }
+    .aspect-ratio--object-ns {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 100;
+    }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em){
+    .aspect-ratio-m {
+      height: 0;
+      position: relative;
+    }
+    .aspect-ratio--16x9-m { padding-bottom: 56.25%; }
+    .aspect-ratio--9x16-m { padding-bottom: 177.77%; }
+    .aspect-ratio--4x3-m {  padding-bottom: 75%; }
+    .aspect-ratio--3x4-m {  padding-bottom: 133.33%; }
+    .aspect-ratio--6x4-m {  padding-bottom: 66.6%; }
+    .aspect-ratio--4x6-m {  padding-bottom: 150%; }
+    .aspect-ratio--8x5-m {  padding-bottom: 62.5%; }
+    .aspect-ratio--5x8-m {  padding-bottom: 160%; }
+    .aspect-ratio--7x5-m {  padding-bottom: 71.42%; }
+    .aspect-ratio--5x7-m {  padding-bottom: 140%; }
+    .aspect-ratio--1x1-m {  padding-bottom: 100%; }
+    .aspect-ratio--object-m {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 100;
+    }
+}
+
+@media (--breakpoint-medium){
+    .aspect-ratio-m {
+      height: 0;
+      position: relative;
+    }
+    .aspect-ratio--16x9-m { padding-bottom: 56.25%; }
+    .aspect-ratio--9x16-m { padding-bottom: 177.77%; }
+    .aspect-ratio--4x3-m {  padding-bottom: 75%; }
+    .aspect-ratio--3x4-m {  padding-bottom: 133.33%; }
+    .aspect-ratio--6x4-m {  padding-bottom: 66.6%; }
+    .aspect-ratio--4x6-m {  padding-bottom: 150%; }
+    .aspect-ratio--8x5-m {  padding-bottom: 62.5%; }
+    .aspect-ratio--5x8-m {  padding-bottom: 160%; }
+    .aspect-ratio--7x5-m {  padding-bottom: 71.42%; }
+    .aspect-ratio--5x7-m {  padding-bottom: 140%; }
+    .aspect-ratio--1x1-m {  padding-bottom: 100%; }
+    .aspect-ratio--object-m {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 100;
+    }
+}
+
+@media screen and (min-width: 60em){
+    .aspect-ratio-l {
+      height: 0;
+      position: relative;
+    }
+    .aspect-ratio--16x9-l { padding-bottom: 56.25%; }
+    .aspect-ratio--9x16-l { padding-bottom: 177.77%; }
+    .aspect-ratio--4x3-l {  padding-bottom: 75%; }
+    .aspect-ratio--3x4-l {  padding-bottom: 133.33%; }
+    .aspect-ratio--6x4-l {  padding-bottom: 66.6%; }
+    .aspect-ratio--4x6-l {  padding-bottom: 150%; }
+    .aspect-ratio--8x5-l {  padding-bottom: 62.5%; }
+    .aspect-ratio--5x8-l {  padding-bottom: 160%; }
+    .aspect-ratio--7x5-l {  padding-bottom: 71.42%; }
+    .aspect-ratio--5x7-l {  padding-bottom: 140%; }
+    .aspect-ratio--1x1-l {  padding-bottom: 100%; }
+    .aspect-ratio--object-l {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 100;
+    }
+}
+
+@media (--breakpoint-large){
+    .aspect-ratio-l {
+      height: 0;
+      position: relative;
+    }
+    .aspect-ratio--16x9-l { padding-bottom: 56.25%; }
+    .aspect-ratio--9x16-l { padding-bottom: 177.77%; }
+    .aspect-ratio--4x3-l {  padding-bottom: 75%; }
+    .aspect-ratio--3x4-l {  padding-bottom: 133.33%; }
+    .aspect-ratio--6x4-l {  padding-bottom: 66.6%; }
+    .aspect-ratio--4x6-l {  padding-bottom: 150%; }
+    .aspect-ratio--8x5-l {  padding-bottom: 62.5%; }
+    .aspect-ratio--5x8-l {  padding-bottom: 160%; }
+    .aspect-ratio--7x5-l {  padding-bottom: 71.42%; }
+    .aspect-ratio--5x7-l {  padding-bottom: 140%; }
+    .aspect-ratio--1x1-l {  padding-bottom: 100%; }
+    .aspect-ratio--object-l {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 100;
+    }
+}
+
+/*
+
+   IMAGES
+   Docs: http://tachyons.io/docs/elements/images/
+
+*/
+
+/* Responsive images! */
+
+img { max-width: 100%; }
+
+/*
+
+   BACKGROUND SIZE
+   Docs: http://tachyons.io/docs/themes/background-size/
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+/*
+  Often used in combination with background image set as an inline style
+  on an html element.
+*/
+
+.cover { background-size: cover!important; }
+
+.contain { background-size: contain!important; }
+
+@media screen and (min-width: 30em) {
+  .cover-ns { background-size: cover!important; }
+  .contain-ns { background-size: contain!important; }
+}
+
+@media (--breakpoint-not-small) {
+  .cover-ns { background-size: cover!important; }
+  .contain-ns { background-size: contain!important; }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .cover-m { background-size: cover!important; }
+  .contain-m { background-size: contain!important; }
+}
+
+@media (--breakpoint-medium) {
+  .cover-m { background-size: cover!important; }
+  .contain-m { background-size: contain!important; }
+}
+
+@media screen and (min-width: 60em) {
+  .cover-l { background-size: cover!important; }
+  .contain-l { background-size: contain!important; }
+}
+
+@media (--breakpoint-large) {
+  .cover-l { background-size: cover!important; }
+  .contain-l { background-size: contain!important; }
+}
+
+/*
+
+    BACKGROUND POSITION
+
+    Base:
+    bg = background
+
+    Modifiers:
+    -center = center center
+    -top = top center
+    -right = center right
+    -bottom = bottom center
+    -left = center left
+
+    Media Query Extensions:
+      -ns = not-small
+      -m  = medium
+      -l  = large
+
+ */
+
+.bg-center { 
+  background-repeat: no-repeat;
+  background-position: center center; 
+}
+
+.bg-top {    
+  background-repeat: no-repeat; 
+  background-position: top center;    
+}
+
+.bg-right {  
+  background-repeat: no-repeat; 
+  background-position: center right;  
+}
+
+.bg-bottom { 
+  background-repeat: no-repeat; 
+  background-position: bottom center; 
+}
+
+.bg-left {   
+  background-repeat: no-repeat; 
+  background-position: center left;   
+}
+
+@media screen and (min-width: 30em) {
+  .bg-center-ns { 
+    background-repeat: no-repeat;
+    background-position: center center; 
+  }
+
+  .bg-top-ns {    
+    background-repeat: no-repeat; 
+    background-position: top center;    
+  }
+
+  .bg-right-ns {  
+    background-repeat: no-repeat; 
+    background-position: center right;  
+  }
+
+  .bg-bottom-ns { 
+    background-repeat: no-repeat; 
+    background-position: bottom center; 
+  }
+
+  .bg-left-ns {   
+    background-repeat: no-repeat; 
+    background-position: center left;   
+  }
+}
+
+@media (--breakpoint-not-small) {
+  .bg-center-ns { 
+    background-repeat: no-repeat;
+    background-position: center center; 
+  }
+
+  .bg-top-ns {    
+    background-repeat: no-repeat; 
+    background-position: top center;    
+  }
+
+  .bg-right-ns {  
+    background-repeat: no-repeat; 
+    background-position: center right;  
+  }
+
+  .bg-bottom-ns { 
+    background-repeat: no-repeat; 
+    background-position: bottom center; 
+  }
+
+  .bg-left-ns {   
+    background-repeat: no-repeat; 
+    background-position: center left;   
+  }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .bg-center-m { 
+    background-repeat: no-repeat;
+    background-position: center center; 
+  }
+
+  .bg-top-m {    
+    background-repeat: no-repeat; 
+    background-position: top center;    
+  }
+
+  .bg-right-m {  
+    background-repeat: no-repeat; 
+    background-position: center right;  
+  }
+
+  .bg-bottom-m { 
+    background-repeat: no-repeat; 
+    background-position: bottom center; 
+  }
+
+  .bg-left-m {   
+    background-repeat: no-repeat; 
+    background-position: center left;   
+  }
+}
+
+@media (--breakpoint-medium) {
+  .bg-center-m { 
+    background-repeat: no-repeat;
+    background-position: center center; 
+  }
+
+  .bg-top-m {    
+    background-repeat: no-repeat; 
+    background-position: top center;    
+  }
+
+  .bg-right-m {  
+    background-repeat: no-repeat; 
+    background-position: center right;  
+  }
+
+  .bg-bottom-m { 
+    background-repeat: no-repeat; 
+    background-position: bottom center; 
+  }
+
+  .bg-left-m {   
+    background-repeat: no-repeat; 
+    background-position: center left;   
+  }
+}
+
+@media screen and (min-width: 60em) {
+  .bg-center-l { 
+    background-repeat: no-repeat;
+    background-position: center center; 
+  }
+
+  .bg-top-l {    
+    background-repeat: no-repeat; 
+    background-position: top center;    
+  }
+
+  .bg-right-l {  
+    background-repeat: no-repeat; 
+    background-position: center right;  
+  }
+
+  .bg-bottom-l { 
+    background-repeat: no-repeat; 
+    background-position: bottom center; 
+  }
+
+  .bg-left-l {   
+    background-repeat: no-repeat; 
+    background-position: center left;   
+  }
+}
+
+@media (--breakpoint-large) {
+  .bg-center-l { 
+    background-repeat: no-repeat;
+    background-position: center center; 
+  }
+
+  .bg-top-l {    
+    background-repeat: no-repeat; 
+    background-position: top center;    
+  }
+
+  .bg-right-l {  
+    background-repeat: no-repeat; 
+    background-position: center right;  
+  }
+
+  .bg-bottom-l { 
+    background-repeat: no-repeat; 
+    background-position: bottom center; 
+  }
+
+  .bg-left-l {   
+    background-repeat: no-repeat; 
+    background-position: center left;   
+  }
+}
+
+/*
+
+   OUTLINES
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.outline { outline: 1px solid; }
+
+.outline-transparent { outline: 1px solid transparent; }
+
+.outline-0 { outline: 0; }
+
+@media screen and (min-width: 30em) {
+  .outline-ns { outline: 1px solid; }
+  .outline-transparent-ns { outline: 1px solid transparent; }
+  .outline-0-ns { outline: 0; }
+}
+
+@media (--breakpoint-not-small) {
+  .outline-ns { outline: 1px solid; }
+  .outline-transparent-ns { outline: 1px solid transparent; }
+  .outline-0-ns { outline: 0; }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .outline-m { outline: 1px solid; }
+  .outline-transparent-m { outline: 1px solid transparent; }
+  .outline-0-m { outline: 0; }
+}
+
+@media (--breakpoint-medium) {
+  .outline-m { outline: 1px solid; }
+  .outline-transparent-m { outline: 1px solid transparent; }
+  .outline-0-m { outline: 0; }
+}
+
+@media screen and (min-width: 60em) {
+  .outline-l { outline: 1px solid; }
+  .outline-transparent-l { outline: 1px solid transparent; }
+  .outline-0-l { outline: 0; }
+}
+
+@media (--breakpoint-large) {
+  .outline-l { outline: 1px solid; }
+  .outline-transparent-l { outline: 1px solid transparent; }
+  .outline-0-l { outline: 0; }
+}
+
+/*
+
+    BORDERS
+    Docs: http://tachyons.io/docs/themes/borders/
+
+    Base:
+      b = border
+
+    Modifiers:
+      a = all
+      t = top
+      r = right
+      b = bottom
+      l = left
+      n = none
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.ba { border-style: solid; border-width: 1px; }
+
+.bt { border-top-style: solid; border-top-width: 1px; }
+
+.br { border-right-style: solid; border-right-width: 1px; }
+
+.bb { border-bottom-style: solid; border-bottom-width: 1px; }
+
+.bl { border-left-style: solid; border-left-width: 1px; }
+
+.bn { border-style: none; border-width: 0; }
+
+@media screen and (min-width: 30em) {
+  .ba-ns { border-style: solid; border-width: 1px; }
+  .bt-ns { border-top-style: solid; border-top-width: 1px; }
+  .br-ns { border-right-style: solid; border-right-width: 1px; }
+  .bb-ns { border-bottom-style: solid; border-bottom-width: 1px; }
+  .bl-ns { border-left-style: solid; border-left-width: 1px; }
+  .bn-ns { border-style: none; border-width: 0; }
+}
+
+@media (--breakpoint-not-small) {
+  .ba-ns { border-style: solid; border-width: 1px; }
+  .bt-ns { border-top-style: solid; border-top-width: 1px; }
+  .br-ns { border-right-style: solid; border-right-width: 1px; }
+  .bb-ns { border-bottom-style: solid; border-bottom-width: 1px; }
+  .bl-ns { border-left-style: solid; border-left-width: 1px; }
+  .bn-ns { border-style: none; border-width: 0; }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .ba-m { border-style: solid; border-width: 1px; }
+  .bt-m { border-top-style: solid; border-top-width: 1px; }
+  .br-m { border-right-style: solid; border-right-width: 1px; }
+  .bb-m { border-bottom-style: solid; border-bottom-width: 1px; }
+  .bl-m { border-left-style: solid; border-left-width: 1px; }
+  .bn-m { border-style: none; border-width: 0; }
+}
+
+@media (--breakpoint-medium) {
+  .ba-m { border-style: solid; border-width: 1px; }
+  .bt-m { border-top-style: solid; border-top-width: 1px; }
+  .br-m { border-right-style: solid; border-right-width: 1px; }
+  .bb-m { border-bottom-style: solid; border-bottom-width: 1px; }
+  .bl-m { border-left-style: solid; border-left-width: 1px; }
+  .bn-m { border-style: none; border-width: 0; }
+}
+
+@media screen and (min-width: 60em) {
+  .ba-l { border-style: solid; border-width: 1px; }
+  .bt-l { border-top-style: solid; border-top-width: 1px; }
+  .br-l { border-right-style: solid; border-right-width: 1px; }
+  .bb-l { border-bottom-style: solid; border-bottom-width: 1px; }
+  .bl-l { border-left-style: solid; border-left-width: 1px; }
+  .bn-l { border-style: none; border-width: 0; }
+}
+
+@media (--breakpoint-large) {
+  .ba-l { border-style: solid; border-width: 1px; }
+  .bt-l { border-top-style: solid; border-top-width: 1px; }
+  .br-l { border-right-style: solid; border-right-width: 1px; }
+  .bb-l { border-bottom-style: solid; border-bottom-width: 1px; }
+  .bl-l { border-left-style: solid; border-left-width: 1px; }
+  .bn-l { border-style: none; border-width: 0; }
+}
+
+/*
+
+   BORDER COLORS
+   Docs: http://tachyons.io/docs/themes/borders/
+
+   Border colors can be used to extend the base
+   border classes ba,bt,bb,br,bl found in the _borders.css file.
+
+   The base border class by default will set the color of the border
+   to that of the current text color. These classes are for the cases
+   where you desire for the text and border colors to be different.
+
+   Base:
+     b = border
+
+   Modifiers:
+   --color-name = each color variable name is also a border color name
+
+*/
+
+.b--black {        border-color: hsl(210, 4%, 10%);        border-color: var(--black); }
+
+.b--near-black {   border-color: hsl(195, 2%, 32%);   border-color: var(--near-black); }
+
+.b--dark-gray {    border-color: hsl(200, 2%, 49%);    border-color: var(--dark-gray); }
+
+.b--mid-gray {     border-color: hsl(197, 5%, 72%);     border-color: var(--mid-gray); }
+
+.b--gray {         border-color: hsl(197, 10%, 86%);         border-color: var(--gray); }
+
+.b--silver {       border-color: #999;       border-color: var(--silver); }
+
+.b--light-silver { border-color: #aaa; border-color: var(--light-silver); }
+
+.b--moon-gray {    border-color: #ccc;    border-color: var(--moon-gray); }
+
+.b--light-gray {   border-color: hsl(195, 25%, 94%);   border-color: var(--light-gray); }
+
+.b--near-white {   border-color: hsl(200, 13%, 95%);   border-color: var(--near-white); }
+
+.b--white {        border-color: #fff;        border-color: var(--white); }
+
+.b--white-90 {   border-color: rgba(255,255,255,.9);   border-color: var(--white-90); }
+
+.b--white-80 {   border-color: rgba(255,255,255,.8);   border-color: var(--white-80); }
+
+.b--white-70 {   border-color: rgba(255,255,255,.7);   border-color: var(--white-70); }
+
+.b--white-60 {   border-color: rgba(255,255,255,.6);   border-color: var(--white-60); }
+
+.b--white-50 {   border-color: rgba(255,255,255,.5);   border-color: var(--white-50); }
+
+.b--white-40 {   border-color: rgba(255,255,255,.4);   border-color: var(--white-40); }
+
+.b--white-30 {   border-color: rgba(255,255,255,.3);   border-color: var(--white-30); }
+
+.b--white-20 {   border-color: rgba(255,255,255,.2);   border-color: var(--white-20); }
+
+.b--white-10 {   border-color: rgba(255,255,255,.1);   border-color: var(--white-10); }
+
+.b--white-05 {   border-color: rgba(255,255,255,.05);   border-color: var(--white-05); }
+
+.b--white-025 {   border-color: rgba(255,255,255,.025);   border-color: var(--white-025); }
+
+.b--white-0125 {   border-color: rgba(255,255,255,.0125);   border-color: var(--white-0125); }
+
+.b--black-90 {   border-color: rgba(0,0,0,.9);   border-color: var(--black-90); }
+
+.b--black-80 {   border-color: rgba(0,0,0,.8);   border-color: var(--black-80); }
+
+.b--black-70 {   border-color: rgba(0,0,0,.7);   border-color: var(--black-70); }
+
+.b--black-60 {   border-color: rgba(0,0,0,.6);   border-color: var(--black-60); }
+
+.b--black-50 {   border-color: rgba(0,0,0,.5);   border-color: var(--black-50); }
+
+.b--black-40 {   border-color: rgba(0,0,0,.4);   border-color: var(--black-40); }
+
+.b--black-30 {   border-color: rgba(0,0,0,.3);   border-color: var(--black-30); }
+
+.b--black-20 {   border-color: rgba(0,0,0,.2);   border-color: var(--black-20); }
+
+.b--black-10 {   border-color: rgba(0,0,0,.1);   border-color: var(--black-10); }
+
+.b--black-05 {   border-color: rgba(0,0,0,.05);   border-color: var(--black-05); }
+
+.b--black-025 {   border-color: rgba(0,0,0,.025);   border-color: var(--black-025); }
+
+.b--black-0125 {   border-color: rgba(0,0,0,.0125);   border-color: var(--black-0125); }
+
+.b--dark-red { border-color: #e7040f; border-color: var(--dark-red); }
+
+.b--red { border-color: #ff4136; border-color: var(--red); }
+
+.b--light-red { border-color: #ff725c; border-color: var(--light-red); }
+
+.b--orange { border-color: #ff6300; border-color: var(--orange); }
+
+.b--gold { border-color: #ffb700; border-color: var(--gold); }
+
+.b--yellow { border-color: #ffd700; border-color: var(--yellow); }
+
+.b--light-yellow { border-color: #fbf1a9; border-color: var(--light-yellow); }
+
+.b--purple { border-color: #5e2ca5; border-color: var(--purple); }
+
+.b--light-purple { border-color: #a463f2; border-color: var(--light-purple); }
+
+.b--dark-pink { border-color: #d5008f; border-color: var(--dark-pink); }
+
+.b--hot-pink { border-color: #ff41b4; border-color: var(--hot-pink); }
+
+.b--pink { border-color: #ff80cc; border-color: var(--pink); }
+
+.b--light-pink { border-color: #ffa3d7; border-color: var(--light-pink); }
+
+.b--dark-green { border-color: #137752; border-color: var(--dark-green); }
+
+.b--green { border-color: #A6FF7C; border-color: var(--green); }
+
+.b--light-green { border-color: #9eebcf; border-color: var(--light-green); }
+
+.b--navy { border-color: #001b44; border-color: var(--navy); }
+
+.b--dark-blue { border-color: #00449e; border-color: var(--dark-blue); }
+
+.b--blue { border-color: #357edd; border-color: var(--blue); }
+
+.b--light-blue { border-color: #96ccff; border-color: var(--light-blue); }
+
+.b--lightest-blue { border-color: #cdecff; border-color: var(--lightest-blue); }
+
+.b--washed-blue { border-color: #f6fffe; border-color: var(--washed-blue); }
+
+.b--washed-green { border-color: #e8fdf5; border-color: var(--washed-green); }
+
+.b--washed-yellow { border-color: #fffceb; border-color: var(--washed-yellow); }
+
+.b--washed-red { border-color: #ffdfdf; border-color: var(--washed-red); }
+
+.b--transparent { border-color: transparent; border-color: var(--transparent); }
+
+.b--inherit { border-color: inherit; }
+
+/*
+
+   BORDER RADIUS
+   Docs: http://tachyons.io/docs/themes/border-radius/
+
+   Base:
+     br   = border-radius
+
+   Modifiers:
+     0    = 0/none
+     1    = 1st step in scale
+     2    = 2nd step in scale
+     3    = 3rd step in scale
+     4    = 4th step in scale
+
+   Literal values:
+     -100 = 100%
+     -pill = 9999px
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.br0 {        border-radius: 0;        border-radius: var(--border-radius-none) }
+
+.br1 {        border-radius: .125rem;        border-radius: var(--border-radius-1); }
+
+.br2 {        border-radius: .25rem;        border-radius: var(--border-radius-2); }
+
+.br3 {        border-radius: .5rem;        border-radius: var(--border-radius-3); }
+
+.br4 {        border-radius: 1rem;        border-radius: var(--border-radius-4); }
+
+.br-100 {     border-radius: 100%;     border-radius: var(--border-radius-circle); }
+
+.br-pill {    border-radius: 9999px;    border-radius: var(--border-radius-pill); }
+
+.br--bottom {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+  }
+
+.br--top {
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+
+.br--right {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+  }
+
+.br--left {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+
+@media screen and (min-width: 30em) {
+  .br0-ns {     border-radius: 0;     border-radius: var(--border-radius-none) }
+  .br1-ns {     border-radius: .125rem;     border-radius: var(--border-radius-1); }
+  .br2-ns {     border-radius: .25rem;     border-radius: var(--border-radius-2); }
+  .br3-ns {     border-radius: .5rem;     border-radius: var(--border-radius-3); }
+  .br4-ns {     border-radius: 1rem;     border-radius: var(--border-radius-4); }
+  .br-100-ns {  border-radius: 100%;  border-radius: var(--border-radius-circle); }
+  .br-pill-ns { border-radius: 9999px; border-radius: var(--border-radius-pill); }
+  .br--bottom-ns {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+  }
+  .br--top-ns {
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+  .br--right-ns {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+  }
+  .br--left-ns {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+}
+
+@media (--breakpoint-not-small) {
+  .br0-ns {     border-radius: 0;     border-radius: var(--border-radius-none) }
+  .br1-ns {     border-radius: .125rem;     border-radius: var(--border-radius-1); }
+  .br2-ns {     border-radius: .25rem;     border-radius: var(--border-radius-2); }
+  .br3-ns {     border-radius: .5rem;     border-radius: var(--border-radius-3); }
+  .br4-ns {     border-radius: 1rem;     border-radius: var(--border-radius-4); }
+  .br-100-ns {  border-radius: 100%;  border-radius: var(--border-radius-circle); }
+  .br-pill-ns { border-radius: 9999px; border-radius: var(--border-radius-pill); }
+  .br--bottom-ns {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+  }
+  .br--top-ns {
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+  .br--right-ns {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+  }
+  .br--left-ns {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .br0-m {     border-radius: 0;     border-radius: var(--border-radius-none) }
+  .br1-m {     border-radius: .125rem;     border-radius: var(--border-radius-1); }
+  .br2-m {     border-radius: .25rem;     border-radius: var(--border-radius-2); }
+  .br3-m {     border-radius: .5rem;     border-radius: var(--border-radius-3); }
+  .br4-m {     border-radius: 1rem;     border-radius: var(--border-radius-4); }
+  .br-100-m {  border-radius: 100%;  border-radius: var(--border-radius-circle); }
+  .br-pill-m { border-radius: 9999px; border-radius: var(--border-radius-pill); }
+  .br--bottom-m {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+  }
+  .br--top-m {
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+  .br--right-m {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+  }
+  .br--left-m {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+}
+
+@media (--breakpoint-medium) {
+  .br0-m {     border-radius: 0;     border-radius: var(--border-radius-none) }
+  .br1-m {     border-radius: .125rem;     border-radius: var(--border-radius-1); }
+  .br2-m {     border-radius: .25rem;     border-radius: var(--border-radius-2); }
+  .br3-m {     border-radius: .5rem;     border-radius: var(--border-radius-3); }
+  .br4-m {     border-radius: 1rem;     border-radius: var(--border-radius-4); }
+  .br-100-m {  border-radius: 100%;  border-radius: var(--border-radius-circle); }
+  .br-pill-m { border-radius: 9999px; border-radius: var(--border-radius-pill); }
+  .br--bottom-m {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+  }
+  .br--top-m {
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+  .br--right-m {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+  }
+  .br--left-m {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+}
+
+@media screen and (min-width: 60em) {
+  .br0-l {     border-radius: 0;     border-radius: var(--border-radius-none) }
+  .br1-l {     border-radius: .125rem;     border-radius: var(--border-radius-1); }
+  .br2-l {     border-radius: .25rem;     border-radius: var(--border-radius-2); }
+  .br3-l {     border-radius: .5rem;     border-radius: var(--border-radius-3); }
+  .br4-l {     border-radius: 1rem;     border-radius: var(--border-radius-4); }
+  .br-100-l {  border-radius: 100%;  border-radius: var(--border-radius-circle); }
+  .br-pill-l { border-radius: 9999px; border-radius: var(--border-radius-pill); }
+  .br--bottom-l {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+  }
+  .br--top-l {
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+  .br--right-l {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+  }
+  .br--left-l {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+}
+
+@media (--breakpoint-large) {
+  .br0-l {     border-radius: 0;     border-radius: var(--border-radius-none) }
+  .br1-l {     border-radius: .125rem;     border-radius: var(--border-radius-1); }
+  .br2-l {     border-radius: .25rem;     border-radius: var(--border-radius-2); }
+  .br3-l {     border-radius: .5rem;     border-radius: var(--border-radius-3); }
+  .br4-l {     border-radius: 1rem;     border-radius: var(--border-radius-4); }
+  .br-100-l {  border-radius: 100%;  border-radius: var(--border-radius-circle); }
+  .br-pill-l { border-radius: 9999px; border-radius: var(--border-radius-pill); }
+  .br--bottom-l {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+  }
+  .br--top-l {
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+  .br--right-l {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+  }
+  .br--left-l {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+  }
+}
+
+/*
+
+   BORDER STYLES
+   Docs: http://tachyons.io/docs/themes/borders/
+
+   Depends on base border module in _borders.css
+
+   Base:
+     b = border-style
+
+   Modifiers:
+     --none   = none
+     --dotted = dotted
+     --dashed = dashed
+     --solid  = solid
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+ */
+
+.b--dotted { border-style: dotted; }
+
+.b--dashed { border-style: dashed; }
+
+.b--solid {  border-style: solid; }
+
+.b--none {   border-style: none; }
+
+@media screen and (min-width: 30em) {
+  .b--dotted-ns { border-style: dotted; }
+  .b--dashed-ns { border-style: dashed; }
+  .b--solid-ns {  border-style: solid; }
+  .b--none-ns {   border-style: none; }
+}
+
+@media (--breakpoint-not-small) {
+  .b--dotted-ns { border-style: dotted; }
+  .b--dashed-ns { border-style: dashed; }
+  .b--solid-ns {  border-style: solid; }
+  .b--none-ns {   border-style: none; }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .b--dotted-m { border-style: dotted; }
+  .b--dashed-m { border-style: dashed; }
+  .b--solid-m {  border-style: solid; }
+  .b--none-m {   border-style: none; }
+}
+
+@media (--breakpoint-medium) {
+  .b--dotted-m { border-style: dotted; }
+  .b--dashed-m { border-style: dashed; }
+  .b--solid-m {  border-style: solid; }
+  .b--none-m {   border-style: none; }
+}
+
+@media screen and (min-width: 60em) {
+  .b--dotted-l { border-style: dotted; }
+  .b--dashed-l { border-style: dashed; }
+  .b--solid-l {  border-style: solid; }
+  .b--none-l {   border-style: none; }
+}
+
+@media (--breakpoint-large) {
+  .b--dotted-l { border-style: dotted; }
+  .b--dashed-l { border-style: dashed; }
+  .b--solid-l {  border-style: solid; }
+  .b--none-l {   border-style: none; }
+}
+
+/*
+
+   BORDER WIDTHS
+   Docs: http://tachyons.io/docs/themes/borders/
+
+   Base:
+     bw = border-width
+
+   Modifiers:
+     0 = 0 width border
+     1 = 1st step in border-width scale
+     2 = 2nd step in border-width scale
+     3 = 3rd step in border-width scale
+     4 = 4th step in border-width scale
+     5 = 5th step in border-width scale
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.bw0 { border-width: 0; border-width: var(--border-width-none); }
+
+.bw1 { border-width: .125rem; border-width: var(--border-width-1); }
+
+.bw2 { border-width: .25rem; border-width: var(--border-width-2); }
+
+.bw3 { border-width: .5rem; border-width: var(--border-width-3); }
+
+.bw4 { border-width: 1rem; border-width: var(--border-width-4); }
+
+.bw5 { border-width: 2rem; border-width: var(--border-width-5); }
+
+/* Resets */
+
+.bt-0 { border-top-width: 0; border-top-width: var(--border-width-none) }
+
+.br-0 { border-right-width: 0; border-right-width: var(--border-width-none) }
+
+.bb-0 { border-bottom-width: 0; border-bottom-width: var(--border-width-none) }
+
+.bl-0 { border-left-width: 0; border-left-width: var(--border-width-none) }
+
+@media screen and (min-width: 30em) {
+  .bw0-ns { border-width: 0; border-width: var(--border-width-none); }
+  .bw1-ns { border-width: .125rem; border-width: var(--border-width-1); }
+  .bw2-ns { border-width: .25rem; border-width: var(--border-width-2); }
+  .bw3-ns { border-width: .5rem; border-width: var(--border-width-3); }
+  .bw4-ns { border-width: 1rem; border-width: var(--border-width-4); }
+  .bw5-ns { border-width: 2rem; border-width: var(--border-width-5); }
+  .bt-0-ns { border-top-width: 0; border-top-width: var(--border-width-none) }
+  .br-0-ns { border-right-width: 0; border-right-width: var(--border-width-none) }
+  .bb-0-ns { border-bottom-width: 0; border-bottom-width: var(--border-width-none) }
+  .bl-0-ns { border-left-width: 0; border-left-width: var(--border-width-none) }
+}
+
+@media (--breakpoint-not-small) {
+  .bw0-ns { border-width: 0; border-width: var(--border-width-none); }
+  .bw1-ns { border-width: .125rem; border-width: var(--border-width-1); }
+  .bw2-ns { border-width: .25rem; border-width: var(--border-width-2); }
+  .bw3-ns { border-width: .5rem; border-width: var(--border-width-3); }
+  .bw4-ns { border-width: 1rem; border-width: var(--border-width-4); }
+  .bw5-ns { border-width: 2rem; border-width: var(--border-width-5); }
+  .bt-0-ns { border-top-width: 0; border-top-width: var(--border-width-none) }
+  .br-0-ns { border-right-width: 0; border-right-width: var(--border-width-none) }
+  .bb-0-ns { border-bottom-width: 0; border-bottom-width: var(--border-width-none) }
+  .bl-0-ns { border-left-width: 0; border-left-width: var(--border-width-none) }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .bw0-m { border-width: 0; border-width: var(--border-width-none); }
+  .bw1-m { border-width: .125rem; border-width: var(--border-width-1); }
+  .bw2-m { border-width: .25rem; border-width: var(--border-width-2); }
+  .bw3-m { border-width: .5rem; border-width: var(--border-width-3); }
+  .bw4-m { border-width: 1rem; border-width: var(--border-width-4); }
+  .bw5-m { border-width: 2rem; border-width: var(--border-width-5); }
+  .bt-0-m { border-top-width: 0; border-top-width: var(--border-width-none) }
+  .br-0-m { border-right-width: 0; border-right-width: var(--border-width-none) }
+  .bb-0-m { border-bottom-width: 0; border-bottom-width: var(--border-width-none) }
+  .bl-0-m { border-left-width: 0; border-left-width: var(--border-width-none) }
+}
+
+@media (--breakpoint-medium) {
+  .bw0-m { border-width: 0; border-width: var(--border-width-none); }
+  .bw1-m { border-width: .125rem; border-width: var(--border-width-1); }
+  .bw2-m { border-width: .25rem; border-width: var(--border-width-2); }
+  .bw3-m { border-width: .5rem; border-width: var(--border-width-3); }
+  .bw4-m { border-width: 1rem; border-width: var(--border-width-4); }
+  .bw5-m { border-width: 2rem; border-width: var(--border-width-5); }
+  .bt-0-m { border-top-width: 0; border-top-width: var(--border-width-none) }
+  .br-0-m { border-right-width: 0; border-right-width: var(--border-width-none) }
+  .bb-0-m { border-bottom-width: 0; border-bottom-width: var(--border-width-none) }
+  .bl-0-m { border-left-width: 0; border-left-width: var(--border-width-none) }
+}
+
+@media screen and (min-width: 60em) {
+  .bw0-l { border-width: 0; border-width: var(--border-width-none); }
+  .bw1-l { border-width: .125rem; border-width: var(--border-width-1); }
+  .bw2-l { border-width: .25rem; border-width: var(--border-width-2); }
+  .bw3-l { border-width: .5rem; border-width: var(--border-width-3); }
+  .bw4-l { border-width: 1rem; border-width: var(--border-width-4); }
+  .bw5-l { border-width: 2rem; border-width: var(--border-width-5); }
+  .bt-0-l { border-top-width: 0; border-top-width: var(--border-width-none) }
+  .br-0-l { border-right-width: 0; border-right-width: var(--border-width-none) }
+  .bb-0-l { border-bottom-width: 0; border-bottom-width: var(--border-width-none) }
+  .bl-0-l { border-left-width: 0; border-left-width: var(--border-width-none) }
+}
+
+@media (--breakpoint-large) {
+  .bw0-l { border-width: 0; border-width: var(--border-width-none); }
+  .bw1-l { border-width: .125rem; border-width: var(--border-width-1); }
+  .bw2-l { border-width: .25rem; border-width: var(--border-width-2); }
+  .bw3-l { border-width: .5rem; border-width: var(--border-width-3); }
+  .bw4-l { border-width: 1rem; border-width: var(--border-width-4); }
+  .bw5-l { border-width: 2rem; border-width: var(--border-width-5); }
+  .bt-0-l { border-top-width: 0; border-top-width: var(--border-width-none) }
+  .br-0-l { border-right-width: 0; border-right-width: var(--border-width-none) }
+  .bb-0-l { border-bottom-width: 0; border-bottom-width: var(--border-width-none) }
+  .bl-0-l { border-left-width: 0; border-left-width: var(--border-width-none) }
+}
+
+/*
+
+  BOX-SHADOW
+  Docs: http://tachyons.io/docs/themes/box-shadow/
+
+  Media Query Extensions:
+   -ns = not-small
+   -m  = medium
+   -l  = large
+
+ */
+
+.shadow-1 { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-1); }
+
+.shadow-2 { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-2); }
+
+.shadow-3 { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-3); }
+
+.shadow-4 { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-4); }
+
+.shadow-5 { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-5); }
+
+@media screen and (min-width: 30em) {
+  .shadow-1-ns { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-1); }
+  .shadow-2-ns { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-2); }
+  .shadow-3-ns { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-3); }
+  .shadow-4-ns { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-4); }
+  .shadow-5-ns { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-5); }
+}
+
+@media (--breakpoint-not-small) {
+  .shadow-1-ns { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-1); }
+  .shadow-2-ns { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-2); }
+  .shadow-3-ns { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-3); }
+  .shadow-4-ns { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-4); }
+  .shadow-5-ns { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-5); }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .shadow-1-m { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-1); }
+  .shadow-2-m { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-2); }
+  .shadow-3-m { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-3); }
+  .shadow-4-m { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-4); }
+  .shadow-5-m { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-5); }
+}
+
+@media (--breakpoint-medium) {
+  .shadow-1-m { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-1); }
+  .shadow-2-m { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-2); }
+  .shadow-3-m { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-3); }
+  .shadow-4-m { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-4); }
+  .shadow-5-m { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-5); }
+}
+
+@media screen and (min-width: 60em) {
+  .shadow-1-l { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-1); }
+  .shadow-2-l { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-2); }
+  .shadow-3-l { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-3); }
+  .shadow-4-l { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-4); }
+  .shadow-5-l { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-5); }
+}
+
+@media (--breakpoint-large) {
+  .shadow-1-l { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-1); }
+  .shadow-2-l { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-2); }
+  .shadow-3-l { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-3); }
+  .shadow-4-l { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-4); }
+  .shadow-5-l { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); box-shadow: var(--box-shadow-5); }
+}
+
+/*
+
+   CODE
+
+*/
+
+.pre {
+  overflow-x: auto;
+  overflow-y: hidden;
+  overflow:   scroll;
+}
+
+/*
+
+   COORDINATES
+   Docs: http://tachyons.io/docs/layout/position/
+
+   Use in combination with the position module.
+
+   Base:
+     top
+     bottom
+     right
+     left
+
+   Modifiers:
+     -0  = literal value 0
+     -1  = literal value 1
+     -2  = literal value 2
+     --1 = literal value -1
+     --2 = literal value -2
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.top-0    { top:    0; }
+
+.right-0  { right:  0; }
+
+.bottom-0 { bottom: 0; }
+
+.left-0   { left:   0; }
+
+.top-1    { top:    1rem; }
+
+.right-1  { right:  1rem; }
+
+.bottom-1 { bottom: 1rem; }
+
+.left-1   { left:   1rem; }
+
+.top-2    { top:    2rem; }
+
+.right-2  { right:  2rem; }
+
+.bottom-2 { bottom: 2rem; }
+
+.left-2   { left:   2rem; }
+
+.top--1    { top:    -1rem; }
+
+.right--1  { right:  -1rem; }
+
+.bottom--1 { bottom: -1rem; }
+
+.left--1   { left:   -1rem; }
+
+.top--2    { top:    -2rem; }
+
+.right--2  { right:  -2rem; }
+
+.bottom--2 { bottom: -2rem; }
+
+.left--2   { left:   -2rem; }
+
+.absolute--fill {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+@media screen and (min-width: 30em) {
+  .top-0-ns     { top:   0; }
+  .left-0-ns    { left:  0; }
+  .right-0-ns   { right: 0; }
+  .bottom-0-ns  { bottom: 0; }
+  .top-1-ns     { top:   1rem; }
+  .left-1-ns    { left:  1rem; }
+  .right-1-ns   { right: 1rem; }
+  .bottom-1-ns  { bottom: 1rem; }
+  .top-2-ns     { top:   2rem; }
+  .left-2-ns    { left:  2rem; }
+  .right-2-ns   { right: 2rem; }
+  .bottom-2-ns  { bottom: 2rem; }
+  .top--1-ns    { top:    -1rem; }
+  .right--1-ns  { right:  -1rem; }
+  .bottom--1-ns { bottom: -1rem; }
+  .left--1-ns   { left:   -1rem; }
+  .top--2-ns    { top:    -2rem; }
+  .right--2-ns  { right:  -2rem; }
+  .bottom--2-ns { bottom: -2rem; }
+  .left--2-ns   { left:   -2rem; }
+  .absolute--fill-ns {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+}
+
+@media (--breakpoint-not-small) {
+  .top-0-ns     { top:   0; }
+  .left-0-ns    { left:  0; }
+  .right-0-ns   { right: 0; }
+  .bottom-0-ns  { bottom: 0; }
+  .top-1-ns     { top:   1rem; }
+  .left-1-ns    { left:  1rem; }
+  .right-1-ns   { right: 1rem; }
+  .bottom-1-ns  { bottom: 1rem; }
+  .top-2-ns     { top:   2rem; }
+  .left-2-ns    { left:  2rem; }
+  .right-2-ns   { right: 2rem; }
+  .bottom-2-ns  { bottom: 2rem; }
+  .top--1-ns    { top:    -1rem; }
+  .right--1-ns  { right:  -1rem; }
+  .bottom--1-ns { bottom: -1rem; }
+  .left--1-ns   { left:   -1rem; }
+  .top--2-ns    { top:    -2rem; }
+  .right--2-ns  { right:  -2rem; }
+  .bottom--2-ns { bottom: -2rem; }
+  .left--2-ns   { left:   -2rem; }
+  .absolute--fill-ns {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .top-0-m     { top:   0; }
+  .left-0-m    { left:  0; }
+  .right-0-m   { right: 0; }
+  .bottom-0-m  { bottom: 0; }
+  .top-1-m     { top:   1rem; }
+  .left-1-m    { left:  1rem; }
+  .right-1-m   { right: 1rem; }
+  .bottom-1-m  { bottom: 1rem; }
+  .top-2-m     { top:   2rem; }
+  .left-2-m    { left:  2rem; }
+  .right-2-m   { right: 2rem; }
+  .bottom-2-m  { bottom: 2rem; }
+  .top--1-m    { top:    -1rem; }
+  .right--1-m  { right:  -1rem; }
+  .bottom--1-m { bottom: -1rem; }
+  .left--1-m   { left:   -1rem; }
+  .top--2-m    { top:    -2rem; }
+  .right--2-m  { right:  -2rem; }
+  .bottom--2-m { bottom: -2rem; }
+  .left--2-m   { left:   -2rem; }
+  .absolute--fill-m {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+}
+
+@media (--breakpoint-medium) {
+  .top-0-m     { top:   0; }
+  .left-0-m    { left:  0; }
+  .right-0-m   { right: 0; }
+  .bottom-0-m  { bottom: 0; }
+  .top-1-m     { top:   1rem; }
+  .left-1-m    { left:  1rem; }
+  .right-1-m   { right: 1rem; }
+  .bottom-1-m  { bottom: 1rem; }
+  .top-2-m     { top:   2rem; }
+  .left-2-m    { left:  2rem; }
+  .right-2-m   { right: 2rem; }
+  .bottom-2-m  { bottom: 2rem; }
+  .top--1-m    { top:    -1rem; }
+  .right--1-m  { right:  -1rem; }
+  .bottom--1-m { bottom: -1rem; }
+  .left--1-m   { left:   -1rem; }
+  .top--2-m    { top:    -2rem; }
+  .right--2-m  { right:  -2rem; }
+  .bottom--2-m { bottom: -2rem; }
+  .left--2-m   { left:   -2rem; }
+  .absolute--fill-m {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+}
+
+@media screen and (min-width: 60em) {
+  .top-0-l     { top:   0; }
+  .left-0-l    { left:  0; }
+  .right-0-l   { right: 0; }
+  .bottom-0-l  { bottom: 0; }
+  .top-1-l     { top:   1rem; }
+  .left-1-l    { left:  1rem; }
+  .right-1-l   { right: 1rem; }
+  .bottom-1-l  { bottom: 1rem; }
+  .top-2-l     { top:   2rem; }
+  .left-2-l    { left:  2rem; }
+  .right-2-l   { right: 2rem; }
+  .bottom-2-l  { bottom: 2rem; }
+  .top--1-l    { top:    -1rem; }
+  .right--1-l  { right:  -1rem; }
+  .bottom--1-l { bottom: -1rem; }
+  .left--1-l   { left:   -1rem; }
+  .top--2-l    { top:    -2rem; }
+  .right--2-l  { right:  -2rem; }
+  .bottom--2-l { bottom: -2rem; }
+  .left--2-l   { left:   -2rem; }
+  .absolute--fill-l {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+}
+
+@media (--breakpoint-large) {
+  .top-0-l     { top:   0; }
+  .left-0-l    { left:  0; }
+  .right-0-l   { right: 0; }
+  .bottom-0-l  { bottom: 0; }
+  .top-1-l     { top:   1rem; }
+  .left-1-l    { left:  1rem; }
+  .right-1-l   { right: 1rem; }
+  .bottom-1-l  { bottom: 1rem; }
+  .top-2-l     { top:   2rem; }
+  .left-2-l    { left:  2rem; }
+  .right-2-l   { right: 2rem; }
+  .bottom-2-l  { bottom: 2rem; }
+  .top--1-l    { top:    -1rem; }
+  .right--1-l  { right:  -1rem; }
+  .bottom--1-l { bottom: -1rem; }
+  .left--1-l   { left:   -1rem; }
+  .top--2-l    { top:    -2rem; }
+  .right--2-l  { right:  -2rem; }
+  .bottom--2-l { bottom: -2rem; }
+  .left--2-l   { left:   -2rem; }
+  .absolute--fill-l {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+}
+
+/*
+
+   CLEARFIX
+   http://tachyons.io/docs/layout/clearfix/
+
+*/
+
+/* Nicolas Gallaghers Clearfix solution
+   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
+
+.cf:before,
+.cf:after { content: " "; display: table; }
+
+.cf:after { clear: both; }
+
+.cf {       *zoom: 1; }
+
+.cl { clear: left; }
+
+.cr { clear: right; }
+
+.cb { clear: both; }
+
+.cn { clear: none; }
+
+@media screen and (min-width: 30em) {
+  .cl-ns { clear: left; }
+  .cr-ns { clear: right; }
+  .cb-ns { clear: both; }
+  .cn-ns { clear: none; }
+}
+
+@media (--breakpoint-not-small) {
+  .cl-ns { clear: left; }
+  .cr-ns { clear: right; }
+  .cb-ns { clear: both; }
+  .cn-ns { clear: none; }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .cl-m { clear: left; }
+  .cr-m { clear: right; }
+  .cb-m { clear: both; }
+  .cn-m { clear: none; }
+}
+
+@media (--breakpoint-medium) {
+  .cl-m { clear: left; }
+  .cr-m { clear: right; }
+  .cb-m { clear: both; }
+  .cn-m { clear: none; }
+}
+
+@media screen and (min-width: 60em) {
+  .cl-l { clear: left; }
+  .cr-l { clear: right; }
+  .cb-l { clear: both; }
+  .cn-l { clear: none; }
+}
+
+@media (--breakpoint-large) {
+  .cl-l { clear: left; }
+  .cr-l { clear: right; }
+  .cb-l { clear: both; }
+  .cn-l { clear: none; }
+}
+
+/*
+
+   DISPLAY
+   Docs: http://tachyons.io/docs/layout/display
+
+   Base:
+    d = display
+
+   Modifiers:
+    n     = none
+    b     = block
+    ib    = inline-block
+    it    = inline-table
+    t     = table
+    tc    = table-cell
+    tr    = table-row
+    tcol  = table-column
+    tcolg = table-column-group
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.dn {              display: none; }
+
+.di {              display: inline; }
+
+.db {              display: block; }
+
+.dib {             display: inline-block; }
+
+.dit {             display: inline-table; }
+
+.dt {              display: table; }
+
+.dtc {             display: table-cell; }
+
+.dt-row {          display: table-row; }
+
+.dt-row-group {    display: table-row-group; }
+
+.dt-column {       display: table-column; }
+
+.dt-column-group { display: table-column-group; }
+
+/*
+  This will set table to full width and then
+  all cells will be equal width
+*/
+
+.dt--fixed {
+  table-layout: fixed;
+  width: 100%;
+}
+
+@media screen and (min-width: 30em) {
+  .dn-ns {              display: none; }
+  .di-ns {              display: inline; }
+  .db-ns {              display: block; }
+  .dib-ns {             display: inline-block; }
+  .dit-ns {             display: inline-table; }
+  .dt-ns {              display: table; }
+  .dtc-ns {             display: table-cell; }
+  .dt-row-ns {          display: table-row; }
+  .dt-row-group-ns {    display: table-row-group; }
+  .dt-column-ns {       display: table-column; }
+  .dt-column-group-ns { display: table-column-group; }
+
+  .dt--fixed-ns {
+    table-layout: fixed;
+    width: 100%;
+  }
+}
+
+@media (--breakpoint-not-small) {
+  .dn-ns {              display: none; }
+  .di-ns {              display: inline; }
+  .db-ns {              display: block; }
+  .dib-ns {             display: inline-block; }
+  .dit-ns {             display: inline-table; }
+  .dt-ns {              display: table; }
+  .dtc-ns {             display: table-cell; }
+  .dt-row-ns {          display: table-row; }
+  .dt-row-group-ns {    display: table-row-group; }
+  .dt-column-ns {       display: table-column; }
+  .dt-column-group-ns { display: table-column-group; }
+
+  .dt--fixed-ns {
+    table-layout: fixed;
+    width: 100%;
+  }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .dn-m {              display: none; }
+  .di-m {              display: inline; }
+  .db-m {              display: block; }
+  .dib-m {             display: inline-block; }
+  .dit-m {             display: inline-table; }
+  .dt-m {              display: table; }
+  .dtc-m {             display: table-cell; }
+  .dt-row-m {          display: table-row; }
+  .dt-row-group-m {    display: table-row-group; }
+  .dt-column-m {       display: table-column; }
+  .dt-column-group-m { display: table-column-group; }
+
+  .dt--fixed-m {
+    table-layout: fixed;
+    width: 100%;
+  }
+}
+
+@media (--breakpoint-medium) {
+  .dn-m {              display: none; }
+  .di-m {              display: inline; }
+  .db-m {              display: block; }
+  .dib-m {             display: inline-block; }
+  .dit-m {             display: inline-table; }
+  .dt-m {              display: table; }
+  .dtc-m {             display: table-cell; }
+  .dt-row-m {          display: table-row; }
+  .dt-row-group-m {    display: table-row-group; }
+  .dt-column-m {       display: table-column; }
+  .dt-column-group-m { display: table-column-group; }
+
+  .dt--fixed-m {
+    table-layout: fixed;
+    width: 100%;
+  }
+}
+
+@media screen and (min-width: 60em) {
+  .dn-l {              display: none; }
+  .di-l {              display: inline; }
+  .db-l {              display: block; }
+  .dib-l {             display: inline-block; }
+  .dit-l {             display: inline-table; }
+  .dt-l {              display: table; }
+  .dtc-l {             display: table-cell; }
+  .dt-row-l {          display: table-row; }
+  .dt-row-group-l {    display: table-row-group; }
+  .dt-column-l {       display: table-column; }
+  .dt-column-group-l { display: table-column-group; }
+
+  .dt--fixed-l {
+    table-layout: fixed;
+    width: 100%;
+  }
+}
+
+@media (--breakpoint-large) {
+  .dn-l {              display: none; }
+  .di-l {              display: inline; }
+  .db-l {              display: block; }
+  .dib-l {             display: inline-block; }
+  .dit-l {             display: inline-table; }
+  .dt-l {              display: table; }
+  .dtc-l {             display: table-cell; }
+  .dt-row-l {          display: table-row; }
+  .dt-row-group-l {    display: table-row-group; }
+  .dt-column-l {       display: table-column; }
+  .dt-column-group-l { display: table-column-group; }
+
+  .dt--fixed-l {
+    table-layout: fixed;
+    width: 100%;
+  }
+}
+
+/*
+
+  FLEXBOX
+
+  Media Query Extensions:
+   -ns = not-small
+   -m  = medium
+   -l  = large
+
+*/
+
+.flex { display: flex; }
+
+.inline-flex { display: inline-flex; }
+
+/* 1. Fix for Chrome 44 bug.
+ * https://code.google.com/p/chromium/issues/detail?id=506893 */
+
+.flex-auto {
+  flex: 1 1 auto;
+  min-width: 0; /* 1 */
+  min-height: 0; /* 1 */
+}
+
+.flex-none { flex: none; }
+
+.flex-column  { flex-direction: column; }
+
+.flex-row     { flex-direction: row; }
+
+.flex-wrap    { flex-wrap: wrap; }
+
+.flex-nowrap    { flex-wrap: nowrap; }
+
+.flex-wrap-reverse    { flex-wrap: wrap-reverse; }
+
+.flex-column-reverse  { flex-direction: column-reverse; }
+
+.flex-row-reverse     { flex-direction: row-reverse; }
+
+.items-start    { align-items: flex-start; }
+
+.items-end      { align-items: flex-end; }
+
+.items-center   { align-items: center; }
+
+.items-baseline { align-items: baseline; }
+
+.items-stretch  { align-items: stretch; }
+
+.self-start    { align-self: flex-start; }
+
+.self-end      { align-self: flex-end; }
+
+.self-center   { align-self: center; }
+
+.self-baseline { align-self: baseline; }
+
+.self-stretch  { align-self: stretch; }
+
+.justify-start   { justify-content: flex-start; }
+
+.justify-end     { justify-content: flex-end; }
+
+.justify-center  { justify-content: center; }
+
+.justify-between { justify-content: space-between; }
+
+.justify-around  { justify-content: space-around; }
+
+.content-start   { align-content: flex-start; }
+
+.content-end     { align-content: flex-end; }
+
+.content-center  { align-content: center; }
+
+.content-between { align-content: space-between; }
+
+.content-around  { align-content: space-around; }
+
+.content-stretch { align-content: stretch; }
+
+.order-0 { order: 0; }
+
+.order-1 { order: 1; }
+
+.order-2 { order: 2; }
+
+.order-3 { order: 3; }
+
+.order-4 { order: 4; }
+
+.order-5 { order: 5; }
+
+.order-6 { order: 6; }
+
+.order-7 { order: 7; }
+
+.order-8 { order: 8; }
+
+.order-last { order: 99999; }
+
+.flex-grow-0 { flex-grow: 0; }
+
+.flex-grow-1 { flex-grow: 1; }
+
+.flex-shrink-0 { flex-shrink: 0; }
+
+.flex-shrink-1 { flex-shrink: 1; }
+
+@media screen and (min-width: 30em) {
+  .flex-ns { display: flex; }
+  .inline-flex-ns { display: inline-flex; }
+  .flex-auto-ns {
+    flex: 1 1 auto;
+    min-width: 0; /* 1 */
+    min-height: 0; /* 1 */
+  }
+  .flex-none-ns { flex: none; }
+  .flex-column-ns { flex-direction: column; }
+  .flex-row-ns { flex-direction: row; }
+  .flex-wrap-ns { flex-wrap: wrap; }
+  .flex-nowrap-ns { flex-wrap: nowrap; }
+  .flex-wrap-reverse-ns { flex-wrap: wrap-reverse; }
+  .flex-column-reverse-ns { flex-direction: column-reverse; }
+  .flex-row-reverse-ns { flex-direction: row-reverse; }
+  .items-start-ns { align-items: flex-start; }
+  .items-end-ns { align-items: flex-end; }
+  .items-center-ns { align-items: center; }
+  .items-baseline-ns { align-items: baseline; }
+  .items-stretch-ns { align-items: stretch; }
+
+  .self-start-ns { align-self: flex-start; }
+  .self-end-ns { align-self: flex-end; }
+  .self-center-ns { align-self: center; }
+  .self-baseline-ns { align-self: baseline; }
+  .self-stretch-ns { align-self: stretch; }
+
+  .justify-start-ns { justify-content: flex-start; }
+  .justify-end-ns { justify-content: flex-end; }
+  .justify-center-ns { justify-content: center; }
+  .justify-between-ns { justify-content: space-between; }
+  .justify-around-ns { justify-content: space-around; }
+
+  .content-start-ns { align-content: flex-start; }
+  .content-end-ns { align-content: flex-end; }
+  .content-center-ns { align-content: center; }
+  .content-between-ns { align-content: space-between; }
+  .content-around-ns { align-content: space-around; }
+  .content-stretch-ns { align-content: stretch; }
+
+  .order-0-ns { order: 0; }
+  .order-1-ns { order: 1; }
+  .order-2-ns { order: 2; }
+  .order-3-ns { order: 3; }
+  .order-4-ns { order: 4; }
+  .order-5-ns { order: 5; }
+  .order-6-ns { order: 6; }
+  .order-7-ns { order: 7; }
+  .order-8-ns { order: 8; }
+  .order-last-ns { order: 99999; }
+
+  .flex-grow-0-ns { flex-grow: 0; }
+  .flex-grow-1-ns { flex-grow: 1; }
+
+  .flex-shrink-0-ns { flex-shrink: 0; }
+  .flex-shrink-1-ns { flex-shrink: 1; }
+}
+
+@media (--breakpoint-not-small) {
+  .flex-ns { display: flex; }
+  .inline-flex-ns { display: inline-flex; }
+  .flex-auto-ns {
+    flex: 1 1 auto;
+    min-width: 0; /* 1 */
+    min-height: 0; /* 1 */
+  }
+  .flex-none-ns { flex: none; }
+  .flex-column-ns { flex-direction: column; }
+  .flex-row-ns { flex-direction: row; }
+  .flex-wrap-ns { flex-wrap: wrap; }
+  .flex-nowrap-ns { flex-wrap: nowrap; }
+  .flex-wrap-reverse-ns { flex-wrap: wrap-reverse; }
+  .flex-column-reverse-ns { flex-direction: column-reverse; }
+  .flex-row-reverse-ns { flex-direction: row-reverse; }
+  .items-start-ns { align-items: flex-start; }
+  .items-end-ns { align-items: flex-end; }
+  .items-center-ns { align-items: center; }
+  .items-baseline-ns { align-items: baseline; }
+  .items-stretch-ns { align-items: stretch; }
+
+  .self-start-ns { align-self: flex-start; }
+  .self-end-ns { align-self: flex-end; }
+  .self-center-ns { align-self: center; }
+  .self-baseline-ns { align-self: baseline; }
+  .self-stretch-ns { align-self: stretch; }
+
+  .justify-start-ns { justify-content: flex-start; }
+  .justify-end-ns { justify-content: flex-end; }
+  .justify-center-ns { justify-content: center; }
+  .justify-between-ns { justify-content: space-between; }
+  .justify-around-ns { justify-content: space-around; }
+
+  .content-start-ns { align-content: flex-start; }
+  .content-end-ns { align-content: flex-end; }
+  .content-center-ns { align-content: center; }
+  .content-between-ns { align-content: space-between; }
+  .content-around-ns { align-content: space-around; }
+  .content-stretch-ns { align-content: stretch; }
+
+  .order-0-ns { order: 0; }
+  .order-1-ns { order: 1; }
+  .order-2-ns { order: 2; }
+  .order-3-ns { order: 3; }
+  .order-4-ns { order: 4; }
+  .order-5-ns { order: 5; }
+  .order-6-ns { order: 6; }
+  .order-7-ns { order: 7; }
+  .order-8-ns { order: 8; }
+  .order-last-ns { order: 99999; }
+
+  .flex-grow-0-ns { flex-grow: 0; }
+  .flex-grow-1-ns { flex-grow: 1; }
+
+  .flex-shrink-0-ns { flex-shrink: 0; }
+  .flex-shrink-1-ns { flex-shrink: 1; }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .flex-m { display: flex; }
+  .inline-flex-m { display: inline-flex; }
+  .flex-auto-m {
+    flex: 1 1 auto;
+    min-width: 0; /* 1 */
+    min-height: 0; /* 1 */
+  }
+  .flex-none-m { flex: none; }
+  .flex-column-m { flex-direction: column; }
+  .flex-row-m     { flex-direction: row; }
+  .flex-wrap-m { flex-wrap: wrap; }
+  .flex-nowrap-m { flex-wrap: nowrap; }
+  .flex-wrap-reverse-m { flex-wrap: wrap-reverse; }
+  .flex-column-reverse-m { flex-direction: column-reverse; }
+  .flex-row-reverse-m { flex-direction: row-reverse; }
+  .items-start-m { align-items: flex-start; }
+  .items-end-m { align-items: flex-end; }
+  .items-center-m { align-items: center; }
+  .items-baseline-m { align-items: baseline; }
+  .items-stretch-m { align-items: stretch; }
+
+  .self-start-m { align-self: flex-start; }
+  .self-end-m { align-self: flex-end; }
+  .self-center-m { align-self: center; }
+  .self-baseline-m { align-self: baseline; }
+  .self-stretch-m { align-self: stretch; }
+
+  .justify-start-m { justify-content: flex-start; }
+  .justify-end-m { justify-content: flex-end; }
+  .justify-center-m { justify-content: center; }
+  .justify-between-m { justify-content: space-between; }
+  .justify-around-m { justify-content: space-around; }
+
+  .content-start-m { align-content: flex-start; }
+  .content-end-m { align-content: flex-end; }
+  .content-center-m { align-content: center; }
+  .content-between-m { align-content: space-between; }
+  .content-around-m { align-content: space-around; }
+  .content-stretch-m { align-content: stretch; }
+
+  .order-0-m { order: 0; }
+  .order-1-m { order: 1; }
+  .order-2-m { order: 2; }
+  .order-3-m { order: 3; }
+  .order-4-m { order: 4; }
+  .order-5-m { order: 5; }
+  .order-6-m { order: 6; }
+  .order-7-m { order: 7; }
+  .order-8-m { order: 8; }
+  .order-last-m { order: 99999; }
+
+  .flex-grow-0-m { flex-grow: 0; }
+  .flex-grow-1-m { flex-grow: 1; }
+
+  .flex-shrink-0-m { flex-shrink: 0; }
+  .flex-shrink-1-m { flex-shrink: 1; }
+}
+
+@media (--breakpoint-medium) {
+  .flex-m { display: flex; }
+  .inline-flex-m { display: inline-flex; }
+  .flex-auto-m {
+    flex: 1 1 auto;
+    min-width: 0; /* 1 */
+    min-height: 0; /* 1 */
+  }
+  .flex-none-m { flex: none; }
+  .flex-column-m { flex-direction: column; }
+  .flex-row-m     { flex-direction: row; }
+  .flex-wrap-m { flex-wrap: wrap; }
+  .flex-nowrap-m { flex-wrap: nowrap; }
+  .flex-wrap-reverse-m { flex-wrap: wrap-reverse; }
+  .flex-column-reverse-m { flex-direction: column-reverse; }
+  .flex-row-reverse-m { flex-direction: row-reverse; }
+  .items-start-m { align-items: flex-start; }
+  .items-end-m { align-items: flex-end; }
+  .items-center-m { align-items: center; }
+  .items-baseline-m { align-items: baseline; }
+  .items-stretch-m { align-items: stretch; }
+
+  .self-start-m { align-self: flex-start; }
+  .self-end-m { align-self: flex-end; }
+  .self-center-m { align-self: center; }
+  .self-baseline-m { align-self: baseline; }
+  .self-stretch-m { align-self: stretch; }
+
+  .justify-start-m { justify-content: flex-start; }
+  .justify-end-m { justify-content: flex-end; }
+  .justify-center-m { justify-content: center; }
+  .justify-between-m { justify-content: space-between; }
+  .justify-around-m { justify-content: space-around; }
+
+  .content-start-m { align-content: flex-start; }
+  .content-end-m { align-content: flex-end; }
+  .content-center-m { align-content: center; }
+  .content-between-m { align-content: space-between; }
+  .content-around-m { align-content: space-around; }
+  .content-stretch-m { align-content: stretch; }
+
+  .order-0-m { order: 0; }
+  .order-1-m { order: 1; }
+  .order-2-m { order: 2; }
+  .order-3-m { order: 3; }
+  .order-4-m { order: 4; }
+  .order-5-m { order: 5; }
+  .order-6-m { order: 6; }
+  .order-7-m { order: 7; }
+  .order-8-m { order: 8; }
+  .order-last-m { order: 99999; }
+
+  .flex-grow-0-m { flex-grow: 0; }
+  .flex-grow-1-m { flex-grow: 1; }
+
+  .flex-shrink-0-m { flex-shrink: 0; }
+  .flex-shrink-1-m { flex-shrink: 1; }
+}
+
+@media screen and (min-width: 60em) {
+  .flex-l { display: flex; }
+  .inline-flex-l { display: inline-flex; }
+  .flex-auto-l {
+    flex: 1 1 auto;
+    min-width: 0; /* 1 */
+    min-height: 0; /* 1 */
+  }
+  .flex-none-l { flex: none; }
+  .flex-column-l { flex-direction: column; }
+  .flex-row-l { flex-direction: row; }
+  .flex-wrap-l { flex-wrap: wrap; }
+  .flex-nowrap-l { flex-wrap: nowrap; }
+  .flex-wrap-reverse-l { flex-wrap: wrap-reverse; }
+  .flex-column-reverse-l { flex-direction: column-reverse; }
+  .flex-row-reverse-l { flex-direction: row-reverse; }
+
+  .items-start-l { align-items: flex-start; }
+  .items-end-l { align-items: flex-end; }
+  .items-center-l { align-items: center; }
+  .items-baseline-l { align-items: baseline; }
+  .items-stretch-l { align-items: stretch; }
+
+  .self-start-l { align-self: flex-start; }
+  .self-end-l { align-self: flex-end; }
+  .self-center-l { align-self: center; }
+  .self-baseline-l { align-self: baseline; }
+  .self-stretch-l { align-self: stretch; }
+
+  .justify-start-l { justify-content: flex-start; }
+  .justify-end-l { justify-content: flex-end; }
+  .justify-center-l { justify-content: center; }
+  .justify-between-l { justify-content: space-between; }
+  .justify-around-l { justify-content: space-around; }
+
+  .content-start-l { align-content: flex-start; }
+  .content-end-l { align-content: flex-end; }
+  .content-center-l { align-content: center; }
+  .content-between-l { align-content: space-between; }
+  .content-around-l { align-content: space-around; }
+  .content-stretch-l { align-content: stretch; }
+
+  .order-0-l { order: 0; }
+  .order-1-l { order: 1; }
+  .order-2-l { order: 2; }
+  .order-3-l { order: 3; }
+  .order-4-l { order: 4; }
+  .order-5-l { order: 5; }
+  .order-6-l { order: 6; }
+  .order-7-l { order: 7; }
+  .order-8-l { order: 8; }
+  .order-last-l { order: 99999; }
+
+  .flex-grow-0-l { flex-grow: 0; }
+  .flex-grow-1-l { flex-grow: 1; }
+
+  .flex-shrink-0-l { flex-shrink: 0; }
+  .flex-shrink-1-l { flex-shrink: 1; }
+}
+
+@media (--breakpoint-large) {
+  .flex-l { display: flex; }
+  .inline-flex-l { display: inline-flex; }
+  .flex-auto-l {
+    flex: 1 1 auto;
+    min-width: 0; /* 1 */
+    min-height: 0; /* 1 */
+  }
+  .flex-none-l { flex: none; }
+  .flex-column-l { flex-direction: column; }
+  .flex-row-l { flex-direction: row; }
+  .flex-wrap-l { flex-wrap: wrap; }
+  .flex-nowrap-l { flex-wrap: nowrap; }
+  .flex-wrap-reverse-l { flex-wrap: wrap-reverse; }
+  .flex-column-reverse-l { flex-direction: column-reverse; }
+  .flex-row-reverse-l { flex-direction: row-reverse; }
+
+  .items-start-l { align-items: flex-start; }
+  .items-end-l { align-items: flex-end; }
+  .items-center-l { align-items: center; }
+  .items-baseline-l { align-items: baseline; }
+  .items-stretch-l { align-items: stretch; }
+
+  .self-start-l { align-self: flex-start; }
+  .self-end-l { align-self: flex-end; }
+  .self-center-l { align-self: center; }
+  .self-baseline-l { align-self: baseline; }
+  .self-stretch-l { align-self: stretch; }
+
+  .justify-start-l { justify-content: flex-start; }
+  .justify-end-l { justify-content: flex-end; }
+  .justify-center-l { justify-content: center; }
+  .justify-between-l { justify-content: space-between; }
+  .justify-around-l { justify-content: space-around; }
+
+  .content-start-l { align-content: flex-start; }
+  .content-end-l { align-content: flex-end; }
+  .content-center-l { align-content: center; }
+  .content-between-l { align-content: space-between; }
+  .content-around-l { align-content: space-around; }
+  .content-stretch-l { align-content: stretch; }
+
+  .order-0-l { order: 0; }
+  .order-1-l { order: 1; }
+  .order-2-l { order: 2; }
+  .order-3-l { order: 3; }
+  .order-4-l { order: 4; }
+  .order-5-l { order: 5; }
+  .order-6-l { order: 6; }
+  .order-7-l { order: 7; }
+  .order-8-l { order: 8; }
+  .order-last-l { order: 99999; }
+
+  .flex-grow-0-l { flex-grow: 0; }
+  .flex-grow-1-l { flex-grow: 1; }
+
+  .flex-shrink-0-l { flex-shrink: 0; }
+  .flex-shrink-1-l { flex-shrink: 1; }
+}
+
+/*
+
+   FLOATS
+   http://tachyons.io/docs/layout/floats/
+
+   1. Floated elements are automatically rendered as block level elements.
+      Setting floats to display inline will fix the double margin bug in
+      ie6. You know... just in case.
+
+   2. Don't forget to clearfix your floats with .cf
+
+   Base:
+     f = float
+
+   Modifiers:
+     l = left
+     r = right
+     n = none
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.fl { float: left;  _display: inline; }
+
+.fr { float: right; _display: inline; }
+
+.fn { float: none; }
+
+@media screen and (min-width: 30em) {
+  .fl-ns { float: left; _display: inline; }
+  .fr-ns { float: right; _display: inline; }
+  .fn-ns { float: none; }
+}
+
+@media (--breakpoint-not-small) {
+  .fl-ns { float: left; _display: inline; }
+  .fr-ns { float: right; _display: inline; }
+  .fn-ns { float: none; }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .fl-m { float: left; _display: inline; }
+  .fr-m { float: right; _display: inline; }
+  .fn-m { float: none; }
+}
+
+@media (--breakpoint-medium) {
+  .fl-m { float: left; _display: inline; }
+  .fr-m { float: right; _display: inline; }
+  .fn-m { float: none; }
+}
+
+@media screen and (min-width: 60em) {
+  .fl-l { float: left; _display: inline; }
+  .fr-l { float: right; _display: inline; }
+  .fn-l { float: none; }
+}
+
+@media (--breakpoint-large) {
+  .fl-l { float: left; _display: inline; }
+  .fr-l { float: right; _display: inline; }
+  .fn-l { float: none; }
+}
+
+/*
+
+   FONT FAMILY GROUPS
+   Docs: http://tachyons.io/docs/typography/font-family/
+
+*/
+
+.sans-serif {
+  font-family: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, helvetica, 'helvetica neue', ubuntu, roboto, noto, 'segoe ui', arial, sans-serif;
+  font-family: var(--sans-serif);
+}
+
+.serif {
+  font-family: georgia, serif;
+  font-family: var(--serif);
+}
+
+.system-sans-serif {
+  font-family: sans-serif;
+}
+
+.system-serif {
+  font-family: serif;
+}
+
+/* Monospaced Typefaces (for code) */
+
+/* From http://cssfontstack.com */
+
+code, .code {
+  font-family: Consolas,
+               monaco,
+               monospace;
+}
+
+.courier {
+  font-family: 'Courier Next',
+               courier,
+               monospace;
+}
+
+/* Sans-Serif Typefaces */
+
+.helvetica {
+  font-family: 'helvetica neue', helvetica,
+               sans-serif;
+}
+
+.avenir {
+  font-family: 'avenir next', avenir,
+               sans-serif;
+}
+
+/* Serif Typefaces */
+
+.athelas {
+  font-family: athelas,
+               georgia,
+               serif;
+}
+
+.georgia {
+  font-family: georgia,
+               serif;
+}
+
+.times {
+  font-family: times,
+               serif;
+}
+
+.bodoni {
+  font-family: "Bodoni MT",
+                serif;
+}
+
+.calisto {
+  font-family: "Calisto MT",
+                serif;
+}
+
+.garamond {
+  font-family: garamond,
+               serif;
+}
+
+.baskerville {
+  font-family: baskerville,
+               serif;
+}
+
+/*
+
+   FONT STYLE
+   Docs: http://tachyons.io/docs/typography/font-style/
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.i         { font-style: italic; }
+
+.fs-normal { font-style: normal; }
+
+@media screen and (min-width: 30em) {
+  .i-ns       { font-style: italic; }
+  .fs-normal-ns     { font-style: normal; }
+}
+
+@media (--breakpoint-not-small) {
+  .i-ns       { font-style: italic; }
+  .fs-normal-ns     { font-style: normal; }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .i-m       { font-style: italic; }
+  .fs-normal-m     { font-style: normal; }
+}
+
+@media (--breakpoint-medium) {
+  .i-m       { font-style: italic; }
+  .fs-normal-m     { font-style: normal; }
+}
+
+@media screen and (min-width: 60em) {
+  .i-l       { font-style: italic; }
+  .fs-normal-l     { font-style: normal; }
+}
+
+@media (--breakpoint-large) {
+  .i-l       { font-style: italic; }
+  .fs-normal-l     { font-style: normal; }
+}
+
+/*
+
+   FONT WEIGHT
+   Docs: http://tachyons.io/docs/typography/font-weight/
+
+   Base
+     fw = font-weight
+
+   Modifiers:
+     1 = literal value 100
+     2 = literal value 200
+     3 = literal value 300
+     4 = literal value 400
+     5 = literal value 500
+     6 = literal value 600
+     7 = literal value 700
+     8 = literal value 800
+     9 = literal value 900
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.normal { font-weight: normal; }
+
+.b      { font-weight: bold; }
+
+.fw1    { font-weight: 100; }
+
+.fw2    { font-weight: 200; }
+
+.fw3    { font-weight: 300; }
+
+.fw4    { font-weight: 400; }
+
+.fw5    { font-weight: 500; }
+
+.fw6    { font-weight: 600; }
+
+.fw7    { font-weight: 700; }
+
+.fw8    { font-weight: 800; }
+
+.fw9    { font-weight: 900; }
+
+@media screen and (min-width: 30em) {
+  .normal-ns { font-weight: normal; }
+  .b-ns      { font-weight: bold; }
+  .fw1-ns    { font-weight: 100; }
+  .fw2-ns    { font-weight: 200; }
+  .fw3-ns    { font-weight: 300; }
+  .fw4-ns    { font-weight: 400; }
+  .fw5-ns    { font-weight: 500; }
+  .fw6-ns    { font-weight: 600; }
+  .fw7-ns    { font-weight: 700; }
+  .fw8-ns    { font-weight: 800; }
+  .fw9-ns    { font-weight: 900; }
+}
+
+@media (--breakpoint-not-small) {
+  .normal-ns { font-weight: normal; }
+  .b-ns      { font-weight: bold; }
+  .fw1-ns    { font-weight: 100; }
+  .fw2-ns    { font-weight: 200; }
+  .fw3-ns    { font-weight: 300; }
+  .fw4-ns    { font-weight: 400; }
+  .fw5-ns    { font-weight: 500; }
+  .fw6-ns    { font-weight: 600; }
+  .fw7-ns    { font-weight: 700; }
+  .fw8-ns    { font-weight: 800; }
+  .fw9-ns    { font-weight: 900; }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .normal-m { font-weight: normal; }
+  .b-m      { font-weight: bold; }
+  .fw1-m    { font-weight: 100; }
+  .fw2-m    { font-weight: 200; }
+  .fw3-m    { font-weight: 300; }
+  .fw4-m    { font-weight: 400; }
+  .fw5-m    { font-weight: 500; }
+  .fw6-m    { font-weight: 600; }
+  .fw7-m    { font-weight: 700; }
+  .fw8-m    { font-weight: 800; }
+  .fw9-m    { font-weight: 900; }
+}
+
+@media (--breakpoint-medium) {
+  .normal-m { font-weight: normal; }
+  .b-m      { font-weight: bold; }
+  .fw1-m    { font-weight: 100; }
+  .fw2-m    { font-weight: 200; }
+  .fw3-m    { font-weight: 300; }
+  .fw4-m    { font-weight: 400; }
+  .fw5-m    { font-weight: 500; }
+  .fw6-m    { font-weight: 600; }
+  .fw7-m    { font-weight: 700; }
+  .fw8-m    { font-weight: 800; }
+  .fw9-m    { font-weight: 900; }
+}
+
+@media screen and (min-width: 60em) {
+  .normal-l { font-weight: normal; }
+  .b-l      { font-weight: bold; }
+  .fw1-l    { font-weight: 100; }
+  .fw2-l    { font-weight: 200; }
+  .fw3-l    { font-weight: 300; }
+  .fw4-l    { font-weight: 400; }
+  .fw5-l    { font-weight: 500; }
+  .fw6-l    { font-weight: 600; }
+  .fw7-l    { font-weight: 700; }
+  .fw8-l    { font-weight: 800; }
+  .fw9-l    { font-weight: 900; }
+}
+
+@media (--breakpoint-large) {
+  .normal-l { font-weight: normal; }
+  .b-l      { font-weight: bold; }
+  .fw1-l    { font-weight: 100; }
+  .fw2-l    { font-weight: 200; }
+  .fw3-l    { font-weight: 300; }
+  .fw4-l    { font-weight: 400; }
+  .fw5-l    { font-weight: 500; }
+  .fw6-l    { font-weight: 600; }
+  .fw7-l    { font-weight: 700; }
+  .fw8-l    { font-weight: 800; }
+  .fw9-l    { font-weight: 900; }
+}
+
+/*
+
+   FORMS
+   
+*/
+
+.input-reset {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+}
+
+.button-reset::-moz-focus-inner,
+.input-reset::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+/*
+
+   HEIGHTS
+   Docs: http://tachyons.io/docs/layout/heights/
+
+   Base:
+     h = height
+     min-h = min-height
+     min-vh = min-height vertical screen height
+     vh = vertical screen height
+
+   Modifiers
+     1 = 1st step in height scale
+     2 = 2nd step in height scale
+     3 = 3rd step in height scale
+     4 = 4th step in height scale
+     5 = 5th step in height scale
+
+     -25   = literal value 25%
+     -50   = literal value 50%
+     -75   = literal value 75%
+     -100  = literal value 100%
+
+     -auto = string value of auto
+     -inherit = string value of inherit
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+/* Height Scale */
+
+.h1 { height: 1rem; height: var(--height-1); }
+
+.h2 { height: 2rem; height: var(--height-2); }
+
+.h3 { height: 4rem; height: var(--height-3); }
+
+.h4 { height: 8rem; height: var(--height-4); }
+
+.h5 { height: 16rem; height: var(--height-5); }
+
+/* Height Percentages - Based off of height of parent */
+
+.h-25 {  height:  25%; }
+
+.h-50 {  height:  50%; }
+
+.h-75 {  height:  75%; }
+
+.h-100 { height: 100%; }
+
+.min-h-100 { min-height: 100%; }
+
+/* Screen Height Percentage */
+
+.vh-25 {  height:  25vh; }
+
+.vh-50 {  height:  50vh; }
+
+.vh-75 {  height:  75vh; }
+
+.vh-100 { height: 100vh; }
+
+.min-vh-100 { min-height: 100vh; }
+
+/* String Properties */
+
+.h-auto {     height: auto; }
+
+.h-inherit {  height: inherit; }
+
+@media screen and (min-width: 30em) {
+  .h1-ns {  height: 1rem;  height: var(--height-1); }
+  .h2-ns {  height: 2rem;  height: var(--height-2); }
+  .h3-ns {  height: 4rem;  height: var(--height-3); }
+  .h4-ns {  height: 8rem;  height: var(--height-4); }
+  .h5-ns {  height: 16rem;  height: var(--height-5); }
+  .h-25-ns { height: 25%; }
+  .h-50-ns { height: 50%; }
+  .h-75-ns { height: 75%; }
+  .h-100-ns { height: 100%; }
+  .min-h-100-ns { min-height: 100%; }
+  .vh-25-ns {  height:  25vh; }
+  .vh-50-ns {  height:  50vh; }
+  .vh-75-ns {  height:  75vh; }
+  .vh-100-ns { height: 100vh; }
+  .min-vh-100-ns { min-height: 100vh; }
+  .h-auto-ns { height: auto; }
+  .h-inherit-ns { height: inherit; }
+}
+
+@media (--breakpoint-not-small) {
+  .h1-ns {  height: 1rem;  height: var(--height-1); }
+  .h2-ns {  height: 2rem;  height: var(--height-2); }
+  .h3-ns {  height: 4rem;  height: var(--height-3); }
+  .h4-ns {  height: 8rem;  height: var(--height-4); }
+  .h5-ns {  height: 16rem;  height: var(--height-5); }
+  .h-25-ns { height: 25%; }
+  .h-50-ns { height: 50%; }
+  .h-75-ns { height: 75%; }
+  .h-100-ns { height: 100%; }
+  .min-h-100-ns { min-height: 100%; }
+  .vh-25-ns {  height:  25vh; }
+  .vh-50-ns {  height:  50vh; }
+  .vh-75-ns {  height:  75vh; }
+  .vh-100-ns { height: 100vh; }
+  .min-vh-100-ns { min-height: 100vh; }
+  .h-auto-ns { height: auto; }
+  .h-inherit-ns { height: inherit; }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .h1-m { height: 1rem; height: var(--height-1); }
+  .h2-m { height: 2rem; height: var(--height-2); }
+  .h3-m { height: 4rem; height: var(--height-3); }
+  .h4-m { height: 8rem; height: var(--height-4); }
+  .h5-m { height: 16rem; height: var(--height-5); }
+  .h-25-m { height: 25%; }
+  .h-50-m { height: 50%; }
+  .h-75-m { height: 75%; }
+  .h-100-m { height: 100%; }
+  .min-h-100-m { min-height: 100%; }
+  .vh-25-m {  height:  25vh; }
+  .vh-50-m {  height:  50vh; }
+  .vh-75-m {  height:  75vh; }
+  .vh-100-m { height: 100vh; }
+  .min-vh-100-m { min-height: 100vh; }
+  .h-auto-m { height: auto; }
+  .h-inherit-m { height: inherit; }
+}
+
+@media (--breakpoint-medium) {
+  .h1-m { height: 1rem; height: var(--height-1); }
+  .h2-m { height: 2rem; height: var(--height-2); }
+  .h3-m { height: 4rem; height: var(--height-3); }
+  .h4-m { height: 8rem; height: var(--height-4); }
+  .h5-m { height: 16rem; height: var(--height-5); }
+  .h-25-m { height: 25%; }
+  .h-50-m { height: 50%; }
+  .h-75-m { height: 75%; }
+  .h-100-m { height: 100%; }
+  .min-h-100-m { min-height: 100%; }
+  .vh-25-m {  height:  25vh; }
+  .vh-50-m {  height:  50vh; }
+  .vh-75-m {  height:  75vh; }
+  .vh-100-m { height: 100vh; }
+  .min-vh-100-m { min-height: 100vh; }
+  .h-auto-m { height: auto; }
+  .h-inherit-m { height: inherit; }
+}
+
+@media screen and (min-width: 60em) {
+  .h1-l { height: 1rem; height: var(--height-1); }
+  .h2-l { height: 2rem; height: var(--height-2); }
+  .h3-l { height: 4rem; height: var(--height-3); }
+  .h4-l { height: 8rem; height: var(--height-4); }
+  .h5-l { height: 16rem; height: var(--height-5); }
+  .h-25-l { height: 25%; }
+  .h-50-l { height: 50%; }
+  .h-75-l { height: 75%; }
+  .h-100-l { height: 100%; }
+  .min-h-100-l { min-height: 100%; }
+  .vh-25-l {  height:  25vh; }
+  .vh-50-l {  height:  50vh; }
+  .vh-75-l {  height:  75vh; }
+  .vh-100-l { height: 100vh; }
+  .min-vh-100-l { min-height: 100vh; }
+  .h-auto-l { height: auto; }
+  .h-inherit-l { height: inherit; }
+}
+
+@media (--breakpoint-large) {
+  .h1-l { height: 1rem; height: var(--height-1); }
+  .h2-l { height: 2rem; height: var(--height-2); }
+  .h3-l { height: 4rem; height: var(--height-3); }
+  .h4-l { height: 8rem; height: var(--height-4); }
+  .h5-l { height: 16rem; height: var(--height-5); }
+  .h-25-l { height: 25%; }
+  .h-50-l { height: 50%; }
+  .h-75-l { height: 75%; }
+  .h-100-l { height: 100%; }
+  .min-h-100-l { min-height: 100%; }
+  .vh-25-l {  height:  25vh; }
+  .vh-50-l {  height:  50vh; }
+  .vh-75-l {  height:  75vh; }
+  .vh-100-l { height: 100vh; }
+  .min-vh-100-l { min-height: 100vh; }
+  .h-auto-l { height: auto; }
+  .h-inherit-l { height: inherit; }
+}
+
+/*
+
+   LETTER SPACING
+   Docs: http://tachyons.io/docs/typography/tracking/
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.tracked       { letter-spacing:  .1em; letter-spacing:  var(--letter-spacing-1); }
+
+.tracked-tight { letter-spacing: -.05em; letter-spacing: var(--letter-spacing-tight); }
+
+.tracked-mega  { letter-spacing:  .25em; letter-spacing:  var(--letter-spacing-2); }
+
+@media screen and (min-width: 30em) {
+  .tracked-ns       { letter-spacing:  .1em; letter-spacing:  var(--letter-spacing-1); }
+  .tracked-tight-ns { letter-spacing: -.05em; letter-spacing: var(--letter-spacing-tight); }
+  .tracked-mega-ns  { letter-spacing:  .25em; letter-spacing:  var(--letter-spacing-2); }
+}
+
+@media (--breakpoint-not-small) {
+  .tracked-ns       { letter-spacing:  .1em; letter-spacing:  var(--letter-spacing-1); }
+  .tracked-tight-ns { letter-spacing: -.05em; letter-spacing: var(--letter-spacing-tight); }
+  .tracked-mega-ns  { letter-spacing:  .25em; letter-spacing:  var(--letter-spacing-2); }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .tracked-m       { letter-spacing:  .1em; letter-spacing:  var(--letter-spacing-1); }
+  .tracked-tight-m { letter-spacing: -.05em; letter-spacing: var(--letter-spacing-tight); }
+  .tracked-mega-m  { letter-spacing:  .25em; letter-spacing:  var(--letter-spacing-2); }
+}
+
+@media (--breakpoint-medium) {
+  .tracked-m       { letter-spacing:  .1em; letter-spacing:  var(--letter-spacing-1); }
+  .tracked-tight-m { letter-spacing: -.05em; letter-spacing: var(--letter-spacing-tight); }
+  .tracked-mega-m  { letter-spacing:  .25em; letter-spacing:  var(--letter-spacing-2); }
+}
+
+@media screen and (min-width: 60em) {
+  .tracked-l       { letter-spacing:  .1em; letter-spacing:  var(--letter-spacing-1); }
+  .tracked-tight-l { letter-spacing: -.05em; letter-spacing: var(--letter-spacing-tight); }
+  .tracked-mega-l  { letter-spacing:  .25em; letter-spacing:  var(--letter-spacing-2); }
+}
+
+@media (--breakpoint-large) {
+  .tracked-l       { letter-spacing:  .1em; letter-spacing:  var(--letter-spacing-1); }
+  .tracked-tight-l { letter-spacing: -.05em; letter-spacing: var(--letter-spacing-tight); }
+  .tracked-mega-l  { letter-spacing:  .25em; letter-spacing:  var(--letter-spacing-2); }
+}
+
+/*
+
+   LINE HEIGHT / LEADING
+   Docs: http://tachyons.io/docs/typography/line-height
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.lh-solid { line-height: 1; line-height: var(--line-height-solid); }
+
+.lh-title { line-height: 1.25; line-height: var(--line-height-title); }
+
+.lh-copy  { line-height: 1.5; line-height: var(--line-height-copy); }
+
+@media screen and (min-width: 30em) {
+  .lh-solid-ns { line-height: 1; line-height: var(--line-height-solid); }
+  .lh-title-ns { line-height: 1.25; line-height: var(--line-height-title); }
+  .lh-copy-ns  { line-height: 1.5; line-height: var(--line-height-copy); }
+}
+
+@media (--breakpoint-not-small) {
+  .lh-solid-ns { line-height: 1; line-height: var(--line-height-solid); }
+  .lh-title-ns { line-height: 1.25; line-height: var(--line-height-title); }
+  .lh-copy-ns  { line-height: 1.5; line-height: var(--line-height-copy); }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .lh-solid-m { line-height: 1; line-height: var(--line-height-solid); }
+  .lh-title-m { line-height: 1.25; line-height: var(--line-height-title); }
+  .lh-copy-m  { line-height: 1.5; line-height: var(--line-height-copy); }
+}
+
+@media (--breakpoint-medium) {
+  .lh-solid-m { line-height: 1; line-height: var(--line-height-solid); }
+  .lh-title-m { line-height: 1.25; line-height: var(--line-height-title); }
+  .lh-copy-m  { line-height: 1.5; line-height: var(--line-height-copy); }
+}
+
+@media screen and (min-width: 60em) {
+  .lh-solid-l { line-height: 1; line-height: var(--line-height-solid); }
+  .lh-title-l { line-height: 1.25; line-height: var(--line-height-title); }
+  .lh-copy-l  { line-height: 1.5; line-height: var(--line-height-copy); }
+}
+
+@media (--breakpoint-large) {
+  .lh-solid-l { line-height: 1; line-height: var(--line-height-solid); }
+  .lh-title-l { line-height: 1.25; line-height: var(--line-height-title); }
+  .lh-copy-l  { line-height: 1.5; line-height: var(--line-height-copy); }
+}
+
+/*
+
+   LINKS
+   Docs: http://tachyons.io/docs/elements/links/
+
+*/
+
+.link {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  transition: color .15s ease-in;
+}
+
+.link:link,
+.link:visited {
+  transition: color .15s ease-in;
+}
+
+.link:hover   {
+  transition: color .15s ease-in;
+}
+
+.link:active  {
+  transition: color .15s ease-in;
+}
+
+.link:focus   {
+  transition: color .15s ease-in;
+  outline: 1px dotted currentColor;
+}
+
+/*
+
+   LISTS
+   http://tachyons.io/docs/elements/lists/
+
+*/
+
+.list {         list-style-type: none; }
+
+/*
+
+   MAX WIDTHS
+   Docs: http://tachyons.io/docs/layout/max-widths/
+
+   Base:
+     mw = max-width
+
+   Modifiers
+     1 = 1st step in width scale
+     2 = 2nd step in width scale
+     3 = 3rd step in width scale
+     4 = 4th step in width scale
+     5 = 5th step in width scale
+     6 = 6st step in width scale
+     7 = 7nd step in width scale
+     8 = 8rd step in width scale
+     9 = 9th step in width scale
+
+     -100 = literal value 100%
+
+     -none  = string value none
+
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+/* Max Width Percentages */
+
+.mw-100  { max-width: 100%; }
+
+/* Max Width Scale */
+
+.mw1  {  max-width: 1rem;  max-width: var(--max-width-1); }
+
+.mw2  {  max-width: 2rem;  max-width: var(--max-width-2); }
+
+.mw3  {  max-width: 4rem;  max-width: var(--max-width-3); }
+
+.mw4  {  max-width: 8rem;  max-width: var(--max-width-4); }
+
+.mw5  {  max-width: 16rem;  max-width: var(--max-width-5); }
+
+.mw6  {  max-width: 32rem;  max-width: var(--max-width-6); }
+
+.mw7  {  max-width: 48rem;  max-width: var(--max-width-7); }
+
+.mw8  {  max-width: 64rem;  max-width: var(--max-width-8); }
+
+.mw9  {  max-width: 96rem;  max-width: var(--max-width-9); }
+
+/* Max Width String Properties */
+
+.mw-none { max-width: none; }
+
+@media screen and (min-width: 30em) {
+  .mw-100-ns  { max-width: 100%; }
+
+  .mw1-ns  {  max-width: 1rem;  max-width: var(--max-width-1); }
+  .mw2-ns  {  max-width: 2rem;  max-width: var(--max-width-2); }
+  .mw3-ns  {  max-width: 4rem;  max-width: var(--max-width-3); }
+  .mw4-ns  {  max-width: 8rem;  max-width: var(--max-width-4); }
+  .mw5-ns  {  max-width: 16rem;  max-width: var(--max-width-5); }
+  .mw6-ns  {  max-width: 32rem;  max-width: var(--max-width-6); }
+  .mw7-ns  {  max-width: 48rem;  max-width: var(--max-width-7); }
+  .mw8-ns  {  max-width: 64rem;  max-width: var(--max-width-8); }
+  .mw9-ns  {  max-width: 96rem;  max-width: var(--max-width-9); }
+
+  .mw-none-ns { max-width: none; }
+}
+
+@media (--breakpoint-not-small) {
+  .mw-100-ns  { max-width: 100%; }
+
+  .mw1-ns  {  max-width: 1rem;  max-width: var(--max-width-1); }
+  .mw2-ns  {  max-width: 2rem;  max-width: var(--max-width-2); }
+  .mw3-ns  {  max-width: 4rem;  max-width: var(--max-width-3); }
+  .mw4-ns  {  max-width: 8rem;  max-width: var(--max-width-4); }
+  .mw5-ns  {  max-width: 16rem;  max-width: var(--max-width-5); }
+  .mw6-ns  {  max-width: 32rem;  max-width: var(--max-width-6); }
+  .mw7-ns  {  max-width: 48rem;  max-width: var(--max-width-7); }
+  .mw8-ns  {  max-width: 64rem;  max-width: var(--max-width-8); }
+  .mw9-ns  {  max-width: 96rem;  max-width: var(--max-width-9); }
+
+  .mw-none-ns { max-width: none; }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .mw-100-m  { max-width: 100%; }
+
+  .mw1-m  {  max-width: 1rem;  max-width: var(--max-width-1); }
+  .mw2-m  {  max-width: 2rem;  max-width: var(--max-width-2); }
+  .mw3-m  {  max-width: 4rem;  max-width: var(--max-width-3); }
+  .mw4-m  {  max-width: 8rem;  max-width: var(--max-width-4); }
+  .mw5-m  {  max-width: 16rem;  max-width: var(--max-width-5); }
+  .mw6-m  {  max-width: 32rem;  max-width: var(--max-width-6); }
+  .mw7-m  {  max-width: 48rem;  max-width: var(--max-width-7); }
+  .mw8-m  {  max-width: 64rem;  max-width: var(--max-width-8); }
+  .mw9-m  {  max-width: 96rem;  max-width: var(--max-width-9); }
+
+  .mw-none-m { max-width: none; }
+}
+
+@media (--breakpoint-medium) {
+  .mw-100-m  { max-width: 100%; }
+
+  .mw1-m  {  max-width: 1rem;  max-width: var(--max-width-1); }
+  .mw2-m  {  max-width: 2rem;  max-width: var(--max-width-2); }
+  .mw3-m  {  max-width: 4rem;  max-width: var(--max-width-3); }
+  .mw4-m  {  max-width: 8rem;  max-width: var(--max-width-4); }
+  .mw5-m  {  max-width: 16rem;  max-width: var(--max-width-5); }
+  .mw6-m  {  max-width: 32rem;  max-width: var(--max-width-6); }
+  .mw7-m  {  max-width: 48rem;  max-width: var(--max-width-7); }
+  .mw8-m  {  max-width: 64rem;  max-width: var(--max-width-8); }
+  .mw9-m  {  max-width: 96rem;  max-width: var(--max-width-9); }
+
+  .mw-none-m { max-width: none; }
+}
+
+@media screen and (min-width: 60em) {
+  .mw-100-l  { max-width: 100%; }
+
+  .mw1-l  {  max-width: 1rem;  max-width: var(--max-width-1); }
+  .mw2-l  {  max-width: 2rem;  max-width: var(--max-width-2); }
+  .mw3-l  {  max-width: 4rem;  max-width: var(--max-width-3); }
+  .mw4-l  {  max-width: 8rem;  max-width: var(--max-width-4); }
+  .mw5-l  {  max-width: 16rem;  max-width: var(--max-width-5); }
+  .mw6-l  {  max-width: 32rem;  max-width: var(--max-width-6); }
+  .mw7-l  {  max-width: 48rem;  max-width: var(--max-width-7); }
+  .mw8-l  {  max-width: 64rem;  max-width: var(--max-width-8); }
+  .mw9-l  {  max-width: 96rem;  max-width: var(--max-width-9); }
+
+  .mw-none-l { max-width: none; }
+}
+
+@media (--breakpoint-large) {
+  .mw-100-l  { max-width: 100%; }
+
+  .mw1-l  {  max-width: 1rem;  max-width: var(--max-width-1); }
+  .mw2-l  {  max-width: 2rem;  max-width: var(--max-width-2); }
+  .mw3-l  {  max-width: 4rem;  max-width: var(--max-width-3); }
+  .mw4-l  {  max-width: 8rem;  max-width: var(--max-width-4); }
+  .mw5-l  {  max-width: 16rem;  max-width: var(--max-width-5); }
+  .mw6-l  {  max-width: 32rem;  max-width: var(--max-width-6); }
+  .mw7-l  {  max-width: 48rem;  max-width: var(--max-width-7); }
+  .mw8-l  {  max-width: 64rem;  max-width: var(--max-width-8); }
+  .mw9-l  {  max-width: 96rem;  max-width: var(--max-width-9); }
+
+  .mw-none-l { max-width: none; }
+}
+
+/*
+
+   WIDTHS
+   Docs: http://tachyons.io/docs/layout/widths/
+
+   Base:
+     w = width
+
+     Modifiers
+       1 = 1st step in width scale
+       2 = 2nd step in width scale
+       3 = 3rd step in width scale
+       4 = 4th step in width scale
+       5 = 5th step in width scale
+
+       -10  = literal value 10%
+       -20  = literal value 20%
+       -25  = literal value 25%
+       -30  = literal value 30%
+       -33  = literal value 33%
+       -34  = literal value 34%
+       -40  = literal value 40%
+       -50  = literal value 50%
+       -60  = literal value 60%
+       -70  = literal value 70%
+       -75  = literal value 75%
+       -80  = literal value 80%
+       -90  = literal value 90%
+       -100 = literal value 100%
+
+       -third      = 100% / 3 (Not supported in opera mini or IE8)
+       -two-thirds = 100% / 1.5 (Not supported in opera mini or IE8)
+       -auto       = string value auto
+
+
+     Media Query Extensions:
+       -ns = not-small
+       -m  = medium
+       -l  = large
+
+  */
+
+/* Width Scale */
+
+.w1 {    width: 1rem;    width: var(--width-1); }
+
+.w2 {    width: 2rem;    width: var(--width-2); }
+
+.w3 {    width: 4rem;    width: var(--width-3); }
+
+.w4 {    width: 8rem;    width: var(--width-4); }
+
+.w5 {    width: 16rem;    width: var(--width-5); }
+
+.w-10 {  width:  10%; }
+
+.w-20 {  width:  20%; }
+
+.w-25 {  width:  25%; }
+
+.w-30 {  width:  30%; }
+
+.w-33 {  width:  33%; }
+
+.w-34 {  width:  34%; }
+
+.w-40 {  width:  40%; }
+
+.w-50 {  width:  50%; }
+
+.w-60 {  width:  60%; }
+
+.w-70 {  width:  70%; }
+
+.w-75 {  width:  75%; }
+
+.w-80 {  width:  80%; }
+
+.w-90 {  width:  90%; }
+
+.w-100 { width: 100%; }
+
+.w-third { width: calc(100% / 3); }
+
+.w-two-thirds { width: calc(100% / 1.5); }
+
+.w-auto { width: auto; }
+
+@media screen and (min-width: 30em) {
+  .w1-ns {  width: 1rem;  width: var(--width-1); }
+  .w2-ns {  width: 2rem;  width: var(--width-2); }
+  .w3-ns {  width: 4rem;  width: var(--width-3); }
+  .w4-ns {  width: 8rem;  width: var(--width-4); }
+  .w5-ns {  width: 16rem;  width: var(--width-5); }
+  .w-10-ns { width:  10%; }
+  .w-20-ns { width:  20%; }
+  .w-25-ns { width:  25%; }
+  .w-30-ns { width:  30%; }
+  .w-33-ns { width:  33%; }
+  .w-34-ns { width:  34%; }
+  .w-40-ns { width:  40%; }
+  .w-50-ns { width:  50%; }
+  .w-60-ns { width:  60%; }
+  .w-70-ns { width:  70%; }
+  .w-75-ns { width:  75%; }
+  .w-80-ns { width:  80%; }
+  .w-90-ns { width:  90%; }
+  .w-100-ns { width: 100%; }
+  .w-third-ns { width: calc(100% / 3); }
+  .w-two-thirds-ns { width: calc(100% / 1.5); }
+  .w-auto-ns { width: auto; }
+}
+
+@media (--breakpoint-not-small) {
+  .w1-ns {  width: 1rem;  width: var(--width-1); }
+  .w2-ns {  width: 2rem;  width: var(--width-2); }
+  .w3-ns {  width: 4rem;  width: var(--width-3); }
+  .w4-ns {  width: 8rem;  width: var(--width-4); }
+  .w5-ns {  width: 16rem;  width: var(--width-5); }
+  .w-10-ns { width:  10%; }
+  .w-20-ns { width:  20%; }
+  .w-25-ns { width:  25%; }
+  .w-30-ns { width:  30%; }
+  .w-33-ns { width:  33%; }
+  .w-34-ns { width:  34%; }
+  .w-40-ns { width:  40%; }
+  .w-50-ns { width:  50%; }
+  .w-60-ns { width:  60%; }
+  .w-70-ns { width:  70%; }
+  .w-75-ns { width:  75%; }
+  .w-80-ns { width:  80%; }
+  .w-90-ns { width:  90%; }
+  .w-100-ns { width: 100%; }
+  .w-third-ns { width: calc(100% / 3); }
+  .w-two-thirds-ns { width: calc(100% / 1.5); }
+  .w-auto-ns { width: auto; }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .w1-m {      width: 1rem;      width: var(--width-1); }
+  .w2-m {      width: 2rem;      width: var(--width-2); }
+  .w3-m {      width: 4rem;      width: var(--width-3); }
+  .w4-m {      width: 8rem;      width: var(--width-4); }
+  .w5-m {      width: 16rem;      width: var(--width-5); }
+  .w-10-m { width:  10%; }
+  .w-20-m { width:  20%; }
+  .w-25-m { width:  25%; }
+  .w-30-m { width:  30%; }
+  .w-33-m { width:  33%; }
+  .w-34-m { width:  34%; }
+  .w-40-m { width:  40%; }
+  .w-50-m { width:  50%; }
+  .w-60-m { width:  60%; }
+  .w-70-m { width:  70%; }
+  .w-75-m { width:  75%; }
+  .w-80-m { width:  80%; }
+  .w-90-m { width:  90%; }
+  .w-100-m { width: 100%; }
+  .w-third-m { width: calc(100% / 3); }
+  .w-two-thirds-m { width: calc(100% / 1.5); }
+  .w-auto-m {    width: auto; }
+}
+
+@media (--breakpoint-medium) {
+  .w1-m {      width: 1rem;      width: var(--width-1); }
+  .w2-m {      width: 2rem;      width: var(--width-2); }
+  .w3-m {      width: 4rem;      width: var(--width-3); }
+  .w4-m {      width: 8rem;      width: var(--width-4); }
+  .w5-m {      width: 16rem;      width: var(--width-5); }
+  .w-10-m { width:  10%; }
+  .w-20-m { width:  20%; }
+  .w-25-m { width:  25%; }
+  .w-30-m { width:  30%; }
+  .w-33-m { width:  33%; }
+  .w-34-m { width:  34%; }
+  .w-40-m { width:  40%; }
+  .w-50-m { width:  50%; }
+  .w-60-m { width:  60%; }
+  .w-70-m { width:  70%; }
+  .w-75-m { width:  75%; }
+  .w-80-m { width:  80%; }
+  .w-90-m { width:  90%; }
+  .w-100-m { width: 100%; }
+  .w-third-m { width: calc(100% / 3); }
+  .w-two-thirds-m { width: calc(100% / 1.5); }
+  .w-auto-m {    width: auto; }
+}
+
+@media screen and (min-width: 60em) {
+  .w1-l {      width: 1rem;      width: var(--width-1); }
+  .w2-l {      width: 2rem;      width: var(--width-2); }
+  .w3-l {      width: 4rem;      width: var(--width-3); }
+  .w4-l {      width: 8rem;      width: var(--width-4); }
+  .w5-l {      width: 16rem;      width: var(--width-5); }
+  .w-10-l {    width:  10%; }
+  .w-20-l {    width:  20%; }
+  .w-25-l {    width:  25%; }
+  .w-30-l {    width:  30%; }
+  .w-33-l {    width:  33%; }
+  .w-34-l {    width:  34%; }
+  .w-40-l {    width:  40%; }
+  .w-50-l {    width:  50%; }
+  .w-60-l {    width:  60%; }
+  .w-70-l {    width:  70%; }
+  .w-75-l {    width:  75%; }
+  .w-80-l {    width:  80%; }
+  .w-90-l {    width:  90%; }
+  .w-100-l {   width: 100%; }
+  .w-third-l { width: calc(100% / 3); }
+  .w-two-thirds-l { width: calc(100% / 1.5); }
+  .w-auto-l {    width: auto; }
+}
+
+@media (--breakpoint-large) {
+  .w1-l {      width: 1rem;      width: var(--width-1); }
+  .w2-l {      width: 2rem;      width: var(--width-2); }
+  .w3-l {      width: 4rem;      width: var(--width-3); }
+  .w4-l {      width: 8rem;      width: var(--width-4); }
+  .w5-l {      width: 16rem;      width: var(--width-5); }
+  .w-10-l {    width:  10%; }
+  .w-20-l {    width:  20%; }
+  .w-25-l {    width:  25%; }
+  .w-30-l {    width:  30%; }
+  .w-33-l {    width:  33%; }
+  .w-34-l {    width:  34%; }
+  .w-40-l {    width:  40%; }
+  .w-50-l {    width:  50%; }
+  .w-60-l {    width:  60%; }
+  .w-70-l {    width:  70%; }
+  .w-75-l {    width:  75%; }
+  .w-80-l {    width:  80%; }
+  .w-90-l {    width:  90%; }
+  .w-100-l {   width: 100%; }
+  .w-third-l { width: calc(100% / 3); }
+  .w-two-thirds-l { width: calc(100% / 1.5); }
+  .w-auto-l {    width: auto; }
+}
+
+/*
+
+    OVERFLOW
+
+    Media Query Extensions:
+      -ns = not-small
+      -m  = medium
+      -l  = large
+
+ */
+
+.overflow-visible { overflow: visible; }
+
+.overflow-hidden { overflow: hidden; }
+
+.overflow-scroll { overflow: scroll; }
+
+.overflow-auto { overflow: auto; }
+
+.overflow-x-visible { overflow-x: visible; }
+
+.overflow-x-hidden { overflow-x: hidden; }
+
+.overflow-x-scroll { overflow-x: scroll; }
+
+.overflow-x-auto { overflow-x: auto; }
+
+.overflow-y-visible { overflow-y: visible; }
+
+.overflow-y-hidden { overflow-y: hidden; }
+
+.overflow-y-scroll { overflow-y: scroll; }
+
+.overflow-y-auto { overflow-y: auto; }
+
+@media screen and (min-width: 30em) {
+  .overflow-visible-ns { overflow: visible; }
+  .overflow-hidden-ns { overflow: hidden; }
+  .overflow-scroll-ns { overflow: scroll; }
+  .overflow-auto-ns { overflow: auto; }
+  .overflow-x-visible-ns { overflow-x: visible; }
+  .overflow-x-hidden-ns { overflow-x: hidden; }
+  .overflow-x-scroll-ns { overflow-x: scroll; }
+  .overflow-x-auto-ns { overflow-x: auto; }
+
+  .overflow-y-visible-ns { overflow-y: visible; }
+  .overflow-y-hidden-ns { overflow-y: hidden; }
+  .overflow-y-scroll-ns { overflow-y: scroll; }
+  .overflow-y-auto-ns { overflow-y: auto; }
+}
+
+@media (--breakpoint-not-small) {
+  .overflow-visible-ns { overflow: visible; }
+  .overflow-hidden-ns { overflow: hidden; }
+  .overflow-scroll-ns { overflow: scroll; }
+  .overflow-auto-ns { overflow: auto; }
+  .overflow-x-visible-ns { overflow-x: visible; }
+  .overflow-x-hidden-ns { overflow-x: hidden; }
+  .overflow-x-scroll-ns { overflow-x: scroll; }
+  .overflow-x-auto-ns { overflow-x: auto; }
+
+  .overflow-y-visible-ns { overflow-y: visible; }
+  .overflow-y-hidden-ns { overflow-y: hidden; }
+  .overflow-y-scroll-ns { overflow-y: scroll; }
+  .overflow-y-auto-ns { overflow-y: auto; }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .overflow-visible-m { overflow: visible; }
+  .overflow-hidden-m { overflow: hidden; }
+  .overflow-scroll-m { overflow: scroll; }
+  .overflow-auto-m { overflow: auto; }
+
+  .overflow-x-visible-m { overflow-x: visible; }
+  .overflow-x-hidden-m { overflow-x: hidden; }
+  .overflow-x-scroll-m { overflow-x: scroll; }
+  .overflow-x-auto-m { overflow-x: auto; }
+
+  .overflow-y-visible-m { overflow-y: visible; }
+  .overflow-y-hidden-m { overflow-y: hidden; }
+  .overflow-y-scroll-m { overflow-y: scroll; }
+  .overflow-y-auto-m { overflow-y: auto; }
+}
+
+@media (--breakpoint-medium) {
+  .overflow-visible-m { overflow: visible; }
+  .overflow-hidden-m { overflow: hidden; }
+  .overflow-scroll-m { overflow: scroll; }
+  .overflow-auto-m { overflow: auto; }
+
+  .overflow-x-visible-m { overflow-x: visible; }
+  .overflow-x-hidden-m { overflow-x: hidden; }
+  .overflow-x-scroll-m { overflow-x: scroll; }
+  .overflow-x-auto-m { overflow-x: auto; }
+
+  .overflow-y-visible-m { overflow-y: visible; }
+  .overflow-y-hidden-m { overflow-y: hidden; }
+  .overflow-y-scroll-m { overflow-y: scroll; }
+  .overflow-y-auto-m { overflow-y: auto; }
+}
+
+@media screen and (min-width: 60em) {
+  .overflow-visible-l { overflow: visible; }
+  .overflow-hidden-l { overflow: hidden; }
+  .overflow-scroll-l { overflow: scroll; }
+  .overflow-auto-l { overflow: auto; }
+
+  .overflow-x-visible-l { overflow-x: visible; }
+  .overflow-x-hidden-l { overflow-x: hidden; }
+  .overflow-x-scroll-l { overflow-x: scroll; }
+  .overflow-x-auto-l { overflow-x: auto; }
+
+  .overflow-y-visible-l { overflow-y: visible; }
+  .overflow-y-hidden-l { overflow-y: hidden; }
+  .overflow-y-scroll-l { overflow-y: scroll; }
+  .overflow-y-auto-l { overflow-y: auto; }
+}
+
+@media (--breakpoint-large) {
+  .overflow-visible-l { overflow: visible; }
+  .overflow-hidden-l { overflow: hidden; }
+  .overflow-scroll-l { overflow: scroll; }
+  .overflow-auto-l { overflow: auto; }
+
+  .overflow-x-visible-l { overflow-x: visible; }
+  .overflow-x-hidden-l { overflow-x: hidden; }
+  .overflow-x-scroll-l { overflow-x: scroll; }
+  .overflow-x-auto-l { overflow-x: auto; }
+
+  .overflow-y-visible-l { overflow-y: visible; }
+  .overflow-y-hidden-l { overflow-y: hidden; }
+  .overflow-y-scroll-l { overflow-y: scroll; }
+  .overflow-y-auto-l { overflow-y: auto; }
+}
+
+/*
+
+   POSITIONING
+   Docs: http://tachyons.io/docs/layout/position/
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.static { position: static; }
+
+.relative  { position: relative; }
+
+.absolute  { position: absolute; }
+
+.fixed  { position: fixed; }
+
+@media screen and (min-width: 30em) {
+  .static-ns { position: static; }
+  .relative-ns  { position: relative; }
+  .absolute-ns  { position: absolute; }
+  .fixed-ns  { position: fixed; }
+}
+
+@media (--breakpoint-not-small) {
+  .static-ns { position: static; }
+  .relative-ns  { position: relative; }
+  .absolute-ns  { position: absolute; }
+  .fixed-ns  { position: fixed; }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .static-m { position: static; }
+  .relative-m  { position: relative; }
+  .absolute-m  { position: absolute; }
+  .fixed-m  { position: fixed; }
+}
+
+@media (--breakpoint-medium) {
+  .static-m { position: static; }
+  .relative-m  { position: relative; }
+  .absolute-m  { position: absolute; }
+  .fixed-m  { position: fixed; }
+}
+
+@media screen and (min-width: 60em) {
+  .static-l { position: static; }
+  .relative-l  { position: relative; }
+  .absolute-l  { position: absolute; }
+  .fixed-l  { position: fixed; }
+}
+
+@media (--breakpoint-large) {
+  .static-l { position: static; }
+  .relative-l  { position: relative; }
+  .absolute-l  { position: absolute; }
+  .fixed-l  { position: fixed; }
+}
+
+/*
+
+    OPACITY
+    Docs: http://tachyons.io/docs/themes/opacity/
+
+*/
+
+.o-100 { opacity: 1;    }
+
+.o-90  { opacity: .9;   }
+
+.o-80  { opacity: .8;   }
+
+.o-70  { opacity: .7;   }
+
+.o-60  { opacity: .6;   }
+
+.o-50  { opacity: .5;   }
+
+.o-40  { opacity: .4;   }
+
+.o-30  { opacity: .3;   }
+
+.o-20  { opacity: .2;   }
+
+.o-10  { opacity: .1;   }
+
+.o-05  { opacity: .05;  }
+
+.o-025 { opacity: .025; }
+
+.o-0   { opacity: 0; }
+
+/*
+
+   ROTATIONS
+
+*/
+
+.rotate-45 { transform: rotate(45deg); }
+
+.rotate-90 { transform: rotate(90deg); }
+
+.rotate-135 { transform: rotate(135deg); }
+
+.rotate-180 { transform: rotate(180deg); }
+
+.rotate-225 { transform: rotate(225deg); }
+
+.rotate-270 { transform: rotate(270deg); }
+
+.rotate-315 { transform: rotate(315deg); }
+
+@media screen and (min-width: 30em){
+  .rotate-45-ns { transform: rotate(45deg); }
+  .rotate-90-ns { transform: rotate(90deg); }
+  .rotate-135-ns { transform: rotate(135deg); }
+  .rotate-180-ns { transform: rotate(180deg); }
+  .rotate-225-ns { transform: rotate(225deg); }
+  .rotate-270-ns { transform: rotate(270deg); }
+  .rotate-315-ns { transform: rotate(315deg); }
+}
+
+@media (--breakpoint-not-small){
+  .rotate-45-ns { transform: rotate(45deg); }
+  .rotate-90-ns { transform: rotate(90deg); }
+  .rotate-135-ns { transform: rotate(135deg); }
+  .rotate-180-ns { transform: rotate(180deg); }
+  .rotate-225-ns { transform: rotate(225deg); }
+  .rotate-270-ns { transform: rotate(270deg); }
+  .rotate-315-ns { transform: rotate(315deg); }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em){
+  .rotate-45-m { transform: rotate(45deg); }
+  .rotate-90-m { transform: rotate(90deg); }
+  .rotate-135-m { transform: rotate(135deg); }
+  .rotate-180-m { transform: rotate(180deg); }
+  .rotate-225-m { transform: rotate(225deg); }
+  .rotate-270-m { transform: rotate(270deg); }
+  .rotate-315-m { transform: rotate(315deg); }
+}
+
+@media (--breakpoint-medium){
+  .rotate-45-m { transform: rotate(45deg); }
+  .rotate-90-m { transform: rotate(90deg); }
+  .rotate-135-m { transform: rotate(135deg); }
+  .rotate-180-m { transform: rotate(180deg); }
+  .rotate-225-m { transform: rotate(225deg); }
+  .rotate-270-m { transform: rotate(270deg); }
+  .rotate-315-m { transform: rotate(315deg); }
+}
+
+@media screen and (min-width: 60em){
+  .rotate-45-l { transform: rotate(45deg); }
+  .rotate-90-l { transform: rotate(90deg); }
+  .rotate-135-l { transform: rotate(135deg); }
+  .rotate-180-l { transform: rotate(180deg); }
+  .rotate-225-l { transform: rotate(225deg); }
+  .rotate-270-l { transform: rotate(270deg); }
+  .rotate-315-l { transform: rotate(315deg); }
+}
+
+@media (--breakpoint-large){
+  .rotate-45-l { transform: rotate(45deg); }
+  .rotate-90-l { transform: rotate(90deg); }
+  .rotate-135-l { transform: rotate(135deg); }
+  .rotate-180-l { transform: rotate(180deg); }
+  .rotate-225-l { transform: rotate(225deg); }
+  .rotate-270-l { transform: rotate(270deg); }
+  .rotate-315-l { transform: rotate(315deg); }
+}
+
+/*
+
+   SKINS
+   Docs: http://tachyons.io/docs/themes/skins/
+
+   Classes for setting foreground and background colors on elements.
+   If you haven't declared a border color, but set border on an element, it will
+   be set to the current text color.
+
+*/
+
+/* Text colors */
+
+.black-90 {         color: rgba(0,0,0,.9);         color: var(--black-90); }
+
+.black-80 {         color: rgba(0,0,0,.8);         color: var(--black-80); }
+
+.black-70 {         color: rgba(0,0,0,.7);         color: var(--black-70); }
+
+.black-60 {         color: rgba(0,0,0,.6);         color: var(--black-60); }
+
+.black-50 {         color: rgba(0,0,0,.5);         color: var(--black-50); }
+
+.black-40 {         color: rgba(0,0,0,.4);         color: var(--black-40); }
+
+.black-30 {         color: rgba(0,0,0,.3);         color: var(--black-30); }
+
+.black-20 {         color: rgba(0,0,0,.2);         color: var(--black-20); }
+
+.black-10 {         color: rgba(0,0,0,.1);         color: var(--black-10); }
+
+.black-05 {         color: rgba(0,0,0,.05);         color: var(--black-05); }
+
+.white-90 {         color: rgba(255,255,255,.9);         color: var(--white-90); }
+
+.white-80 {         color: rgba(255,255,255,.8);         color: var(--white-80); }
+
+.white-70 {         color: rgba(255,255,255,.7);         color: var(--white-70); }
+
+.white-60 {         color: rgba(255,255,255,.6);         color: var(--white-60); }
+
+.white-50 {         color: rgba(255,255,255,.5);         color: var(--white-50); }
+
+.white-40 {         color: rgba(255,255,255,.4);         color: var(--white-40); }
+
+.white-30 {         color: rgba(255,255,255,.3);         color: var(--white-30); }
+
+.white-20 {         color: rgba(255,255,255,.2);         color: var(--white-20); }
+
+.white-10 {         color: rgba(255,255,255,.1);         color: var(--white-10); }
+
+.black {         color: hsl(210, 4%, 10%);         color: var(--black); }
+
+.near-black {    color: hsl(195, 2%, 32%);    color: var(--near-black); }
+
+.dark-gray {     color: hsl(200, 2%, 49%);     color: var(--dark-gray); }
+
+.mid-gray {      color: hsl(197, 5%, 72%);      color: var(--mid-gray); }
+
+.gray {          color: hsl(197, 10%, 86%);          color: var(--gray); }
+
+.silver  {       color: #999;       color: var(--silver); }
+
+.light-silver {  color: #aaa;  color: var(--light-silver); }
+
+.moon-gray {     color: #ccc;     color: var(--moon-gray); }
+
+.light-gray {    color: hsl(195, 25%, 94%);    color: var(--light-gray); }
+
+.near-white {    color: hsl(200, 13%, 95%);    color: var(--near-white); }
+
+.white {         color: #fff;         color: var(--white); }
+
+.dark-red { color: #e7040f; color: var(--dark-red); }
+
+.red { color: #ff4136; color: var(--red); }
+
+.light-red { color: #ff725c; color: var(--light-red); }
+
+.orange { color: #ff6300; color: var(--orange); }
+
+.gold { color: #ffb700; color: var(--gold); }
+
+.yellow { color: #ffd700; color: var(--yellow); }
+
+.light-yellow { color: #fbf1a9; color: var(--light-yellow); }
+
+.purple { color: #5e2ca5; color: var(--purple); }
+
+.light-purple { color: #a463f2; color: var(--light-purple); }
+
+.dark-pink { color: #d5008f; color: var(--dark-pink); }
+
+.hot-pink { color: #ff41b4; color: var(--hot-pink); }
+
+.pink { color: #ff80cc; color: var(--pink); }
+
+.light-pink { color: #ffa3d7; color: var(--light-pink); }
+
+.dark-green { color: #137752; color: var(--dark-green); }
+
+.green { color: #A6FF7C; color: var(--green); }
+
+.light-green { color: #9eebcf; color: var(--light-green); }
+
+.navy { color: #001b44; color: var(--navy); }
+
+.dark-blue { color: #00449e; color: var(--dark-blue); }
+
+.blue { color: #357edd; color: var(--blue); }
+
+.light-blue { color: #96ccff; color: var(--light-blue); }
+
+.lightest-blue { color: #cdecff; color: var(--lightest-blue); }
+
+.washed-blue { color: #f6fffe; color: var(--washed-blue); }
+
+.washed-green { color: #e8fdf5; color: var(--washed-green); }
+
+.washed-yellow { color: #fffceb; color: var(--washed-yellow); }
+
+.washed-red { color: #ffdfdf; color: var(--washed-red); }
+
+.color-inherit { color: inherit; }
+
+.bg-black-90 {         background-color: rgba(0,0,0,.9);         background-color: var(--black-90); }
+
+.bg-black-80 {         background-color: rgba(0,0,0,.8);         background-color: var(--black-80); }
+
+.bg-black-70 {         background-color: rgba(0,0,0,.7);         background-color: var(--black-70); }
+
+.bg-black-60 {         background-color: rgba(0,0,0,.6);         background-color: var(--black-60); }
+
+.bg-black-50 {         background-color: rgba(0,0,0,.5);         background-color: var(--black-50); }
+
+.bg-black-40 {         background-color: rgba(0,0,0,.4);         background-color: var(--black-40); }
+
+.bg-black-30 {         background-color: rgba(0,0,0,.3);         background-color: var(--black-30); }
+
+.bg-black-20 {         background-color: rgba(0,0,0,.2);         background-color: var(--black-20); }
+
+.bg-black-10 {         background-color: rgba(0,0,0,.1);         background-color: var(--black-10); }
+
+.bg-black-05 {         background-color: rgba(0,0,0,.05);         background-color: var(--black-05); }
+
+.bg-white-90 {        background-color: rgba(255,255,255,.9);        background-color: var(--white-90); }
+
+.bg-white-80 {        background-color: rgba(255,255,255,.8);        background-color: var(--white-80); }
+
+.bg-white-70 {        background-color: rgba(255,255,255,.7);        background-color: var(--white-70); }
+
+.bg-white-60 {        background-color: rgba(255,255,255,.6);        background-color: var(--white-60); }
+
+.bg-white-50 {        background-color: rgba(255,255,255,.5);        background-color: var(--white-50); }
+
+.bg-white-40 {        background-color: rgba(255,255,255,.4);        background-color: var(--white-40); }
+
+.bg-white-30 {        background-color: rgba(255,255,255,.3);        background-color: var(--white-30); }
+
+.bg-white-20 {        background-color: rgba(255,255,255,.2);        background-color: var(--white-20); }
+
+.bg-white-10 {        background-color: rgba(255,255,255,.1);        background-color: var(--white-10); }
+
+/* Background colors */
+
+.bg-black {         background-color: hsl(210, 4%, 10%);         background-color: var(--black); }
+
+.bg-near-black {    background-color: hsl(195, 2%, 32%);    background-color: var(--near-black); }
+
+.bg-dark-gray {     background-color: hsl(200, 2%, 49%);     background-color: var(--dark-gray); }
+
+.bg-mid-gray {      background-color: hsl(197, 5%, 72%);      background-color: var(--mid-gray); }
+
+.bg-gray {          background-color: hsl(197, 10%, 86%);          background-color: var(--gray); }
+
+.bg-silver  {       background-color: #999;       background-color: var(--silver); }
+
+.bg-light-silver {  background-color: #aaa;  background-color: var(--light-silver); }
+
+.bg-moon-gray {     background-color: #ccc;     background-color: var(--moon-gray); }
+
+.bg-light-gray {    background-color: hsl(195, 25%, 94%);    background-color: var(--light-gray); }
+
+.bg-near-white {    background-color: hsl(200, 13%, 95%);    background-color: var(--near-white); }
+
+.bg-white {         background-color: #fff;         background-color: var(--white); }
+
+.bg-transparent {   background-color: transparent;   background-color: var(--transparent); }
+
+.bg-dark-red { background-color: #e7040f; background-color: var(--dark-red); }
+
+.bg-red { background-color: #ff4136; background-color: var(--red); }
+
+.bg-light-red { background-color: #ff725c; background-color: var(--light-red); }
+
+.bg-orange { background-color: #ff6300; background-color: var(--orange); }
+
+.bg-gold { background-color: #ffb700; background-color: var(--gold); }
+
+.bg-yellow { background-color: #ffd700; background-color: var(--yellow); }
+
+.bg-light-yellow { background-color: #fbf1a9; background-color: var(--light-yellow); }
+
+.bg-purple { background-color: #5e2ca5; background-color: var(--purple); }
+
+.bg-light-purple { background-color: #a463f2; background-color: var(--light-purple); }
+
+.bg-dark-pink { background-color: #d5008f; background-color: var(--dark-pink); }
+
+.bg-hot-pink { background-color: #ff41b4; background-color: var(--hot-pink); }
+
+.bg-pink { background-color: #ff80cc; background-color: var(--pink); }
+
+.bg-light-pink { background-color: #ffa3d7; background-color: var(--light-pink); }
+
+.bg-dark-green { background-color: #137752; background-color: var(--dark-green); }
+
+.bg-green { background-color: #A6FF7C; background-color: var(--green); }
+
+.bg-light-green { background-color: #9eebcf; background-color: var(--light-green); }
+
+.bg-navy { background-color: #001b44; background-color: var(--navy); }
+
+.bg-dark-blue { background-color: #00449e; background-color: var(--dark-blue); }
+
+.bg-blue { background-color: #357edd; background-color: var(--blue); }
+
+.bg-light-blue { background-color: #96ccff; background-color: var(--light-blue); }
+
+.bg-lightest-blue { background-color: #cdecff; background-color: var(--lightest-blue); }
+
+.bg-washed-blue { background-color: #f6fffe; background-color: var(--washed-blue); }
+
+.bg-washed-green { background-color: #e8fdf5; background-color: var(--washed-green); }
+
+.bg-washed-yellow { background-color: #fffceb; background-color: var(--washed-yellow); }
+
+.bg-washed-red { background-color: #ffdfdf; background-color: var(--washed-red); }
+
+.bg-inherit { background-color: inherit; }
+
+/*
+
+   SKINS:PSEUDO
+
+   Customize the color of an element when
+   it is focused or hovered over.
+
+ */
+
+.hover-black:hover,
+.hover-black:focus { color: hsl(210, 4%, 10%); color: var(--black); }
+
+.hover-near-black:hover,
+.hover-near-black:focus { color: hsl(195, 2%, 32%); color: var(--near-black); }
+
+.hover-dark-gray:hover,
+.hover-dark-gray:focus { color: hsl(200, 2%, 49%); color: var(--dark-gray); }
+
+.hover-mid-gray:hover,
+.hover-mid-gray:focus { color: hsl(197, 5%, 72%); color: var(--mid-gray); }
+
+.hover-gray:hover,
+.hover-gray:focus { color: hsl(197, 10%, 86%); color: var(--gray); }
+
+.hover-silver:hover,
+.hover-silver:focus { color: #999; color: var(--silver); }
+
+.hover-light-silver:hover,
+.hover-light-silver:focus { color: #aaa; color: var(--light-silver); }
+
+.hover-moon-gray:hover,
+.hover-moon-gray:focus { color: #ccc; color: var(--moon-gray); }
+
+.hover-light-gray:hover,
+.hover-light-gray:focus { color: hsl(195, 25%, 94%); color: var(--light-gray); }
+
+.hover-near-white:hover,
+.hover-near-white:focus { color: hsl(200, 13%, 95%); color: var(--near-white); }
+
+.hover-white:hover,
+.hover-white:focus { color: #fff; color: var(--white); }
+
+.hover-black-90:hover,
+.hover-black-90:focus { color: rgba(0,0,0,.9); color: var(--black-90); }
+
+.hover-black-80:hover,
+.hover-black-80:focus { color: rgba(0,0,0,.8); color: var(--black-80); }
+
+.hover-black-70:hover,
+.hover-black-70:focus { color: rgba(0,0,0,.7); color: var(--black-70); }
+
+.hover-black-60:hover,
+.hover-black-60:focus { color: rgba(0,0,0,.6); color: var(--black-60); }
+
+.hover-black-50:hover,
+.hover-black-50:focus { color: rgba(0,0,0,.5); color: var(--black-50); }
+
+.hover-black-40:hover,
+.hover-black-40:focus { color: rgba(0,0,0,.4); color: var(--black-40); }
+
+.hover-black-30:hover,
+.hover-black-30:focus { color: rgba(0,0,0,.3); color: var(--black-30); }
+
+.hover-black-20:hover,
+.hover-black-20:focus { color: rgba(0,0,0,.2); color: var(--black-20); }
+
+.hover-black-10:hover,
+.hover-black-10:focus { color: rgba(0,0,0,.1); color: var(--black-10); }
+
+.hover-white-90:hover,
+.hover-white-90:focus { color: rgba(255,255,255,.9); color: var(--white-90); }
+
+.hover-white-80:hover,
+.hover-white-80:focus { color: rgba(255,255,255,.8); color: var(--white-80); }
+
+.hover-white-70:hover,
+.hover-white-70:focus { color: rgba(255,255,255,.7); color: var(--white-70); }
+
+.hover-white-60:hover,
+.hover-white-60:focus { color: rgba(255,255,255,.6); color: var(--white-60); }
+
+.hover-white-50:hover,
+.hover-white-50:focus { color: rgba(255,255,255,.5); color: var(--white-50); }
+
+.hover-white-40:hover,
+.hover-white-40:focus { color: rgba(255,255,255,.4); color: var(--white-40); }
+
+.hover-white-30:hover,
+.hover-white-30:focus { color: rgba(255,255,255,.3); color: var(--white-30); }
+
+.hover-white-20:hover,
+.hover-white-20:focus { color: rgba(255,255,255,.2); color: var(--white-20); }
+
+.hover-white-10:hover,
+.hover-white-10:focus { color: rgba(255,255,255,.1); color: var(--white-10); }
+
+.hover-inherit:hover,
+.hover-inherit:focus { color: inherit; }
+
+.hover-bg-black:hover,
+.hover-bg-black:focus { background-color: hsl(210, 4%, 10%); background-color: var(--black); }
+
+.hover-bg-near-black:hover,
+.hover-bg-near-black:focus { background-color: hsl(195, 2%, 32%); background-color: var(--near-black); }
+
+.hover-bg-dark-gray:hover,
+.hover-bg-dark-gray:focus { background-color: hsl(200, 2%, 49%); background-color: var(--dark-gray); }
+
+.hover-bg-mid-gray:hover,
+.hover-bg-mid-gray:focus { background-color: hsl(197, 5%, 72%); background-color: var(--mid-gray); }
+
+.hover-bg-gray:hover,
+.hover-bg-gray:focus { background-color: hsl(197, 10%, 86%); background-color: var(--gray); }
+
+.hover-bg-silver:hover,
+.hover-bg-silver:focus { background-color: #999; background-color: var(--silver); }
+
+.hover-bg-light-silver:hover,
+.hover-bg-light-silver:focus { background-color: #aaa; background-color: var(--light-silver); }
+
+.hover-bg-moon-gray:hover,
+.hover-bg-moon-gray:focus { background-color: #ccc; background-color: var(--moon-gray); }
+
+.hover-bg-light-gray:hover,
+.hover-bg-light-gray:focus { background-color: hsl(195, 25%, 94%); background-color: var(--light-gray); }
+
+.hover-bg-near-white:hover,
+.hover-bg-near-white:focus { background-color: hsl(200, 13%, 95%); background-color: var(--near-white); }
+
+.hover-bg-white:hover,
+.hover-bg-white:focus { background-color: #fff; background-color: var(--white); }
+
+.hover-bg-transparent:hover,
+.hover-bg-transparent:focus { background-color: transparent; background-color: var(--transparent); }
+
+.hover-bg-black-90:hover,
+.hover-bg-black-90:focus { background-color: rgba(0,0,0,.9); background-color: var(--black-90); }
+
+.hover-bg-black-80:hover,
+.hover-bg-black-80:focus { background-color: rgba(0,0,0,.8); background-color: var(--black-80); }
+
+.hover-bg-black-70:hover,
+.hover-bg-black-70:focus { background-color: rgba(0,0,0,.7); background-color: var(--black-70); }
+
+.hover-bg-black-60:hover,
+.hover-bg-black-60:focus { background-color: rgba(0,0,0,.6); background-color: var(--black-60); }
+
+.hover-bg-black-50:hover,
+.hover-bg-black-50:focus { background-color: rgba(0,0,0,.5); background-color: var(--black-50); }
+
+.hover-bg-black-40:hover,
+.hover-bg-black-40:focus { background-color: rgba(0,0,0,.4); background-color: var(--black-40); }
+
+.hover-bg-black-30:hover,
+.hover-bg-black-30:focus { background-color: rgba(0,0,0,.3); background-color: var(--black-30); }
+
+.hover-bg-black-20:hover,
+.hover-bg-black-20:focus { background-color: rgba(0,0,0,.2); background-color: var(--black-20); }
+
+.hover-bg-black-10:hover,
+.hover-bg-black-10:focus { background-color: rgba(0,0,0,.1); background-color: var(--black-10); }
+
+.hover-bg-white-90:hover,
+.hover-bg-white-90:focus { background-color: rgba(255,255,255,.9); background-color: var(--white-90); }
+
+.hover-bg-white-80:hover,
+.hover-bg-white-80:focus { background-color: rgba(255,255,255,.8); background-color: var(--white-80); }
+
+.hover-bg-white-70:hover,
+.hover-bg-white-70:focus { background-color: rgba(255,255,255,.7); background-color: var(--white-70); }
+
+.hover-bg-white-60:hover,
+.hover-bg-white-60:focus { background-color: rgba(255,255,255,.6); background-color: var(--white-60); }
+
+.hover-bg-white-50:hover,
+.hover-bg-white-50:focus { background-color: rgba(255,255,255,.5); background-color: var(--white-50); }
+
+.hover-bg-white-40:hover,
+.hover-bg-white-40:focus { background-color: rgba(255,255,255,.4); background-color: var(--white-40); }
+
+.hover-bg-white-30:hover,
+.hover-bg-white-30:focus { background-color: rgba(255,255,255,.3); background-color: var(--white-30); }
+
+.hover-bg-white-20:hover,
+.hover-bg-white-20:focus { background-color: rgba(255,255,255,.2); background-color: var(--white-20); }
+
+.hover-bg-white-10:hover,
+.hover-bg-white-10:focus { background-color: rgba(255,255,255,.1); background-color: var(--white-10); }
+
+.hover-dark-red:hover,
+.hover-dark-red:focus { color: #e7040f; color: var(--dark-red); }
+
+.hover-red:hover,
+.hover-red:focus { color: #ff4136; color: var(--red); }
+
+.hover-light-red:hover,
+.hover-light-red:focus { color: #ff725c; color: var(--light-red); }
+
+.hover-orange:hover,
+.hover-orange:focus { color: #ff6300; color: var(--orange); }
+
+.hover-gold:hover,
+.hover-gold:focus { color: #ffb700; color: var(--gold); }
+
+.hover-yellow:hover,
+.hover-yellow:focus { color: #ffd700; color: var(--yellow); }
+
+.hover-light-yellow:hover,
+.hover-light-yellow:focus { color: #fbf1a9; color: var(--light-yellow); }
+
+.hover-purple:hover,
+.hover-purple:focus { color: #5e2ca5; color: var(--purple); }
+
+.hover-light-purple:hover,
+.hover-light-purple:focus { color: #a463f2; color: var(--light-purple); }
+
+.hover-dark-pink:hover,
+.hover-dark-pink:focus { color: #d5008f; color: var(--dark-pink); }
+
+.hover-hot-pink:hover,
+.hover-hot-pink:focus { color: #ff41b4; color: var(--hot-pink); }
+
+.hover-pink:hover,
+.hover-pink:focus { color: #ff80cc; color: var(--pink); }
+
+.hover-light-pink:hover,
+.hover-light-pink:focus { color: #ffa3d7; color: var(--light-pink); }
+
+.hover-dark-green:hover,
+.hover-dark-green:focus { color: #137752; color: var(--dark-green); }
+
+.hover-green:hover,
+.hover-green:focus { color: #A6FF7C; color: var(--green); }
+
+.hover-light-green:hover,
+.hover-light-green:focus { color: #9eebcf; color: var(--light-green); }
+
+.hover-navy:hover,
+.hover-navy:focus { color: #001b44; color: var(--navy); }
+
+.hover-dark-blue:hover,
+.hover-dark-blue:focus { color: #00449e; color: var(--dark-blue); }
+
+.hover-blue:hover,
+.hover-blue:focus { color: #357edd; color: var(--blue); }
+
+.hover-light-blue:hover,
+.hover-light-blue:focus { color: #96ccff; color: var(--light-blue); }
+
+.hover-lightest-blue:hover,
+.hover-lightest-blue:focus { color: #cdecff; color: var(--lightest-blue); }
+
+.hover-washed-blue:hover,
+.hover-washed-blue:focus { color: #f6fffe; color: var(--washed-blue); }
+
+.hover-washed-green:hover,
+.hover-washed-green:focus { color: #e8fdf5; color: var(--washed-green); }
+
+.hover-washed-yellow:hover,
+.hover-washed-yellow:focus { color: #fffceb; color: var(--washed-yellow); }
+
+.hover-washed-red:hover,
+.hover-washed-red:focus { color: #ffdfdf; color: var(--washed-red); }
+
+.hover-bg-dark-red:hover,
+.hover-bg-dark-red:focus { background-color: #e7040f; background-color: var(--dark-red); }
+
+.hover-bg-red:hover,
+.hover-bg-red:focus { background-color: #ff4136; background-color: var(--red); }
+
+.hover-bg-light-red:hover,
+.hover-bg-light-red:focus { background-color: #ff725c; background-color: var(--light-red); }
+
+.hover-bg-orange:hover,
+.hover-bg-orange:focus { background-color: #ff6300; background-color: var(--orange); }
+
+.hover-bg-gold:hover,
+.hover-bg-gold:focus { background-color: #ffb700; background-color: var(--gold); }
+
+.hover-bg-yellow:hover,
+.hover-bg-yellow:focus { background-color: #ffd700; background-color: var(--yellow); }
+
+.hover-bg-light-yellow:hover,
+.hover-bg-light-yellow:focus { background-color: #fbf1a9; background-color: var(--light-yellow); }
+
+.hover-bg-purple:hover,
+.hover-bg-purple:focus { background-color: #5e2ca5; background-color: var(--purple); }
+
+.hover-bg-light-purple:hover,
+.hover-bg-light-purple:focus { background-color: #a463f2; background-color: var(--light-purple); }
+
+.hover-bg-dark-pink:hover,
+.hover-bg-dark-pink:focus { background-color: #d5008f; background-color: var(--dark-pink); }
+
+.hover-bg-hot-pink:hover,
+.hover-bg-hot-pink:focus { background-color: #ff41b4; background-color: var(--hot-pink); }
+
+.hover-bg-pink:hover,
+.hover-bg-pink:focus { background-color: #ff80cc; background-color: var(--pink); }
+
+.hover-bg-light-pink:hover,
+.hover-bg-light-pink:focus { background-color: #ffa3d7; background-color: var(--light-pink); }
+
+.hover-bg-dark-green:hover,
+.hover-bg-dark-green:focus { background-color: #137752; background-color: var(--dark-green); }
+
+.hover-bg-green:hover,
+.hover-bg-green:focus { background-color: #A6FF7C; background-color: var(--green); }
+
+.hover-bg-light-green:hover,
+.hover-bg-light-green:focus { background-color: #9eebcf; background-color: var(--light-green); }
+
+.hover-bg-navy:hover,
+.hover-bg-navy:focus { background-color: #001b44; background-color: var(--navy); }
+
+.hover-bg-dark-blue:hover,
+.hover-bg-dark-blue:focus { background-color: #00449e; background-color: var(--dark-blue); }
+
+.hover-bg-blue:hover,
+.hover-bg-blue:focus { background-color: #357edd; background-color: var(--blue); }
+
+.hover-bg-light-blue:hover,
+.hover-bg-light-blue:focus { background-color: #96ccff; background-color: var(--light-blue); }
+
+.hover-bg-lightest-blue:hover,
+.hover-bg-lightest-blue:focus { background-color: #cdecff; background-color: var(--lightest-blue); }
+
+.hover-bg-washed-blue:hover,
+.hover-bg-washed-blue:focus { background-color: #f6fffe; background-color: var(--washed-blue); }
+
+.hover-bg-washed-green:hover,
+.hover-bg-washed-green:focus { background-color: #e8fdf5; background-color: var(--washed-green); }
+
+.hover-bg-washed-yellow:hover,
+.hover-bg-washed-yellow:focus { background-color: #fffceb; background-color: var(--washed-yellow); }
+
+.hover-bg-washed-red:hover,
+.hover-bg-washed-red:focus { background-color: #ffdfdf; background-color: var(--washed-red); }
+
+.hover-bg-inherit:hover,
+.hover-bg-inherit:focus { background-color: inherit; }
+
+/*
+
+   SKINS:color-scheme
+   Docs: http://tachyons.io/docs/themes/skins/
+
+   Classes for setting dark theme based on os configuration (light is default)
+
+*/
+
+@media (prefers-color-scheme: dark) {
+  .black--dark {         color: hsl(210, 4%, 10%);         color: var(--black); }
+  .near-black--dark {    color: hsl(195, 2%, 32%);    color: var(--near-black); }
+  .dark-gray--dark {     color: hsl(200, 2%, 49%);     color: var(--dark-gray); }
+  .mid-gray--dark {      color: hsl(197, 5%, 72%);      color: var(--mid-gray); }
+  .gray--dark {          color: hsl(197, 10%, 86%);          color: var(--gray); }
+  .silver--dark  {       color: #999;       color: var(--silver); }
+  .light-silver--dark {  color: #aaa;  color: var(--light-silver); }
+  .moon-gray--dark {     color: #ccc;     color: var(--moon-gray); }
+  .light-gray--dark {    color: hsl(195, 25%, 94%);    color: var(--light-gray); }
+  .near-white--dark {    color: hsl(200, 13%, 95%);    color: var(--near-white); }
+  .white--dark {         color: #fff;         color: var(--white); }
+
+  .bg-black--dark {         background-color: hsl(210, 4%, 10%);         background-color: var(--black); }
+  .bg-near-black--dark {    background-color: hsl(195, 2%, 32%);    background-color: var(--near-black); }
+  .bg-dark-gray--dark {     background-color: hsl(200, 2%, 49%);     background-color: var(--dark-gray); }
+  .bg-mid-gray--dark {      background-color: hsl(197, 5%, 72%);      background-color: var(--mid-gray); }
+  .bg-gray--dark {          background-color: hsl(197, 10%, 86%);          background-color: var(--gray); }
+  .bg-silver--dark  {       background-color: #999;       background-color: var(--silver); }
+  .bg-light-silver--dark {  background-color: #aaa;  background-color: var(--light-silver); }
+  .bg-moon-gray--dark {     background-color: #ccc;     background-color: var(--moon-gray); }
+  .bg-light-gray--dark {    background-color: hsl(195, 25%, 94%);    background-color: var(--light-gray); }
+  .bg-near-white--dark {    background-color: hsl(200, 13%, 95%);    background-color: var(--near-white); }
+  .bg-white--dark {         background-color: #fff;         background-color: var(--white); }
+  .bg-transparent--dark {   background-color: transparent;   background-color: var(--transparent); }
+
+  .b--black--dark { border-color: hsl(210, 4%, 10%); border-color: var(--black);}
+  .b--near-black--dark { border-color: hsl(195, 2%, 32%); border-color: var(--near-black);}
+  .b--dark-gray--dark { border-color: hsl(200, 2%, 49%); border-color: var(--dark-gray);}
+  .b--mid-gray--dark { border-color: hsl(197, 5%, 72%); border-color: var(--mid-gray);}
+  .b--light-gray--dark { border-color: hsl(195, 25%, 94%); border-color: var(--light-gray);}
+  .b--white--dark { border-color: #fff; border-color: var(--white);}
+
+  .bg-black-90--dark {         background-color: rgba(0,0,0,.9);         background-color: var(--black-90); }
+  .bg-black-80--dark {         background-color: rgba(0,0,0,.8);         background-color: var(--black-80); }
+  .bg-black-70--dark {         background-color: rgba(0,0,0,.7);         background-color: var(--black-70); }
+  .bg-black-60--dark {         background-color: rgba(0,0,0,.6);         background-color: var(--black-60); }
+  .bg-black-50--dark {         background-color: rgba(0,0,0,.5);         background-color: var(--black-50); }
+  .bg-black-40--dark {         background-color: rgba(0,0,0,.4);         background-color: var(--black-40); }
+  .bg-black-30--dark {         background-color: rgba(0,0,0,.3);         background-color: var(--black-30); }
+  .bg-black-20--dark {         background-color: rgba(0,0,0,.2);         background-color: var(--black-20); }
+  .bg-black-10--dark {         background-color: rgba(0,0,0,.1);         background-color: var(--black-10); }
+  .bg-black-05--dark {         background-color: rgba(0,0,0,.05);         background-color: var(--black-05); }
+  .bg-white-90--dark {        background-color: rgba(255,255,255,.9);        background-color: var(--white-90); }
+  .bg-white-80--dark {        background-color: rgba(255,255,255,.8);        background-color: var(--white-80); }
+  .bg-white-70--dark {        background-color: rgba(255,255,255,.7);        background-color: var(--white-70); }
+  .bg-white-60--dark {        background-color: rgba(255,255,255,.6);        background-color: var(--white-60); }
+  .bg-white-50--dark {        background-color: rgba(255,255,255,.5);        background-color: var(--white-50); }
+  .bg-white-40--dark {        background-color: rgba(255,255,255,.4);        background-color: var(--white-40); }
+  .bg-white-30--dark {        background-color: rgba(255,255,255,.3);        background-color: var(--white-30); }
+  .bg-white-20--dark {        background-color: rgba(255,255,255,.2);        background-color: var(--white-20); }
+  .bg-white-10--dark {        background-color: rgba(255,255,255,.1);        background-color: var(--white-10); }
+}
+
+.color-scheme--dark .black--dark {         color: hsl(210, 4%, 10%);         color: var(--black); }
+
+.color-scheme--dark .near-black--dark {    color: hsl(195, 2%, 32%);    color: var(--near-black); }
+
+.color-scheme--dark .dark-gray--dark {     color: hsl(200, 2%, 49%);     color: var(--dark-gray); }
+
+.color-scheme--dark .mid-gray--dark {      color: hsl(197, 5%, 72%);      color: var(--mid-gray); }
+
+.color-scheme--dark .gray--dark {          color: hsl(197, 10%, 86%);          color: var(--gray); }
+
+.color-scheme--dark .silver--dark  {       color: #999;       color: var(--silver); }
+
+.color-scheme--dark .light-silver--dark {  color: #aaa;  color: var(--light-silver); }
+
+.color-scheme--dark .moon-gray--dark {     color: #ccc;     color: var(--moon-gray); }
+
+.color-scheme--dark .light-gray--dark {    color: hsl(195, 25%, 94%);    color: var(--light-gray); }
+
+.color-scheme--dark .near-white--dark {    color: hsl(200, 13%, 95%);    color: var(--near-white); }
+
+.color-scheme--dark .white--dark {         color: #fff;         color: var(--white); }
+
+.color-scheme--dark .bg-black--dark {         background-color: hsl(210, 4%, 10%);         background-color: var(--black); }
+
+.color-scheme--dark .bg-near-black--dark {    background-color: hsl(195, 2%, 32%);    background-color: var(--near-black); }
+
+.color-scheme--dark .bg-dark-gray--dark {     background-color: hsl(200, 2%, 49%);     background-color: var(--dark-gray); }
+
+.color-scheme--dark .bg-mid-gray--dark {      background-color: hsl(197, 5%, 72%);      background-color: var(--mid-gray); }
+
+.color-scheme--dark .bg-gray--dark {          background-color: hsl(197, 10%, 86%);          background-color: var(--gray); }
+
+.color-scheme--dark .bg-silver--dark  {       background-color: #999;       background-color: var(--silver); }
+
+.color-scheme--dark .bg-light-silver--dark {  background-color: #aaa;  background-color: var(--light-silver); }
+
+.color-scheme--dark .bg-moon-gray--dark {     background-color: #ccc;     background-color: var(--moon-gray); }
+
+.color-scheme--dark .bg-light-gray--dark {    background-color: hsl(195, 25%, 94%);    background-color: var(--light-gray); }
+
+.color-scheme--dark .bg-near-white--dark {    background-color: hsl(200, 13%, 95%);    background-color: var(--near-white); }
+
+.color-scheme--dark .bg-white--dark {         background-color: #fff;         background-color: var(--white); }
+
+.color-scheme--dark .bg-transparent--dark {   background-color: transparent;   background-color: var(--transparent); }
+
+.color-scheme--dark .b--black--dark { border-color: hsl(210, 4%, 10%); border-color: var(--black);}
+
+.color-scheme--dark .b--near-black--dark { border-color: hsl(195, 2%, 32%); border-color: var(--near-black);}
+
+.color-scheme--dark .b--dark-gray--dark { border-color: hsl(200, 2%, 49%); border-color: var(--dark-gray);}
+
+.color-scheme--dark .b--mid-gray--dark { border-color: hsl(197, 5%, 72%); border-color: var(--mid-gray);}
+
+.color-scheme--dark .b--light-gray--dark { border-color: hsl(195, 25%, 94%); border-color: var(--light-gray);}
+
+.color-scheme--dark .b--white--dark { border-color: #fff; border-color: var(--white);}
+
+.color-scheme--dark .bg-black-90--dark {         background-color: rgba(0,0,0,.9);         background-color: var(--black-90); }
+
+.color-scheme--dark .bg-black-80--dark {         background-color: rgba(0,0,0,.8);         background-color: var(--black-80); }
+
+.color-scheme--dark .bg-black-70--dark {         background-color: rgba(0,0,0,.7);         background-color: var(--black-70); }
+
+.color-scheme--dark .bg-black-60--dark {         background-color: rgba(0,0,0,.6);         background-color: var(--black-60); }
+
+.color-scheme--dark .bg-black-50--dark {         background-color: rgba(0,0,0,.5);         background-color: var(--black-50); }
+
+.color-scheme--dark .bg-black-40--dark {         background-color: rgba(0,0,0,.4);         background-color: var(--black-40); }
+
+.color-scheme--dark .bg-black-30--dark {         background-color: rgba(0,0,0,.3);         background-color: var(--black-30); }
+
+.color-scheme--dark .bg-black-20--dark {         background-color: rgba(0,0,0,.2);         background-color: var(--black-20); }
+
+.color-scheme--dark .bg-black-10--dark {         background-color: rgba(0,0,0,.1);         background-color: var(--black-10); }
+
+.color-scheme--dark .bg-black-05--dark {         background-color: rgba(0,0,0,.05);         background-color: var(--black-05); }
+
+.color-scheme--dark .bg-white-90--dark {        background-color: rgba(255,255,255,.9);        background-color: var(--white-90); }
+
+.color-scheme--dark .bg-white-80--dark {        background-color: rgba(255,255,255,.8);        background-color: var(--white-80); }
+
+.color-scheme--dark .bg-white-70--dark {        background-color: rgba(255,255,255,.7);        background-color: var(--white-70); }
+
+.color-scheme--dark .bg-white-60--dark {        background-color: rgba(255,255,255,.6);        background-color: var(--white-60); }
+
+.color-scheme--dark .bg-white-50--dark {        background-color: rgba(255,255,255,.5);        background-color: var(--white-50); }
+
+.color-scheme--dark .bg-white-40--dark {        background-color: rgba(255,255,255,.4);        background-color: var(--white-40); }
+
+.color-scheme--dark .bg-white-30--dark {        background-color: rgba(255,255,255,.3);        background-color: var(--white-30); }
+
+.color-scheme--dark .bg-white-20--dark {        background-color: rgba(255,255,255,.2);        background-color: var(--white-20); }
+
+.color-scheme--dark .bg-white-10--dark {        background-color: rgba(255,255,255,.1);        background-color: var(--white-10); }
+
+.color-scheme--light .black--light {         color: hsl(210, 4%, 10%);         color: var(--black); }
+
+.color-scheme--light .near-black--light {    color: hsl(195, 2%, 32%);    color: var(--near-black); }
+
+.color-scheme--light .dark-gray--light {     color: hsl(200, 2%, 49%);     color: var(--dark-gray); }
+
+.color-scheme--light .mid-gray--light {      color: hsl(197, 5%, 72%);      color: var(--mid-gray); }
+
+.color-scheme--light .gray--light {          color: hsl(197, 10%, 86%);          color: var(--gray); }
+
+.color-scheme--light .silver--light  {       color: #999;       color: var(--silver); }
+
+.color-scheme--light .light-silver--light {  color: #aaa;  color: var(--light-silver); }
+
+.color-scheme--light .moon-gray--light {     color: #ccc;     color: var(--moon-gray); }
+
+.color-scheme--light .light-gray--light {    color: hsl(195, 25%, 94%);    color: var(--light-gray); }
+
+.color-scheme--light .near-white--light {    color: hsl(200, 13%, 95%);    color: var(--near-white); }
+
+.color-scheme--light .white--light {         color: #fff;         color: var(--white); }
+
+.color-scheme--light .bg-black--light {         background-color: hsl(210, 4%, 10%);         background-color: var(--black); }
+
+.color-scheme--light .bg-near-black--light {    background-color: hsl(195, 2%, 32%);    background-color: var(--near-black); }
+
+.color-scheme--light .bg-dark-gray--light {     background-color: hsl(200, 2%, 49%);     background-color: var(--dark-gray); }
+
+.color-scheme--light .bg-mid-gray--light {      background-color: hsl(197, 5%, 72%);      background-color: var(--mid-gray); }
+
+.color-scheme--light .bg-gray--light {          background-color: hsl(197, 10%, 86%);          background-color: var(--gray); }
+
+.color-scheme--light .bg-silver--light  {       background-color: #999;       background-color: var(--silver); }
+
+.color-scheme--light .bg-light-silver--light {  background-color: #aaa;  background-color: var(--light-silver); }
+
+.color-scheme--light .bg-moon-gray--light {     background-color: #ccc;     background-color: var(--moon-gray); }
+
+.color-scheme--light .bg-light-gray--light {    background-color: hsl(195, 25%, 94%);    background-color: var(--light-gray); }
+
+.color-scheme--light .bg-near-white--light {    background-color: hsl(200, 13%, 95%);    background-color: var(--near-white); }
+
+.color-scheme--light .bg-white--light {         background-color: #fff;         background-color: var(--white); }
+
+.color-scheme--light .bg-transparent--light {   background-color: transparent;   background-color: var(--transparent); }
+
+.color-scheme--light .b--black--light { border-color: hsl(210, 4%, 10%); border-color: var(--black);}
+
+.color-scheme--light .b--near-black--light { border-color: hsl(195, 2%, 32%); border-color: var(--near-black);}
+
+.color-scheme--light .b--dark-gray--light { border-color: hsl(200, 2%, 49%); border-color: var(--dark-gray);}
+
+.color-scheme--light .b--mid-gray--light { border-color: hsl(197, 5%, 72%); border-color: var(--mid-gray);}
+
+.color-scheme--light .b--light-gray--light { border-color: hsl(195, 25%, 94%); border-color: var(--light-gray);}
+
+.color-scheme--light .b--white--light { border-color: #fff; border-color: var(--white);}
+
+.color-scheme--light .bg-black-90--light {         background-color: rgba(0,0,0,.9);         background-color: var(--black-90); }
+
+.color-scheme--light .bg-black-80--light {         background-color: rgba(0,0,0,.8);         background-color: var(--black-80); }
+
+.color-scheme--light .bg-black-70--light {         background-color: rgba(0,0,0,.7);         background-color: var(--black-70); }
+
+.color-scheme--light .bg-black-60--light {         background-color: rgba(0,0,0,.6);         background-color: var(--black-60); }
+
+.color-scheme--light .bg-black-50--light {         background-color: rgba(0,0,0,.5);         background-color: var(--black-50); }
+
+.color-scheme--light .bg-black-40--light {         background-color: rgba(0,0,0,.4);         background-color: var(--black-40); }
+
+.color-scheme--light .bg-black-30--light {         background-color: rgba(0,0,0,.3);         background-color: var(--black-30); }
+
+.color-scheme--light .bg-black-20--light {         background-color: rgba(0,0,0,.2);         background-color: var(--black-20); }
+
+.color-scheme--light .bg-black-10--light {         background-color: rgba(0,0,0,.1);         background-color: var(--black-10); }
+
+.color-scheme--light .bg-black-05--light {         background-color: rgba(0,0,0,.05);         background-color: var(--black-05); }
+
+.color-scheme--light .bg-white-90--light {        background-color: rgba(255,255,255,.9);        background-color: var(--white-90); }
+
+.color-scheme--light .bg-white-80--light {        background-color: rgba(255,255,255,.8);        background-color: var(--white-80); }
+
+.color-scheme--light .bg-white-70--light {        background-color: rgba(255,255,255,.7);        background-color: var(--white-70); }
+
+.color-scheme--light .bg-white-60--light {        background-color: rgba(255,255,255,.6);        background-color: var(--white-60); }
+
+.color-scheme--light .bg-white-50--light {        background-color: rgba(255,255,255,.5);        background-color: var(--white-50); }
+
+.color-scheme--light .bg-white-40--light {        background-color: rgba(255,255,255,.4);        background-color: var(--white-40); }
+
+.color-scheme--light .bg-white-30--light {        background-color: rgba(255,255,255,.3);        background-color: var(--white-30); }
+
+.color-scheme--light .bg-white-20--light {        background-color: rgba(255,255,255,.2);        background-color: var(--white-20); }
+
+.color-scheme--light .bg-white-10--light {        background-color: rgba(255,255,255,.1);        background-color: var(--white-10); }
+
+/* Variables */
+
+:root {
+}
+
+/*
+   SPACING
+   Docs: http://tachyons.io/docs/layout/spacing/
+
+   An eight step powers of two scale ranging from 0 to 16rem.
+
+   Base:
+     p = padding
+     m = margin
+
+   Modifiers:
+     a = all
+     h = horizontal
+     v = vertical
+     t = top
+     r = right
+     b = bottom
+     l = left
+
+     0 = none
+     1 = 1st step in spacing scale
+     2 = 2nd step in spacing scale
+     3 = 3rd step in spacing scale
+     4 = 4th step in spacing scale
+     5 = 5th step in spacing scale
+     6 = 6th step in spacing scale
+     7 = 7th step in spacing scale
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.pa0 { padding: 0; padding: var(--spacing-none); }
+
+.pa1 { padding: .25rem; padding: var(--spacing-extra-small); }
+
+.pa2 { padding: .5rem; padding: var(--spacing-small); }
+
+.pa3 { padding: 1rem; padding: var(--spacing-medium); }
+
+.pa4 { padding: 2rem; padding: var(--spacing-large); }
+
+.pa5 { padding: 4rem; padding: var(--spacing-extra-large); }
+
+.pa6 { padding: 8rem; padding: var(--spacing-extra-extra-large); }
+
+.pa7 { padding: 16rem; padding: var(--spacing-extra-extra-extra-large); }
+
+.pl0 { padding-left: 0; padding-left: var(--spacing-none); }
+
+.pl1 { padding-left: .25rem; padding-left: var(--spacing-extra-small); }
+
+.pl2 { padding-left: .5rem; padding-left: var(--spacing-small); }
+
+.pl3 { padding-left: 1rem; padding-left: var(--spacing-medium); }
+
+.pl4 { padding-left: 2rem; padding-left: var(--spacing-large); }
+
+.pl5 { padding-left: 4rem; padding-left: var(--spacing-extra-large); }
+
+.pl6 { padding-left: 8rem; padding-left: var(--spacing-extra-extra-large); }
+
+.pl7 { padding-left: 16rem; padding-left: var(--spacing-extra-extra-extra-large); }
+
+.pr0 { padding-right: 0; padding-right: var(--spacing-none); }
+
+.pr1 { padding-right: .25rem; padding-right: var(--spacing-extra-small); }
+
+.pr2 { padding-right: .5rem; padding-right: var(--spacing-small); }
+
+.pr3 { padding-right: 1rem; padding-right: var(--spacing-medium); }
+
+.pr4 { padding-right: 2rem; padding-right: var(--spacing-large); }
+
+.pr5 { padding-right: 4rem; padding-right: var(--spacing-extra-large); }
+
+.pr6 { padding-right: 8rem; padding-right: var(--spacing-extra-extra-large); }
+
+.pr7 { padding-right: 16rem; padding-right: var(--spacing-extra-extra-extra-large); }
+
+.pb0 { padding-bottom: 0; padding-bottom: var(--spacing-none); }
+
+.pb1 { padding-bottom: .25rem; padding-bottom: var(--spacing-extra-small); }
+
+.pb2 { padding-bottom: .5rem; padding-bottom: var(--spacing-small); }
+
+.pb3 { padding-bottom: 1rem; padding-bottom: var(--spacing-medium); }
+
+.pb4 { padding-bottom: 2rem; padding-bottom: var(--spacing-large); }
+
+.pb5 { padding-bottom: 4rem; padding-bottom: var(--spacing-extra-large); }
+
+.pb6 { padding-bottom: 8rem; padding-bottom: var(--spacing-extra-extra-large); }
+
+.pb7 { padding-bottom: 16rem; padding-bottom: var(--spacing-extra-extra-extra-large); }
+
+.pt0 { padding-top: 0; padding-top: var(--spacing-none); }
+
+.pt1 { padding-top: .25rem; padding-top: var(--spacing-extra-small); }
+
+.pt2 { padding-top: .5rem; padding-top: var(--spacing-small); }
+
+.pt3 { padding-top: 1rem; padding-top: var(--spacing-medium); }
+
+.pt4 { padding-top: 2rem; padding-top: var(--spacing-large); }
+
+.pt5 { padding-top: 4rem; padding-top: var(--spacing-extra-large); }
+
+.pt6 { padding-top: 8rem; padding-top: var(--spacing-extra-extra-large); }
+
+.pt7 { padding-top: 16rem; padding-top: var(--spacing-extra-extra-extra-large); }
+
+.pv0 {
+  padding-top: 0;
+  padding-top: var(--spacing-none);
+  padding-bottom: 0;
+  padding-bottom: var(--spacing-none);
+}
+
+.pv1 {
+  padding-top: .25rem;
+  padding-top: var(--spacing-extra-small);
+  padding-bottom: .25rem;
+  padding-bottom: var(--spacing-extra-small);
+}
+
+.pv2 {
+  padding-top: .5rem;
+  padding-top: var(--spacing-small);
+  padding-bottom: .5rem;
+  padding-bottom: var(--spacing-small);
+}
+
+.pv3 {
+  padding-top: 1rem;
+  padding-top: var(--spacing-medium);
+  padding-bottom: 1rem;
+  padding-bottom: var(--spacing-medium);
+}
+
+.pv4 {
+  padding-top: 2rem;
+  padding-top: var(--spacing-large);
+  padding-bottom: 2rem;
+  padding-bottom: var(--spacing-large);
+}
+
+.pv5 {
+  padding-top: 4rem;
+  padding-top: var(--spacing-extra-large);
+  padding-bottom: 4rem;
+  padding-bottom: var(--spacing-extra-large);
+}
+
+.pv6 {
+  padding-top: 8rem;
+  padding-top: var(--spacing-extra-extra-large);
+  padding-bottom: 8rem;
+  padding-bottom: var(--spacing-extra-extra-large);
+}
+
+.pv7 {
+  padding-top: 16rem;
+  padding-top: var(--spacing-extra-extra-extra-large);
+  padding-bottom: 16rem;
+  padding-bottom: var(--spacing-extra-extra-extra-large);
+}
+
+.ph0 {
+  padding-left: 0;
+  padding-left: var(--spacing-none);
+  padding-right: 0;
+  padding-right: var(--spacing-none);
+}
+
+.ph1 {
+  padding-left: .25rem;
+  padding-left: var(--spacing-extra-small);
+  padding-right: .25rem;
+  padding-right: var(--spacing-extra-small);
+}
+
+.ph2 {
+  padding-left: .5rem;
+  padding-left: var(--spacing-small);
+  padding-right: .5rem;
+  padding-right: var(--spacing-small);
+}
+
+.ph3 {
+  padding-left: 1rem;
+  padding-left: var(--spacing-medium);
+  padding-right: 1rem;
+  padding-right: var(--spacing-medium);
+}
+
+.ph4 {
+  padding-left: 2rem;
+  padding-left: var(--spacing-large);
+  padding-right: 2rem;
+  padding-right: var(--spacing-large);
+}
+
+.ph5 {
+  padding-left: 4rem;
+  padding-left: var(--spacing-extra-large);
+  padding-right: 4rem;
+  padding-right: var(--spacing-extra-large);
+}
+
+.ph6 {
+  padding-left: 8rem;
+  padding-left: var(--spacing-extra-extra-large);
+  padding-right: 8rem;
+  padding-right: var(--spacing-extra-extra-large);
+}
+
+.ph7 {
+  padding-left: 16rem;
+  padding-left: var(--spacing-extra-extra-extra-large);
+  padding-right: 16rem;
+  padding-right: var(--spacing-extra-extra-extra-large);
+}
+
+.ma0  {  margin: 0;  margin: var(--spacing-none); }
+
+.ma1 {  margin: .25rem;  margin: var(--spacing-extra-small); }
+
+.ma2  {  margin: .5rem;  margin: var(--spacing-small); }
+
+.ma3  {  margin: 1rem;  margin: var(--spacing-medium); }
+
+.ma4  {  margin: 2rem;  margin: var(--spacing-large); }
+
+.ma5  {  margin: 4rem;  margin: var(--spacing-extra-large); }
+
+.ma6 {  margin: 8rem;  margin: var(--spacing-extra-extra-large); }
+
+.ma7 { margin: 16rem; margin: var(--spacing-extra-extra-extra-large); }
+
+.ml0  {  margin-left: 0;  margin-left: var(--spacing-none); }
+
+.ml1 {  margin-left: .25rem;  margin-left: var(--spacing-extra-small); }
+
+.ml2  {  margin-left: .5rem;  margin-left: var(--spacing-small); }
+
+.ml3  {  margin-left: 1rem;  margin-left: var(--spacing-medium); }
+
+.ml4  {  margin-left: 2rem;  margin-left: var(--spacing-large); }
+
+.ml5  {  margin-left: 4rem;  margin-left: var(--spacing-extra-large); }
+
+.ml6 {  margin-left: 8rem;  margin-left: var(--spacing-extra-extra-large); }
+
+.ml7 { margin-left: 16rem; margin-left: var(--spacing-extra-extra-extra-large); }
+
+.mr0  {  margin-right: 0;  margin-right: var(--spacing-none); }
+
+.mr1 {  margin-right: .25rem;  margin-right: var(--spacing-extra-small); }
+
+.mr2  {  margin-right: .5rem;  margin-right: var(--spacing-small); }
+
+.mr3  {  margin-right: 1rem;  margin-right: var(--spacing-medium); }
+
+.mr4  {  margin-right: 2rem;  margin-right: var(--spacing-large); }
+
+.mr5  {  margin-right: 4rem;  margin-right: var(--spacing-extra-large); }
+
+.mr6 {  margin-right: 8rem;  margin-right: var(--spacing-extra-extra-large); }
+
+.mr7 { margin-right: 16rem; margin-right: var(--spacing-extra-extra-extra-large); }
+
+.mb0  {  margin-bottom: 0;  margin-bottom: var(--spacing-none); }
+
+.mb1 {  margin-bottom: .25rem;  margin-bottom: var(--spacing-extra-small); }
+
+.mb2  {  margin-bottom: .5rem;  margin-bottom: var(--spacing-small); }
+
+.mb3  {  margin-bottom: 1rem;  margin-bottom: var(--spacing-medium); }
+
+.mb4  {  margin-bottom: 2rem;  margin-bottom: var(--spacing-large); }
+
+.mb5  {  margin-bottom: 4rem;  margin-bottom: var(--spacing-extra-large); }
+
+.mb6 {  margin-bottom: 8rem;  margin-bottom: var(--spacing-extra-extra-large); }
+
+.mb7 { margin-bottom: 16rem; margin-bottom: var(--spacing-extra-extra-extra-large); }
+
+.mt0  {  margin-top: 0;  margin-top: var(--spacing-none); }
+
+.mt1 {  margin-top: .25rem;  margin-top: var(--spacing-extra-small); }
+
+.mt2  {  margin-top: .5rem;  margin-top: var(--spacing-small); }
+
+.mt3  {  margin-top: 1rem;  margin-top: var(--spacing-medium); }
+
+.mt4  {  margin-top: 2rem;  margin-top: var(--spacing-large); }
+
+.mt5  {  margin-top: 4rem;  margin-top: var(--spacing-extra-large); }
+
+.mt6 {  margin-top: 8rem;  margin-top: var(--spacing-extra-extra-large); }
+
+.mt7 { margin-top: 16rem; margin-top: var(--spacing-extra-extra-extra-large); }
+
+.mv0   {
+  margin-top: 0;
+  margin-top: var(--spacing-none);
+  margin-bottom: 0;
+  margin-bottom: var(--spacing-none);
+}
+
+.mv1  {
+  margin-top: .25rem;
+  margin-top: var(--spacing-extra-small);
+  margin-bottom: .25rem;
+  margin-bottom: var(--spacing-extra-small);
+}
+
+.mv2   {
+  margin-top: .5rem;
+  margin-top: var(--spacing-small);
+  margin-bottom: .5rem;
+  margin-bottom: var(--spacing-small);
+}
+
+.mv3   {
+  margin-top: 1rem;
+  margin-top: var(--spacing-medium);
+  margin-bottom: 1rem;
+  margin-bottom: var(--spacing-medium);
+}
+
+.mv4   {
+  margin-top: 2rem;
+  margin-top: var(--spacing-large);
+  margin-bottom: 2rem;
+  margin-bottom: var(--spacing-large);
+}
+
+.mv5   {
+  margin-top: 4rem;
+  margin-top: var(--spacing-extra-large);
+  margin-bottom: 4rem;
+  margin-bottom: var(--spacing-extra-large);
+}
+
+.mv6  {
+  margin-top: 8rem;
+  margin-top: var(--spacing-extra-extra-large);
+  margin-bottom: 8rem;
+  margin-bottom: var(--spacing-extra-extra-large);
+}
+
+.mv7  {
+  margin-top: 16rem;
+  margin-top: var(--spacing-extra-extra-extra-large);
+  margin-bottom: 16rem;
+  margin-bottom: var(--spacing-extra-extra-extra-large);
+}
+
+.mh0   {
+  margin-left: 0;
+  margin-left: var(--spacing-none);
+  margin-right: 0;
+  margin-right: var(--spacing-none);
+}
+
+.mh1   {
+  margin-left: .25rem;
+  margin-left: var(--spacing-extra-small);
+  margin-right: .25rem;
+  margin-right: var(--spacing-extra-small);
+}
+
+.mh2   {
+  margin-left: .5rem;
+  margin-left: var(--spacing-small);
+  margin-right: .5rem;
+  margin-right: var(--spacing-small);
+}
+
+.mh3   {
+  margin-left: 1rem;
+  margin-left: var(--spacing-medium);
+  margin-right: 1rem;
+  margin-right: var(--spacing-medium);
+}
+
+.mh4   {
+  margin-left: 2rem;
+  margin-left: var(--spacing-large);
+  margin-right: 2rem;
+  margin-right: var(--spacing-large);
+}
+
+.mh5   {
+  margin-left: 4rem;
+  margin-left: var(--spacing-extra-large);
+  margin-right: 4rem;
+  margin-right: var(--spacing-extra-large);
+}
+
+.mh6  {
+  margin-left: 8rem;
+  margin-left: var(--spacing-extra-extra-large);
+  margin-right: 8rem;
+  margin-right: var(--spacing-extra-extra-large);
+}
+
+.mh7  {
+  margin-left: 16rem;
+  margin-left: var(--spacing-extra-extra-extra-large);
+  margin-right: 16rem;
+  margin-right: var(--spacing-extra-extra-extra-large);
+}
+
+@media screen and (min-width: 30em) {
+  .pa0-ns  {  padding: 0;  padding: var(--spacing-none); }
+  .pa1-ns {  padding: .25rem;  padding: var(--spacing-extra-small); }
+  .pa2-ns  {  padding: .5rem;  padding: var(--spacing-small); }
+  .pa3-ns  {  padding: 1rem;  padding: var(--spacing-medium); }
+  .pa4-ns  {  padding: 2rem;  padding: var(--spacing-large); }
+  .pa5-ns  {  padding: 4rem;  padding: var(--spacing-extra-large); }
+  .pa6-ns {  padding: 8rem;  padding: var(--spacing-extra-extra-large); }
+  .pa7-ns { padding: 16rem; padding: var(--spacing-extra-extra-extra-large); }
+
+  .pl0-ns  {  padding-left: 0;  padding-left: var(--spacing-none); }
+  .pl1-ns {  padding-left: .25rem;  padding-left: var(--spacing-extra-small); }
+  .pl2-ns  {  padding-left: .5rem;  padding-left: var(--spacing-small); }
+  .pl3-ns  {  padding-left: 1rem;  padding-left: var(--spacing-medium); }
+  .pl4-ns  {  padding-left: 2rem;  padding-left: var(--spacing-large); }
+  .pl5-ns  {  padding-left: 4rem;  padding-left: var(--spacing-extra-large); }
+  .pl6-ns {  padding-left: 8rem;  padding-left: var(--spacing-extra-extra-large); }
+  .pl7-ns { padding-left: 16rem; padding-left: var(--spacing-extra-extra-extra-large); }
+
+  .pr0-ns  {  padding-right: 0;  padding-right: var(--spacing-none); }
+  .pr1-ns {  padding-right: .25rem;  padding-right: var(--spacing-extra-small); }
+  .pr2-ns  {  padding-right: .5rem;  padding-right: var(--spacing-small); }
+  .pr3-ns  {  padding-right: 1rem;  padding-right: var(--spacing-medium); }
+  .pr4-ns  {  padding-right: 2rem;  padding-right: var(--spacing-large); }
+  .pr5-ns {   padding-right: 4rem;   padding-right: var(--spacing-extra-large); }
+  .pr6-ns {  padding-right: 8rem;  padding-right: var(--spacing-extra-extra-large); }
+  .pr7-ns { padding-right: 16rem; padding-right: var(--spacing-extra-extra-extra-large); }
+
+  .pb0-ns  {  padding-bottom: 0;  padding-bottom: var(--spacing-none); }
+  .pb1-ns {  padding-bottom: .25rem;  padding-bottom: var(--spacing-extra-small); }
+  .pb2-ns  {  padding-bottom: .5rem;  padding-bottom: var(--spacing-small); }
+  .pb3-ns  {  padding-bottom: 1rem;  padding-bottom: var(--spacing-medium); }
+  .pb4-ns  {  padding-bottom: 2rem;  padding-bottom: var(--spacing-large); }
+  .pb5-ns  {  padding-bottom: 4rem;  padding-bottom: var(--spacing-extra-large); }
+  .pb6-ns {  padding-bottom: 8rem;  padding-bottom: var(--spacing-extra-extra-large); }
+  .pb7-ns { padding-bottom: 16rem; padding-bottom: var(--spacing-extra-extra-extra-large); }
+
+  .pt0-ns  {  padding-top: 0;  padding-top: var(--spacing-none); }
+  .pt1-ns {  padding-top: .25rem;  padding-top: var(--spacing-extra-small); }
+  .pt2-ns  {  padding-top: .5rem;  padding-top: var(--spacing-small); }
+  .pt3-ns  {  padding-top: 1rem;  padding-top: var(--spacing-medium); }
+  .pt4-ns  {  padding-top: 2rem;  padding-top: var(--spacing-large); }
+  .pt5-ns  {  padding-top: 4rem;  padding-top: var(--spacing-extra-large); }
+  .pt6-ns {  padding-top: 8rem;  padding-top: var(--spacing-extra-extra-large); }
+  .pt7-ns { padding-top: 16rem; padding-top: var(--spacing-extra-extra-extra-large); }
+
+  .pv0-ns {
+    padding-top: 0;
+    padding-top: var(--spacing-none);
+    padding-bottom: 0;
+    padding-bottom: var(--spacing-none);
+  }
+  .pv1-ns {
+    padding-top: .25rem;
+    padding-top: var(--spacing-extra-small);
+    padding-bottom: .25rem;
+    padding-bottom: var(--spacing-extra-small);
+  }
+  .pv2-ns {
+    padding-top: .5rem;
+    padding-top: var(--spacing-small);
+    padding-bottom: .5rem;
+    padding-bottom: var(--spacing-small);
+  }
+  .pv3-ns {
+    padding-top: 1rem;
+    padding-top: var(--spacing-medium);
+    padding-bottom: 1rem;
+    padding-bottom: var(--spacing-medium);
+  }
+  .pv4-ns {
+    padding-top: 2rem;
+    padding-top: var(--spacing-large);
+    padding-bottom: 2rem;
+    padding-bottom: var(--spacing-large);
+  }
+  .pv5-ns {
+    padding-top: 4rem;
+    padding-top: var(--spacing-extra-large);
+    padding-bottom: 4rem;
+    padding-bottom: var(--spacing-extra-large);
+  }
+  .pv6-ns {
+    padding-top: 8rem;
+    padding-top: var(--spacing-extra-extra-large);
+    padding-bottom: 8rem;
+    padding-bottom: var(--spacing-extra-extra-large);
+  }
+  .pv7-ns {
+    padding-top: 16rem;
+    padding-top: var(--spacing-extra-extra-extra-large);
+    padding-bottom: 16rem;
+    padding-bottom: var(--spacing-extra-extra-extra-large);
+  }
+  .ph0-ns {
+    padding-left: 0;
+    padding-left: var(--spacing-none);
+    padding-right: 0;
+    padding-right: var(--spacing-none);
+  }
+  .ph1-ns {
+    padding-left: .25rem;
+    padding-left: var(--spacing-extra-small);
+    padding-right: .25rem;
+    padding-right: var(--spacing-extra-small);
+  }
+  .ph2-ns {
+    padding-left: .5rem;
+    padding-left: var(--spacing-small);
+    padding-right: .5rem;
+    padding-right: var(--spacing-small);
+  }
+  .ph3-ns {
+    padding-left: 1rem;
+    padding-left: var(--spacing-medium);
+    padding-right: 1rem;
+    padding-right: var(--spacing-medium);
+  }
+  .ph4-ns {
+    padding-left: 2rem;
+    padding-left: var(--spacing-large);
+    padding-right: 2rem;
+    padding-right: var(--spacing-large);
+  }
+  .ph5-ns {
+    padding-left: 4rem;
+    padding-left: var(--spacing-extra-large);
+    padding-right: 4rem;
+    padding-right: var(--spacing-extra-large);
+  }
+  .ph6-ns {
+    padding-left: 8rem;
+    padding-left: var(--spacing-extra-extra-large);
+    padding-right: 8rem;
+    padding-right: var(--spacing-extra-extra-large);
+  }
+  .ph7-ns {
+    padding-left: 16rem;
+    padding-left: var(--spacing-extra-extra-extra-large);
+    padding-right: 16rem;
+    padding-right: var(--spacing-extra-extra-extra-large);
+  }
+
+  .ma0-ns  {  margin: 0;  margin: var(--spacing-none); }
+  .ma1-ns {  margin: .25rem;  margin: var(--spacing-extra-small); }
+  .ma2-ns  {  margin: .5rem;  margin: var(--spacing-small); }
+  .ma3-ns  {  margin: 1rem;  margin: var(--spacing-medium); }
+  .ma4-ns  {  margin: 2rem;  margin: var(--spacing-large); }
+  .ma5-ns  {  margin: 4rem;  margin: var(--spacing-extra-large); }
+  .ma6-ns {  margin: 8rem;  margin: var(--spacing-extra-extra-large); }
+  .ma7-ns { margin: 16rem; margin: var(--spacing-extra-extra-extra-large); }
+
+  .ml0-ns  {  margin-left: 0;  margin-left: var(--spacing-none); }
+  .ml1-ns {  margin-left: .25rem;  margin-left: var(--spacing-extra-small); }
+  .ml2-ns  {  margin-left: .5rem;  margin-left: var(--spacing-small); }
+  .ml3-ns  {  margin-left: 1rem;  margin-left: var(--spacing-medium); }
+  .ml4-ns  {  margin-left: 2rem;  margin-left: var(--spacing-large); }
+  .ml5-ns  {  margin-left: 4rem;  margin-left: var(--spacing-extra-large); }
+  .ml6-ns {  margin-left: 8rem;  margin-left: var(--spacing-extra-extra-large); }
+  .ml7-ns { margin-left: 16rem; margin-left: var(--spacing-extra-extra-extra-large); }
+
+  .mr0-ns  {  margin-right: 0;  margin-right: var(--spacing-none); }
+  .mr1-ns {  margin-right: .25rem;  margin-right: var(--spacing-extra-small); }
+  .mr2-ns  {  margin-right: .5rem;  margin-right: var(--spacing-small); }
+  .mr3-ns  {  margin-right: 1rem;  margin-right: var(--spacing-medium); }
+  .mr4-ns  {  margin-right: 2rem;  margin-right: var(--spacing-large); }
+  .mr5-ns  {  margin-right: 4rem;  margin-right: var(--spacing-extra-large); }
+  .mr6-ns {  margin-right: 8rem;  margin-right: var(--spacing-extra-extra-large); }
+  .mr7-ns { margin-right: 16rem; margin-right: var(--spacing-extra-extra-extra-large); }
+
+  .mb0-ns  {  margin-bottom: 0;  margin-bottom: var(--spacing-none); }
+  .mb1-ns {  margin-bottom: .25rem;  margin-bottom: var(--spacing-extra-small); }
+  .mb2-ns  {  margin-bottom: .5rem;  margin-bottom: var(--spacing-small); }
+  .mb3-ns  {  margin-bottom: 1rem;  margin-bottom: var(--spacing-medium); }
+  .mb4-ns  {  margin-bottom: 2rem;  margin-bottom: var(--spacing-large); }
+  .mb5-ns  {  margin-bottom: 4rem;  margin-bottom: var(--spacing-extra-large); }
+  .mb6-ns {  margin-bottom: 8rem;  margin-bottom: var(--spacing-extra-extra-large); }
+  .mb7-ns { margin-bottom: 16rem; margin-bottom: var(--spacing-extra-extra-extra-large); }
+
+  .mt0-ns  {  margin-top: 0;  margin-top: var(--spacing-none); }
+  .mt1-ns {  margin-top: .25rem;  margin-top: var(--spacing-extra-small); }
+  .mt2-ns  {  margin-top: .5rem;  margin-top: var(--spacing-small); }
+  .mt3-ns  {  margin-top: 1rem;  margin-top: var(--spacing-medium); }
+  .mt4-ns  {  margin-top: 2rem;  margin-top: var(--spacing-large); }
+  .mt5-ns  {  margin-top: 4rem;  margin-top: var(--spacing-extra-large); }
+  .mt6-ns {  margin-top: 8rem;  margin-top: var(--spacing-extra-extra-large); }
+  .mt7-ns { margin-top: 16rem; margin-top: var(--spacing-extra-extra-extra-large); }
+
+  .mv0-ns   {
+    margin-top: 0;
+    margin-top: var(--spacing-none);
+    margin-bottom: 0;
+    margin-bottom: var(--spacing-none);
+  }
+  .mv1-ns  {
+    margin-top: .25rem;
+    margin-top: var(--spacing-extra-small);
+    margin-bottom: .25rem;
+    margin-bottom: var(--spacing-extra-small);
+  }
+  .mv2-ns   {
+    margin-top: .5rem;
+    margin-top: var(--spacing-small);
+    margin-bottom: .5rem;
+    margin-bottom: var(--spacing-small);
+  }
+  .mv3-ns   {
+    margin-top: 1rem;
+    margin-top: var(--spacing-medium);
+    margin-bottom: 1rem;
+    margin-bottom: var(--spacing-medium);
+  }
+  .mv4-ns   {
+    margin-top: 2rem;
+    margin-top: var(--spacing-large);
+    margin-bottom: 2rem;
+    margin-bottom: var(--spacing-large);
+  }
+  .mv5-ns   {
+    margin-top: 4rem;
+    margin-top: var(--spacing-extra-large);
+    margin-bottom: 4rem;
+    margin-bottom: var(--spacing-extra-large);
+  }
+  .mv6-ns  {
+    margin-top: 8rem;
+    margin-top: var(--spacing-extra-extra-large);
+    margin-bottom: 8rem;
+    margin-bottom: var(--spacing-extra-extra-large);
+  }
+  .mv7-ns  {
+    margin-top: 16rem;
+    margin-top: var(--spacing-extra-extra-extra-large);
+    margin-bottom: 16rem;
+    margin-bottom: var(--spacing-extra-extra-extra-large);
+  }
+
+  .mh0-ns   {
+    margin-left: 0;
+    margin-left: var(--spacing-none);
+    margin-right: 0;
+    margin-right: var(--spacing-none);
+  }
+  .mh1-ns   {
+    margin-left: .25rem;
+    margin-left: var(--spacing-extra-small);
+    margin-right: .25rem;
+    margin-right: var(--spacing-extra-small);
+  }
+  .mh2-ns   {
+    margin-left: .5rem;
+    margin-left: var(--spacing-small);
+    margin-right: .5rem;
+    margin-right: var(--spacing-small);
+  }
+  .mh3-ns   {
+    margin-left: 1rem;
+    margin-left: var(--spacing-medium);
+    margin-right: 1rem;
+    margin-right: var(--spacing-medium);
+  }
+  .mh4-ns   {
+    margin-left: 2rem;
+    margin-left: var(--spacing-large);
+    margin-right: 2rem;
+    margin-right: var(--spacing-large);
+  }
+  .mh5-ns   {
+    margin-left: 4rem;
+    margin-left: var(--spacing-extra-large);
+    margin-right: 4rem;
+    margin-right: var(--spacing-extra-large);
+  }
+  .mh6-ns  {
+    margin-left: 8rem;
+    margin-left: var(--spacing-extra-extra-large);
+    margin-right: 8rem;
+    margin-right: var(--spacing-extra-extra-large);
+  }
+  .mh7-ns  {
+    margin-left: 16rem;
+    margin-left: var(--spacing-extra-extra-extra-large);
+    margin-right: 16rem;
+    margin-right: var(--spacing-extra-extra-extra-large);
+  }
+
+}
+
+@media (--breakpoint-not-small) {
+  .pa0-ns  {  padding: 0;  padding: var(--spacing-none); }
+  .pa1-ns {  padding: .25rem;  padding: var(--spacing-extra-small); }
+  .pa2-ns  {  padding: .5rem;  padding: var(--spacing-small); }
+  .pa3-ns  {  padding: 1rem;  padding: var(--spacing-medium); }
+  .pa4-ns  {  padding: 2rem;  padding: var(--spacing-large); }
+  .pa5-ns  {  padding: 4rem;  padding: var(--spacing-extra-large); }
+  .pa6-ns {  padding: 8rem;  padding: var(--spacing-extra-extra-large); }
+  .pa7-ns { padding: 16rem; padding: var(--spacing-extra-extra-extra-large); }
+
+  .pl0-ns  {  padding-left: 0;  padding-left: var(--spacing-none); }
+  .pl1-ns {  padding-left: .25rem;  padding-left: var(--spacing-extra-small); }
+  .pl2-ns  {  padding-left: .5rem;  padding-left: var(--spacing-small); }
+  .pl3-ns  {  padding-left: 1rem;  padding-left: var(--spacing-medium); }
+  .pl4-ns  {  padding-left: 2rem;  padding-left: var(--spacing-large); }
+  .pl5-ns  {  padding-left: 4rem;  padding-left: var(--spacing-extra-large); }
+  .pl6-ns {  padding-left: 8rem;  padding-left: var(--spacing-extra-extra-large); }
+  .pl7-ns { padding-left: 16rem; padding-left: var(--spacing-extra-extra-extra-large); }
+
+  .pr0-ns  {  padding-right: 0;  padding-right: var(--spacing-none); }
+  .pr1-ns {  padding-right: .25rem;  padding-right: var(--spacing-extra-small); }
+  .pr2-ns  {  padding-right: .5rem;  padding-right: var(--spacing-small); }
+  .pr3-ns  {  padding-right: 1rem;  padding-right: var(--spacing-medium); }
+  .pr4-ns  {  padding-right: 2rem;  padding-right: var(--spacing-large); }
+  .pr5-ns {   padding-right: 4rem;   padding-right: var(--spacing-extra-large); }
+  .pr6-ns {  padding-right: 8rem;  padding-right: var(--spacing-extra-extra-large); }
+  .pr7-ns { padding-right: 16rem; padding-right: var(--spacing-extra-extra-extra-large); }
+
+  .pb0-ns  {  padding-bottom: 0;  padding-bottom: var(--spacing-none); }
+  .pb1-ns {  padding-bottom: .25rem;  padding-bottom: var(--spacing-extra-small); }
+  .pb2-ns  {  padding-bottom: .5rem;  padding-bottom: var(--spacing-small); }
+  .pb3-ns  {  padding-bottom: 1rem;  padding-bottom: var(--spacing-medium); }
+  .pb4-ns  {  padding-bottom: 2rem;  padding-bottom: var(--spacing-large); }
+  .pb5-ns  {  padding-bottom: 4rem;  padding-bottom: var(--spacing-extra-large); }
+  .pb6-ns {  padding-bottom: 8rem;  padding-bottom: var(--spacing-extra-extra-large); }
+  .pb7-ns { padding-bottom: 16rem; padding-bottom: var(--spacing-extra-extra-extra-large); }
+
+  .pt0-ns  {  padding-top: 0;  padding-top: var(--spacing-none); }
+  .pt1-ns {  padding-top: .25rem;  padding-top: var(--spacing-extra-small); }
+  .pt2-ns  {  padding-top: .5rem;  padding-top: var(--spacing-small); }
+  .pt3-ns  {  padding-top: 1rem;  padding-top: var(--spacing-medium); }
+  .pt4-ns  {  padding-top: 2rem;  padding-top: var(--spacing-large); }
+  .pt5-ns  {  padding-top: 4rem;  padding-top: var(--spacing-extra-large); }
+  .pt6-ns {  padding-top: 8rem;  padding-top: var(--spacing-extra-extra-large); }
+  .pt7-ns { padding-top: 16rem; padding-top: var(--spacing-extra-extra-extra-large); }
+
+  .pv0-ns {
+    padding-top: 0;
+    padding-top: var(--spacing-none);
+    padding-bottom: 0;
+    padding-bottom: var(--spacing-none);
+  }
+  .pv1-ns {
+    padding-top: .25rem;
+    padding-top: var(--spacing-extra-small);
+    padding-bottom: .25rem;
+    padding-bottom: var(--spacing-extra-small);
+  }
+  .pv2-ns {
+    padding-top: .5rem;
+    padding-top: var(--spacing-small);
+    padding-bottom: .5rem;
+    padding-bottom: var(--spacing-small);
+  }
+  .pv3-ns {
+    padding-top: 1rem;
+    padding-top: var(--spacing-medium);
+    padding-bottom: 1rem;
+    padding-bottom: var(--spacing-medium);
+  }
+  .pv4-ns {
+    padding-top: 2rem;
+    padding-top: var(--spacing-large);
+    padding-bottom: 2rem;
+    padding-bottom: var(--spacing-large);
+  }
+  .pv5-ns {
+    padding-top: 4rem;
+    padding-top: var(--spacing-extra-large);
+    padding-bottom: 4rem;
+    padding-bottom: var(--spacing-extra-large);
+  }
+  .pv6-ns {
+    padding-top: 8rem;
+    padding-top: var(--spacing-extra-extra-large);
+    padding-bottom: 8rem;
+    padding-bottom: var(--spacing-extra-extra-large);
+  }
+  .pv7-ns {
+    padding-top: 16rem;
+    padding-top: var(--spacing-extra-extra-extra-large);
+    padding-bottom: 16rem;
+    padding-bottom: var(--spacing-extra-extra-extra-large);
+  }
+  .ph0-ns {
+    padding-left: 0;
+    padding-left: var(--spacing-none);
+    padding-right: 0;
+    padding-right: var(--spacing-none);
+  }
+  .ph1-ns {
+    padding-left: .25rem;
+    padding-left: var(--spacing-extra-small);
+    padding-right: .25rem;
+    padding-right: var(--spacing-extra-small);
+  }
+  .ph2-ns {
+    padding-left: .5rem;
+    padding-left: var(--spacing-small);
+    padding-right: .5rem;
+    padding-right: var(--spacing-small);
+  }
+  .ph3-ns {
+    padding-left: 1rem;
+    padding-left: var(--spacing-medium);
+    padding-right: 1rem;
+    padding-right: var(--spacing-medium);
+  }
+  .ph4-ns {
+    padding-left: 2rem;
+    padding-left: var(--spacing-large);
+    padding-right: 2rem;
+    padding-right: var(--spacing-large);
+  }
+  .ph5-ns {
+    padding-left: 4rem;
+    padding-left: var(--spacing-extra-large);
+    padding-right: 4rem;
+    padding-right: var(--spacing-extra-large);
+  }
+  .ph6-ns {
+    padding-left: 8rem;
+    padding-left: var(--spacing-extra-extra-large);
+    padding-right: 8rem;
+    padding-right: var(--spacing-extra-extra-large);
+  }
+  .ph7-ns {
+    padding-left: 16rem;
+    padding-left: var(--spacing-extra-extra-extra-large);
+    padding-right: 16rem;
+    padding-right: var(--spacing-extra-extra-extra-large);
+  }
+
+  .ma0-ns  {  margin: 0;  margin: var(--spacing-none); }
+  .ma1-ns {  margin: .25rem;  margin: var(--spacing-extra-small); }
+  .ma2-ns  {  margin: .5rem;  margin: var(--spacing-small); }
+  .ma3-ns  {  margin: 1rem;  margin: var(--spacing-medium); }
+  .ma4-ns  {  margin: 2rem;  margin: var(--spacing-large); }
+  .ma5-ns  {  margin: 4rem;  margin: var(--spacing-extra-large); }
+  .ma6-ns {  margin: 8rem;  margin: var(--spacing-extra-extra-large); }
+  .ma7-ns { margin: 16rem; margin: var(--spacing-extra-extra-extra-large); }
+
+  .ml0-ns  {  margin-left: 0;  margin-left: var(--spacing-none); }
+  .ml1-ns {  margin-left: .25rem;  margin-left: var(--spacing-extra-small); }
+  .ml2-ns  {  margin-left: .5rem;  margin-left: var(--spacing-small); }
+  .ml3-ns  {  margin-left: 1rem;  margin-left: var(--spacing-medium); }
+  .ml4-ns  {  margin-left: 2rem;  margin-left: var(--spacing-large); }
+  .ml5-ns  {  margin-left: 4rem;  margin-left: var(--spacing-extra-large); }
+  .ml6-ns {  margin-left: 8rem;  margin-left: var(--spacing-extra-extra-large); }
+  .ml7-ns { margin-left: 16rem; margin-left: var(--spacing-extra-extra-extra-large); }
+
+  .mr0-ns  {  margin-right: 0;  margin-right: var(--spacing-none); }
+  .mr1-ns {  margin-right: .25rem;  margin-right: var(--spacing-extra-small); }
+  .mr2-ns  {  margin-right: .5rem;  margin-right: var(--spacing-small); }
+  .mr3-ns  {  margin-right: 1rem;  margin-right: var(--spacing-medium); }
+  .mr4-ns  {  margin-right: 2rem;  margin-right: var(--spacing-large); }
+  .mr5-ns  {  margin-right: 4rem;  margin-right: var(--spacing-extra-large); }
+  .mr6-ns {  margin-right: 8rem;  margin-right: var(--spacing-extra-extra-large); }
+  .mr7-ns { margin-right: 16rem; margin-right: var(--spacing-extra-extra-extra-large); }
+
+  .mb0-ns  {  margin-bottom: 0;  margin-bottom: var(--spacing-none); }
+  .mb1-ns {  margin-bottom: .25rem;  margin-bottom: var(--spacing-extra-small); }
+  .mb2-ns  {  margin-bottom: .5rem;  margin-bottom: var(--spacing-small); }
+  .mb3-ns  {  margin-bottom: 1rem;  margin-bottom: var(--spacing-medium); }
+  .mb4-ns  {  margin-bottom: 2rem;  margin-bottom: var(--spacing-large); }
+  .mb5-ns  {  margin-bottom: 4rem;  margin-bottom: var(--spacing-extra-large); }
+  .mb6-ns {  margin-bottom: 8rem;  margin-bottom: var(--spacing-extra-extra-large); }
+  .mb7-ns { margin-bottom: 16rem; margin-bottom: var(--spacing-extra-extra-extra-large); }
+
+  .mt0-ns  {  margin-top: 0;  margin-top: var(--spacing-none); }
+  .mt1-ns {  margin-top: .25rem;  margin-top: var(--spacing-extra-small); }
+  .mt2-ns  {  margin-top: .5rem;  margin-top: var(--spacing-small); }
+  .mt3-ns  {  margin-top: 1rem;  margin-top: var(--spacing-medium); }
+  .mt4-ns  {  margin-top: 2rem;  margin-top: var(--spacing-large); }
+  .mt5-ns  {  margin-top: 4rem;  margin-top: var(--spacing-extra-large); }
+  .mt6-ns {  margin-top: 8rem;  margin-top: var(--spacing-extra-extra-large); }
+  .mt7-ns { margin-top: 16rem; margin-top: var(--spacing-extra-extra-extra-large); }
+
+  .mv0-ns   {
+    margin-top: 0;
+    margin-top: var(--spacing-none);
+    margin-bottom: 0;
+    margin-bottom: var(--spacing-none);
+  }
+  .mv1-ns  {
+    margin-top: .25rem;
+    margin-top: var(--spacing-extra-small);
+    margin-bottom: .25rem;
+    margin-bottom: var(--spacing-extra-small);
+  }
+  .mv2-ns   {
+    margin-top: .5rem;
+    margin-top: var(--spacing-small);
+    margin-bottom: .5rem;
+    margin-bottom: var(--spacing-small);
+  }
+  .mv3-ns   {
+    margin-top: 1rem;
+    margin-top: var(--spacing-medium);
+    margin-bottom: 1rem;
+    margin-bottom: var(--spacing-medium);
+  }
+  .mv4-ns   {
+    margin-top: 2rem;
+    margin-top: var(--spacing-large);
+    margin-bottom: 2rem;
+    margin-bottom: var(--spacing-large);
+  }
+  .mv5-ns   {
+    margin-top: 4rem;
+    margin-top: var(--spacing-extra-large);
+    margin-bottom: 4rem;
+    margin-bottom: var(--spacing-extra-large);
+  }
+  .mv6-ns  {
+    margin-top: 8rem;
+    margin-top: var(--spacing-extra-extra-large);
+    margin-bottom: 8rem;
+    margin-bottom: var(--spacing-extra-extra-large);
+  }
+  .mv7-ns  {
+    margin-top: 16rem;
+    margin-top: var(--spacing-extra-extra-extra-large);
+    margin-bottom: 16rem;
+    margin-bottom: var(--spacing-extra-extra-extra-large);
+  }
+
+  .mh0-ns   {
+    margin-left: 0;
+    margin-left: var(--spacing-none);
+    margin-right: 0;
+    margin-right: var(--spacing-none);
+  }
+  .mh1-ns   {
+    margin-left: .25rem;
+    margin-left: var(--spacing-extra-small);
+    margin-right: .25rem;
+    margin-right: var(--spacing-extra-small);
+  }
+  .mh2-ns   {
+    margin-left: .5rem;
+    margin-left: var(--spacing-small);
+    margin-right: .5rem;
+    margin-right: var(--spacing-small);
+  }
+  .mh3-ns   {
+    margin-left: 1rem;
+    margin-left: var(--spacing-medium);
+    margin-right: 1rem;
+    margin-right: var(--spacing-medium);
+  }
+  .mh4-ns   {
+    margin-left: 2rem;
+    margin-left: var(--spacing-large);
+    margin-right: 2rem;
+    margin-right: var(--spacing-large);
+  }
+  .mh5-ns   {
+    margin-left: 4rem;
+    margin-left: var(--spacing-extra-large);
+    margin-right: 4rem;
+    margin-right: var(--spacing-extra-large);
+  }
+  .mh6-ns  {
+    margin-left: 8rem;
+    margin-left: var(--spacing-extra-extra-large);
+    margin-right: 8rem;
+    margin-right: var(--spacing-extra-extra-large);
+  }
+  .mh7-ns  {
+    margin-left: 16rem;
+    margin-left: var(--spacing-extra-extra-extra-large);
+    margin-right: 16rem;
+    margin-right: var(--spacing-extra-extra-extra-large);
+  }
+
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .pa0-m  {  padding: 0;  padding: var(--spacing-none); }
+  .pa1-m {  padding: .25rem;  padding: var(--spacing-extra-small); }
+  .pa2-m  {  padding: .5rem;  padding: var(--spacing-small); }
+  .pa3-m  {  padding: 1rem;  padding: var(--spacing-medium); }
+  .pa4-m  {  padding: 2rem;  padding: var(--spacing-large); }
+  .pa5-m  {  padding: 4rem;  padding: var(--spacing-extra-large); }
+  .pa6-m {  padding: 8rem;  padding: var(--spacing-extra-extra-large); }
+  .pa7-m { padding: 16rem; padding: var(--spacing-extra-extra-extra-large); }
+
+  .pl0-m  {  padding-left: 0;  padding-left: var(--spacing-none); }
+  .pl1-m {  padding-left: .25rem;  padding-left: var(--spacing-extra-small); }
+  .pl2-m  {  padding-left: .5rem;  padding-left: var(--spacing-small); }
+  .pl3-m  {  padding-left: 1rem;  padding-left: var(--spacing-medium); }
+  .pl4-m  {  padding-left: 2rem;  padding-left: var(--spacing-large); }
+  .pl5-m  {  padding-left: 4rem;  padding-left: var(--spacing-extra-large); }
+  .pl6-m {  padding-left: 8rem;  padding-left: var(--spacing-extra-extra-large); }
+  .pl7-m { padding-left: 16rem; padding-left: var(--spacing-extra-extra-extra-large); }
+
+  .pr0-m  {  padding-right: 0;  padding-right: var(--spacing-none); }
+  .pr1-m {  padding-right: .25rem;  padding-right: var(--spacing-extra-small); }
+  .pr2-m  {  padding-right: .5rem;  padding-right: var(--spacing-small); }
+  .pr3-m  {  padding-right: 1rem;  padding-right: var(--spacing-medium); }
+  .pr4-m  {  padding-right: 2rem;  padding-right: var(--spacing-large); }
+  .pr5-m  {  padding-right: 4rem;  padding-right: var(--spacing-extra-large); }
+  .pr6-m {  padding-right: 8rem;  padding-right: var(--spacing-extra-extra-large); }
+  .pr7-m { padding-right: 16rem; padding-right: var(--spacing-extra-extra-extra-large); }
+
+  .pb0-m  {  padding-bottom: 0;  padding-bottom: var(--spacing-none); }
+  .pb1-m {  padding-bottom: .25rem;  padding-bottom: var(--spacing-extra-small); }
+  .pb2-m  {  padding-bottom: .5rem;  padding-bottom: var(--spacing-small); }
+  .pb3-m  {  padding-bottom: 1rem;  padding-bottom: var(--spacing-medium); }
+  .pb4-m  {  padding-bottom: 2rem;  padding-bottom: var(--spacing-large); }
+  .pb5-m  {  padding-bottom: 4rem;  padding-bottom: var(--spacing-extra-large); }
+  .pb6-m {  padding-bottom: 8rem;  padding-bottom: var(--spacing-extra-extra-large); }
+  .pb7-m { padding-bottom: 16rem; padding-bottom: var(--spacing-extra-extra-extra-large); }
+
+  .pt0-m  {  padding-top: 0;  padding-top: var(--spacing-none); }
+  .pt1-m {  padding-top: .25rem;  padding-top: var(--spacing-extra-small); }
+  .pt2-m  {  padding-top: .5rem;  padding-top: var(--spacing-small); }
+  .pt3-m  {  padding-top: 1rem;  padding-top: var(--spacing-medium); }
+  .pt4-m  {  padding-top: 2rem;  padding-top: var(--spacing-large); }
+  .pt5-m  {  padding-top: 4rem;  padding-top: var(--spacing-extra-large); }
+  .pt6-m {  padding-top: 8rem;  padding-top: var(--spacing-extra-extra-large); }
+  .pt7-m { padding-top: 16rem; padding-top: var(--spacing-extra-extra-extra-large); }
+
+  .pv0-m {
+    padding-top: 0;
+    padding-top: var(--spacing-none);
+    padding-bottom: 0;
+    padding-bottom: var(--spacing-none);
+  }
+  .pv1-m {
+    padding-top: .25rem;
+    padding-top: var(--spacing-extra-small);
+    padding-bottom: .25rem;
+    padding-bottom: var(--spacing-extra-small);
+  }
+  .pv2-m {
+    padding-top: .5rem;
+    padding-top: var(--spacing-small);
+    padding-bottom: .5rem;
+    padding-bottom: var(--spacing-small);
+  }
+  .pv3-m {
+    padding-top: 1rem;
+    padding-top: var(--spacing-medium);
+    padding-bottom: 1rem;
+    padding-bottom: var(--spacing-medium);
+  }
+  .pv4-m {
+    padding-top: 2rem;
+    padding-top: var(--spacing-large);
+    padding-bottom: 2rem;
+    padding-bottom: var(--spacing-large);
+  }
+  .pv5-m {
+    padding-top: 4rem;
+    padding-top: var(--spacing-extra-large);
+    padding-bottom: 4rem;
+    padding-bottom: var(--spacing-extra-large);
+  }
+  .pv6-m {
+    padding-top: 8rem;
+    padding-top: var(--spacing-extra-extra-large);
+    padding-bottom: 8rem;
+    padding-bottom: var(--spacing-extra-extra-large);
+  }
+  .pv7-m {
+    padding-top: 16rem;
+    padding-top: var(--spacing-extra-extra-extra-large);
+    padding-bottom: 16rem;
+    padding-bottom: var(--spacing-extra-extra-extra-large);
+  }
+
+  .ph0-m {
+    padding-left: 0;
+    padding-left: var(--spacing-none);
+    padding-right: 0;
+    padding-right: var(--spacing-none);
+  }
+  .ph1-m {
+    padding-left: .25rem;
+    padding-left: var(--spacing-extra-small);
+    padding-right: .25rem;
+    padding-right: var(--spacing-extra-small);
+  }
+  .ph2-m {
+    padding-left: .5rem;
+    padding-left: var(--spacing-small);
+    padding-right: .5rem;
+    padding-right: var(--spacing-small);
+  }
+  .ph3-m {
+    padding-left: 1rem;
+    padding-left: var(--spacing-medium);
+    padding-right: 1rem;
+    padding-right: var(--spacing-medium);
+  }
+  .ph4-m {
+    padding-left: 2rem;
+    padding-left: var(--spacing-large);
+    padding-right: 2rem;
+    padding-right: var(--spacing-large);
+  }
+  .ph5-m {
+    padding-left: 4rem;
+    padding-left: var(--spacing-extra-large);
+    padding-right: 4rem;
+    padding-right: var(--spacing-extra-large);
+  }
+  .ph6-m {
+    padding-left: 8rem;
+    padding-left: var(--spacing-extra-extra-large);
+    padding-right: 8rem;
+    padding-right: var(--spacing-extra-extra-large);
+  }
+  .ph7-m {
+    padding-left: 16rem;
+    padding-left: var(--spacing-extra-extra-extra-large);
+    padding-right: 16rem;
+    padding-right: var(--spacing-extra-extra-extra-large);
+  }
+
+  .ma0-m  {  margin: 0;  margin: var(--spacing-none); }
+  .ma1-m {  margin: .25rem;  margin: var(--spacing-extra-small); }
+  .ma2-m  {  margin: .5rem;  margin: var(--spacing-small); }
+  .ma3-m  {  margin: 1rem;  margin: var(--spacing-medium); }
+  .ma4-m  {  margin: 2rem;  margin: var(--spacing-large); }
+  .ma5-m  {  margin: 4rem;  margin: var(--spacing-extra-large); }
+  .ma6-m {  margin: 8rem;  margin: var(--spacing-extra-extra-large); }
+  .ma7-m { margin: 16rem; margin: var(--spacing-extra-extra-extra-large); }
+
+  .ml0-m  {  margin-left: 0;  margin-left: var(--spacing-none); }
+  .ml1-m {  margin-left: .25rem;  margin-left: var(--spacing-extra-small); }
+  .ml2-m  {  margin-left: .5rem;  margin-left: var(--spacing-small); }
+  .ml3-m  {  margin-left: 1rem;  margin-left: var(--spacing-medium); }
+  .ml4-m  {  margin-left: 2rem;  margin-left: var(--spacing-large); }
+  .ml5-m  {  margin-left: 4rem;  margin-left: var(--spacing-extra-large); }
+  .ml6-m {  margin-left: 8rem;  margin-left: var(--spacing-extra-extra-large); }
+  .ml7-m { margin-left: 16rem; margin-left: var(--spacing-extra-extra-extra-large); }
+
+  .mr0-m  {  margin-right: 0;  margin-right: var(--spacing-none); }
+  .mr1-m {  margin-right: .25rem;  margin-right: var(--spacing-extra-small); }
+  .mr2-m  {  margin-right: .5rem;  margin-right: var(--spacing-small); }
+  .mr3-m  {  margin-right: 1rem;  margin-right: var(--spacing-medium); }
+  .mr4-m  {  margin-right: 2rem;  margin-right: var(--spacing-large); }
+  .mr5-m  {  margin-right: 4rem;  margin-right: var(--spacing-extra-large); }
+  .mr6-m {  margin-right: 8rem;  margin-right: var(--spacing-extra-extra-large); }
+  .mr7-m { margin-right: 16rem; margin-right: var(--spacing-extra-extra-extra-large); }
+
+  .mb0-m  {  margin-bottom: 0;  margin-bottom: var(--spacing-none); }
+  .mb1-m {  margin-bottom: .25rem;  margin-bottom: var(--spacing-extra-small); }
+  .mb2-m  {  margin-bottom: .5rem;  margin-bottom: var(--spacing-small); }
+  .mb3-m  {  margin-bottom: 1rem;  margin-bottom: var(--spacing-medium); }
+  .mb4-m  {  margin-bottom: 2rem;  margin-bottom: var(--spacing-large); }
+  .mb5-m  {  margin-bottom: 4rem;  margin-bottom: var(--spacing-extra-large); }
+  .mb6-m {  margin-bottom: 8rem;  margin-bottom: var(--spacing-extra-extra-large); }
+  .mb7-m { margin-bottom: 16rem; margin-bottom: var(--spacing-extra-extra-extra-large); }
+
+  .mt0-m  {  margin-top: 0;  margin-top: var(--spacing-none); }
+  .mt1-m {  margin-top: .25rem;  margin-top: var(--spacing-extra-small); }
+  .mt2-m  {  margin-top: .5rem;  margin-top: var(--spacing-small); }
+  .mt3-m  {  margin-top: 1rem;  margin-top: var(--spacing-medium); }
+  .mt4-m  {  margin-top: 2rem;  margin-top: var(--spacing-large); }
+  .mt5-m  {  margin-top: 4rem;  margin-top: var(--spacing-extra-large); }
+  .mt6-m {  margin-top: 8rem;  margin-top: var(--spacing-extra-extra-large); }
+  .mt7-m { margin-top: 16rem; margin-top: var(--spacing-extra-extra-extra-large); }
+
+  .mv0-m {
+    margin-top: 0;
+    margin-top: var(--spacing-none);
+    margin-bottom: 0;
+    margin-bottom: var(--spacing-none);
+  }
+  .mv1-m {
+    margin-top: .25rem;
+    margin-top: var(--spacing-extra-small);
+    margin-bottom: .25rem;
+    margin-bottom: var(--spacing-extra-small);
+  }
+  .mv2-m {
+    margin-top: .5rem;
+    margin-top: var(--spacing-small);
+    margin-bottom: .5rem;
+    margin-bottom: var(--spacing-small);
+  }
+  .mv3-m {
+    margin-top: 1rem;
+    margin-top: var(--spacing-medium);
+    margin-bottom: 1rem;
+    margin-bottom: var(--spacing-medium);
+  }
+  .mv4-m {
+    margin-top: 2rem;
+    margin-top: var(--spacing-large);
+    margin-bottom: 2rem;
+    margin-bottom: var(--spacing-large);
+  }
+  .mv5-m {
+    margin-top: 4rem;
+    margin-top: var(--spacing-extra-large);
+    margin-bottom: 4rem;
+    margin-bottom: var(--spacing-extra-large);
+  }
+  .mv6-m {
+    margin-top: 8rem;
+    margin-top: var(--spacing-extra-extra-large);
+    margin-bottom: 8rem;
+    margin-bottom: var(--spacing-extra-extra-large);
+  }
+  .mv7-m {
+    margin-top: 16rem;
+    margin-top: var(--spacing-extra-extra-extra-large);
+    margin-bottom: 16rem;
+    margin-bottom: var(--spacing-extra-extra-extra-large);
+  }
+
+  .mh0-m {
+    margin-left: 0;
+    margin-left: var(--spacing-none);
+    margin-right: 0;
+    margin-right: var(--spacing-none);
+  }
+  .mh1-m {
+    margin-left: .25rem;
+    margin-left: var(--spacing-extra-small);
+    margin-right: .25rem;
+    margin-right: var(--spacing-extra-small);
+  }
+  .mh2-m {
+    margin-left: .5rem;
+    margin-left: var(--spacing-small);
+    margin-right: .5rem;
+    margin-right: var(--spacing-small);
+  }
+  .mh3-m {
+    margin-left: 1rem;
+    margin-left: var(--spacing-medium);
+    margin-right: 1rem;
+    margin-right: var(--spacing-medium);
+  }
+  .mh4-m {
+    margin-left: 2rem;
+    margin-left: var(--spacing-large);
+    margin-right: 2rem;
+    margin-right: var(--spacing-large);
+  }
+  .mh5-m {
+    margin-left: 4rem;
+    margin-left: var(--spacing-extra-large);
+    margin-right: 4rem;
+    margin-right: var(--spacing-extra-large);
+  }
+  .mh6-m {
+    margin-left: 8rem;
+    margin-left: var(--spacing-extra-extra-large);
+    margin-right: 8rem;
+    margin-right: var(--spacing-extra-extra-large);
+  }
+  .mh7-m {
+    margin-left: 16rem;
+    margin-left: var(--spacing-extra-extra-extra-large);
+    margin-right: 16rem;
+    margin-right: var(--spacing-extra-extra-extra-large);
+  }
+
+}
+
+@media (--breakpoint-medium) {
+  .pa0-m  {  padding: 0;  padding: var(--spacing-none); }
+  .pa1-m {  padding: .25rem;  padding: var(--spacing-extra-small); }
+  .pa2-m  {  padding: .5rem;  padding: var(--spacing-small); }
+  .pa3-m  {  padding: 1rem;  padding: var(--spacing-medium); }
+  .pa4-m  {  padding: 2rem;  padding: var(--spacing-large); }
+  .pa5-m  {  padding: 4rem;  padding: var(--spacing-extra-large); }
+  .pa6-m {  padding: 8rem;  padding: var(--spacing-extra-extra-large); }
+  .pa7-m { padding: 16rem; padding: var(--spacing-extra-extra-extra-large); }
+
+  .pl0-m  {  padding-left: 0;  padding-left: var(--spacing-none); }
+  .pl1-m {  padding-left: .25rem;  padding-left: var(--spacing-extra-small); }
+  .pl2-m  {  padding-left: .5rem;  padding-left: var(--spacing-small); }
+  .pl3-m  {  padding-left: 1rem;  padding-left: var(--spacing-medium); }
+  .pl4-m  {  padding-left: 2rem;  padding-left: var(--spacing-large); }
+  .pl5-m  {  padding-left: 4rem;  padding-left: var(--spacing-extra-large); }
+  .pl6-m {  padding-left: 8rem;  padding-left: var(--spacing-extra-extra-large); }
+  .pl7-m { padding-left: 16rem; padding-left: var(--spacing-extra-extra-extra-large); }
+
+  .pr0-m  {  padding-right: 0;  padding-right: var(--spacing-none); }
+  .pr1-m {  padding-right: .25rem;  padding-right: var(--spacing-extra-small); }
+  .pr2-m  {  padding-right: .5rem;  padding-right: var(--spacing-small); }
+  .pr3-m  {  padding-right: 1rem;  padding-right: var(--spacing-medium); }
+  .pr4-m  {  padding-right: 2rem;  padding-right: var(--spacing-large); }
+  .pr5-m  {  padding-right: 4rem;  padding-right: var(--spacing-extra-large); }
+  .pr6-m {  padding-right: 8rem;  padding-right: var(--spacing-extra-extra-large); }
+  .pr7-m { padding-right: 16rem; padding-right: var(--spacing-extra-extra-extra-large); }
+
+  .pb0-m  {  padding-bottom: 0;  padding-bottom: var(--spacing-none); }
+  .pb1-m {  padding-bottom: .25rem;  padding-bottom: var(--spacing-extra-small); }
+  .pb2-m  {  padding-bottom: .5rem;  padding-bottom: var(--spacing-small); }
+  .pb3-m  {  padding-bottom: 1rem;  padding-bottom: var(--spacing-medium); }
+  .pb4-m  {  padding-bottom: 2rem;  padding-bottom: var(--spacing-large); }
+  .pb5-m  {  padding-bottom: 4rem;  padding-bottom: var(--spacing-extra-large); }
+  .pb6-m {  padding-bottom: 8rem;  padding-bottom: var(--spacing-extra-extra-large); }
+  .pb7-m { padding-bottom: 16rem; padding-bottom: var(--spacing-extra-extra-extra-large); }
+
+  .pt0-m  {  padding-top: 0;  padding-top: var(--spacing-none); }
+  .pt1-m {  padding-top: .25rem;  padding-top: var(--spacing-extra-small); }
+  .pt2-m  {  padding-top: .5rem;  padding-top: var(--spacing-small); }
+  .pt3-m  {  padding-top: 1rem;  padding-top: var(--spacing-medium); }
+  .pt4-m  {  padding-top: 2rem;  padding-top: var(--spacing-large); }
+  .pt5-m  {  padding-top: 4rem;  padding-top: var(--spacing-extra-large); }
+  .pt6-m {  padding-top: 8rem;  padding-top: var(--spacing-extra-extra-large); }
+  .pt7-m { padding-top: 16rem; padding-top: var(--spacing-extra-extra-extra-large); }
+
+  .pv0-m {
+    padding-top: 0;
+    padding-top: var(--spacing-none);
+    padding-bottom: 0;
+    padding-bottom: var(--spacing-none);
+  }
+  .pv1-m {
+    padding-top: .25rem;
+    padding-top: var(--spacing-extra-small);
+    padding-bottom: .25rem;
+    padding-bottom: var(--spacing-extra-small);
+  }
+  .pv2-m {
+    padding-top: .5rem;
+    padding-top: var(--spacing-small);
+    padding-bottom: .5rem;
+    padding-bottom: var(--spacing-small);
+  }
+  .pv3-m {
+    padding-top: 1rem;
+    padding-top: var(--spacing-medium);
+    padding-bottom: 1rem;
+    padding-bottom: var(--spacing-medium);
+  }
+  .pv4-m {
+    padding-top: 2rem;
+    padding-top: var(--spacing-large);
+    padding-bottom: 2rem;
+    padding-bottom: var(--spacing-large);
+  }
+  .pv5-m {
+    padding-top: 4rem;
+    padding-top: var(--spacing-extra-large);
+    padding-bottom: 4rem;
+    padding-bottom: var(--spacing-extra-large);
+  }
+  .pv6-m {
+    padding-top: 8rem;
+    padding-top: var(--spacing-extra-extra-large);
+    padding-bottom: 8rem;
+    padding-bottom: var(--spacing-extra-extra-large);
+  }
+  .pv7-m {
+    padding-top: 16rem;
+    padding-top: var(--spacing-extra-extra-extra-large);
+    padding-bottom: 16rem;
+    padding-bottom: var(--spacing-extra-extra-extra-large);
+  }
+
+  .ph0-m {
+    padding-left: 0;
+    padding-left: var(--spacing-none);
+    padding-right: 0;
+    padding-right: var(--spacing-none);
+  }
+  .ph1-m {
+    padding-left: .25rem;
+    padding-left: var(--spacing-extra-small);
+    padding-right: .25rem;
+    padding-right: var(--spacing-extra-small);
+  }
+  .ph2-m {
+    padding-left: .5rem;
+    padding-left: var(--spacing-small);
+    padding-right: .5rem;
+    padding-right: var(--spacing-small);
+  }
+  .ph3-m {
+    padding-left: 1rem;
+    padding-left: var(--spacing-medium);
+    padding-right: 1rem;
+    padding-right: var(--spacing-medium);
+  }
+  .ph4-m {
+    padding-left: 2rem;
+    padding-left: var(--spacing-large);
+    padding-right: 2rem;
+    padding-right: var(--spacing-large);
+  }
+  .ph5-m {
+    padding-left: 4rem;
+    padding-left: var(--spacing-extra-large);
+    padding-right: 4rem;
+    padding-right: var(--spacing-extra-large);
+  }
+  .ph6-m {
+    padding-left: 8rem;
+    padding-left: var(--spacing-extra-extra-large);
+    padding-right: 8rem;
+    padding-right: var(--spacing-extra-extra-large);
+  }
+  .ph7-m {
+    padding-left: 16rem;
+    padding-left: var(--spacing-extra-extra-extra-large);
+    padding-right: 16rem;
+    padding-right: var(--spacing-extra-extra-extra-large);
+  }
+
+  .ma0-m  {  margin: 0;  margin: var(--spacing-none); }
+  .ma1-m {  margin: .25rem;  margin: var(--spacing-extra-small); }
+  .ma2-m  {  margin: .5rem;  margin: var(--spacing-small); }
+  .ma3-m  {  margin: 1rem;  margin: var(--spacing-medium); }
+  .ma4-m  {  margin: 2rem;  margin: var(--spacing-large); }
+  .ma5-m  {  margin: 4rem;  margin: var(--spacing-extra-large); }
+  .ma6-m {  margin: 8rem;  margin: var(--spacing-extra-extra-large); }
+  .ma7-m { margin: 16rem; margin: var(--spacing-extra-extra-extra-large); }
+
+  .ml0-m  {  margin-left: 0;  margin-left: var(--spacing-none); }
+  .ml1-m {  margin-left: .25rem;  margin-left: var(--spacing-extra-small); }
+  .ml2-m  {  margin-left: .5rem;  margin-left: var(--spacing-small); }
+  .ml3-m  {  margin-left: 1rem;  margin-left: var(--spacing-medium); }
+  .ml4-m  {  margin-left: 2rem;  margin-left: var(--spacing-large); }
+  .ml5-m  {  margin-left: 4rem;  margin-left: var(--spacing-extra-large); }
+  .ml6-m {  margin-left: 8rem;  margin-left: var(--spacing-extra-extra-large); }
+  .ml7-m { margin-left: 16rem; margin-left: var(--spacing-extra-extra-extra-large); }
+
+  .mr0-m  {  margin-right: 0;  margin-right: var(--spacing-none); }
+  .mr1-m {  margin-right: .25rem;  margin-right: var(--spacing-extra-small); }
+  .mr2-m  {  margin-right: .5rem;  margin-right: var(--spacing-small); }
+  .mr3-m  {  margin-right: 1rem;  margin-right: var(--spacing-medium); }
+  .mr4-m  {  margin-right: 2rem;  margin-right: var(--spacing-large); }
+  .mr5-m  {  margin-right: 4rem;  margin-right: var(--spacing-extra-large); }
+  .mr6-m {  margin-right: 8rem;  margin-right: var(--spacing-extra-extra-large); }
+  .mr7-m { margin-right: 16rem; margin-right: var(--spacing-extra-extra-extra-large); }
+
+  .mb0-m  {  margin-bottom: 0;  margin-bottom: var(--spacing-none); }
+  .mb1-m {  margin-bottom: .25rem;  margin-bottom: var(--spacing-extra-small); }
+  .mb2-m  {  margin-bottom: .5rem;  margin-bottom: var(--spacing-small); }
+  .mb3-m  {  margin-bottom: 1rem;  margin-bottom: var(--spacing-medium); }
+  .mb4-m  {  margin-bottom: 2rem;  margin-bottom: var(--spacing-large); }
+  .mb5-m  {  margin-bottom: 4rem;  margin-bottom: var(--spacing-extra-large); }
+  .mb6-m {  margin-bottom: 8rem;  margin-bottom: var(--spacing-extra-extra-large); }
+  .mb7-m { margin-bottom: 16rem; margin-bottom: var(--spacing-extra-extra-extra-large); }
+
+  .mt0-m  {  margin-top: 0;  margin-top: var(--spacing-none); }
+  .mt1-m {  margin-top: .25rem;  margin-top: var(--spacing-extra-small); }
+  .mt2-m  {  margin-top: .5rem;  margin-top: var(--spacing-small); }
+  .mt3-m  {  margin-top: 1rem;  margin-top: var(--spacing-medium); }
+  .mt4-m  {  margin-top: 2rem;  margin-top: var(--spacing-large); }
+  .mt5-m  {  margin-top: 4rem;  margin-top: var(--spacing-extra-large); }
+  .mt6-m {  margin-top: 8rem;  margin-top: var(--spacing-extra-extra-large); }
+  .mt7-m { margin-top: 16rem; margin-top: var(--spacing-extra-extra-extra-large); }
+
+  .mv0-m {
+    margin-top: 0;
+    margin-top: var(--spacing-none);
+    margin-bottom: 0;
+    margin-bottom: var(--spacing-none);
+  }
+  .mv1-m {
+    margin-top: .25rem;
+    margin-top: var(--spacing-extra-small);
+    margin-bottom: .25rem;
+    margin-bottom: var(--spacing-extra-small);
+  }
+  .mv2-m {
+    margin-top: .5rem;
+    margin-top: var(--spacing-small);
+    margin-bottom: .5rem;
+    margin-bottom: var(--spacing-small);
+  }
+  .mv3-m {
+    margin-top: 1rem;
+    margin-top: var(--spacing-medium);
+    margin-bottom: 1rem;
+    margin-bottom: var(--spacing-medium);
+  }
+  .mv4-m {
+    margin-top: 2rem;
+    margin-top: var(--spacing-large);
+    margin-bottom: 2rem;
+    margin-bottom: var(--spacing-large);
+  }
+  .mv5-m {
+    margin-top: 4rem;
+    margin-top: var(--spacing-extra-large);
+    margin-bottom: 4rem;
+    margin-bottom: var(--spacing-extra-large);
+  }
+  .mv6-m {
+    margin-top: 8rem;
+    margin-top: var(--spacing-extra-extra-large);
+    margin-bottom: 8rem;
+    margin-bottom: var(--spacing-extra-extra-large);
+  }
+  .mv7-m {
+    margin-top: 16rem;
+    margin-top: var(--spacing-extra-extra-extra-large);
+    margin-bottom: 16rem;
+    margin-bottom: var(--spacing-extra-extra-extra-large);
+  }
+
+  .mh0-m {
+    margin-left: 0;
+    margin-left: var(--spacing-none);
+    margin-right: 0;
+    margin-right: var(--spacing-none);
+  }
+  .mh1-m {
+    margin-left: .25rem;
+    margin-left: var(--spacing-extra-small);
+    margin-right: .25rem;
+    margin-right: var(--spacing-extra-small);
+  }
+  .mh2-m {
+    margin-left: .5rem;
+    margin-left: var(--spacing-small);
+    margin-right: .5rem;
+    margin-right: var(--spacing-small);
+  }
+  .mh3-m {
+    margin-left: 1rem;
+    margin-left: var(--spacing-medium);
+    margin-right: 1rem;
+    margin-right: var(--spacing-medium);
+  }
+  .mh4-m {
+    margin-left: 2rem;
+    margin-left: var(--spacing-large);
+    margin-right: 2rem;
+    margin-right: var(--spacing-large);
+  }
+  .mh5-m {
+    margin-left: 4rem;
+    margin-left: var(--spacing-extra-large);
+    margin-right: 4rem;
+    margin-right: var(--spacing-extra-large);
+  }
+  .mh6-m {
+    margin-left: 8rem;
+    margin-left: var(--spacing-extra-extra-large);
+    margin-right: 8rem;
+    margin-right: var(--spacing-extra-extra-large);
+  }
+  .mh7-m {
+    margin-left: 16rem;
+    margin-left: var(--spacing-extra-extra-extra-large);
+    margin-right: 16rem;
+    margin-right: var(--spacing-extra-extra-extra-large);
+  }
+
+}
+
+@media screen and (min-width: 60em) {
+  .pa0-l  {  padding: 0;  padding: var(--spacing-none); }
+  .pa1-l {  padding: .25rem;  padding: var(--spacing-extra-small); }
+  .pa2-l  {  padding: .5rem;  padding: var(--spacing-small); }
+  .pa3-l  {  padding: 1rem;  padding: var(--spacing-medium); }
+  .pa4-l  {  padding: 2rem;  padding: var(--spacing-large); }
+  .pa5-l  {  padding: 4rem;  padding: var(--spacing-extra-large); }
+  .pa6-l {  padding: 8rem;  padding: var(--spacing-extra-extra-large); }
+  .pa7-l { padding: 16rem; padding: var(--spacing-extra-extra-extra-large); }
+
+  .pl0-l  {  padding-left: 0;  padding-left: var(--spacing-none); }
+  .pl1-l {  padding-left: .25rem;  padding-left: var(--spacing-extra-small); }
+  .pl2-l  {  padding-left: .5rem;  padding-left: var(--spacing-small); }
+  .pl3-l  {  padding-left: 1rem;  padding-left: var(--spacing-medium); }
+  .pl4-l  {  padding-left: 2rem;  padding-left: var(--spacing-large); }
+  .pl5-l  {  padding-left: 4rem;  padding-left: var(--spacing-extra-large); }
+  .pl6-l {  padding-left: 8rem;  padding-left: var(--spacing-extra-extra-large); }
+  .pl7-l { padding-left: 16rem; padding-left: var(--spacing-extra-extra-extra-large); }
+
+  .pr0-l  {  padding-right: 0;  padding-right: var(--spacing-none); }
+  .pr1-l {  padding-right: .25rem;  padding-right: var(--spacing-extra-small); }
+  .pr2-l  {  padding-right: .5rem;  padding-right: var(--spacing-small); }
+  .pr3-l  {  padding-right: 1rem;  padding-right: var(--spacing-medium); }
+  .pr4-l  {  padding-right: 2rem;  padding-right: var(--spacing-large); }
+  .pr5-l  {  padding-right: 4rem;  padding-right: var(--spacing-extra-large); }
+  .pr6-l {  padding-right: 8rem;  padding-right: var(--spacing-extra-extra-large); }
+  .pr7-l { padding-right: 16rem; padding-right: var(--spacing-extra-extra-extra-large); }
+
+  .pb0-l  {  padding-bottom: 0;  padding-bottom: var(--spacing-none); }
+  .pb1-l {  padding-bottom: .25rem;  padding-bottom: var(--spacing-extra-small); }
+  .pb2-l  {  padding-bottom: .5rem;  padding-bottom: var(--spacing-small); }
+  .pb3-l  {  padding-bottom: 1rem;  padding-bottom: var(--spacing-medium); }
+  .pb4-l  {  padding-bottom: 2rem;  padding-bottom: var(--spacing-large); }
+  .pb5-l  {  padding-bottom: 4rem;  padding-bottom: var(--spacing-extra-large); }
+  .pb6-l {  padding-bottom: 8rem;  padding-bottom: var(--spacing-extra-extra-large); }
+  .pb7-l { padding-bottom: 16rem; padding-bottom: var(--spacing-extra-extra-extra-large); }
+
+  .pt0-l  {  padding-top: 0;  padding-top: var(--spacing-none); }
+  .pt1-l {  padding-top: .25rem;  padding-top: var(--spacing-extra-small); }
+  .pt2-l  {  padding-top: .5rem;  padding-top: var(--spacing-small); }
+  .pt3-l  {  padding-top: 1rem;  padding-top: var(--spacing-medium); }
+  .pt4-l  {  padding-top: 2rem;  padding-top: var(--spacing-large); }
+  .pt5-l  {  padding-top: 4rem;  padding-top: var(--spacing-extra-large); }
+  .pt6-l {  padding-top: 8rem;  padding-top: var(--spacing-extra-extra-large); }
+  .pt7-l { padding-top: 16rem; padding-top: var(--spacing-extra-extra-extra-large); }
+
+  .pv0-l {
+    padding-top: 0;
+    padding-top: var(--spacing-none);
+    padding-bottom: 0;
+    padding-bottom: var(--spacing-none);
+  }
+  .pv1-l {
+    padding-top: .25rem;
+    padding-top: var(--spacing-extra-small);
+    padding-bottom: .25rem;
+    padding-bottom: var(--spacing-extra-small);
+  }
+  .pv2-l {
+    padding-top: .5rem;
+    padding-top: var(--spacing-small);
+    padding-bottom: .5rem;
+    padding-bottom: var(--spacing-small);
+  }
+  .pv3-l {
+    padding-top: 1rem;
+    padding-top: var(--spacing-medium);
+    padding-bottom: 1rem;
+    padding-bottom: var(--spacing-medium);
+  }
+  .pv4-l {
+    padding-top: 2rem;
+    padding-top: var(--spacing-large);
+    padding-bottom: 2rem;
+    padding-bottom: var(--spacing-large);
+  }
+  .pv5-l {
+    padding-top: 4rem;
+    padding-top: var(--spacing-extra-large);
+    padding-bottom: 4rem;
+    padding-bottom: var(--spacing-extra-large);
+  }
+  .pv6-l {
+    padding-top: 8rem;
+    padding-top: var(--spacing-extra-extra-large);
+    padding-bottom: 8rem;
+    padding-bottom: var(--spacing-extra-extra-large);
+  }
+  .pv7-l {
+    padding-top: 16rem;
+    padding-top: var(--spacing-extra-extra-extra-large);
+    padding-bottom: 16rem;
+    padding-bottom: var(--spacing-extra-extra-extra-large);
+  }
+
+  .ph0-l {
+    padding-left: 0;
+    padding-left: var(--spacing-none);
+    padding-right: 0;
+    padding-right: var(--spacing-none);
+  }
+  .ph1-l {
+    padding-left: .25rem;
+    padding-left: var(--spacing-extra-small);
+    padding-right: .25rem;
+    padding-right: var(--spacing-extra-small);
+  }
+  .ph2-l {
+    padding-left: .5rem;
+    padding-left: var(--spacing-small);
+    padding-right: .5rem;
+    padding-right: var(--spacing-small);
+  }
+  .ph3-l {
+    padding-left: 1rem;
+    padding-left: var(--spacing-medium);
+    padding-right: 1rem;
+    padding-right: var(--spacing-medium);
+  }
+  .ph4-l {
+    padding-left: 2rem;
+    padding-left: var(--spacing-large);
+    padding-right: 2rem;
+    padding-right: var(--spacing-large);
+  }
+  .ph5-l {
+    padding-left: 4rem;
+    padding-left: var(--spacing-extra-large);
+    padding-right: 4rem;
+    padding-right: var(--spacing-extra-large);
+  }
+  .ph6-l {
+    padding-left: 8rem;
+    padding-left: var(--spacing-extra-extra-large);
+    padding-right: 8rem;
+    padding-right: var(--spacing-extra-extra-large);
+  }
+  .ph7-l {
+    padding-left: 16rem;
+    padding-left: var(--spacing-extra-extra-extra-large);
+    padding-right: 16rem;
+    padding-right: var(--spacing-extra-extra-extra-large);
+  }
+
+  .ma0-l  {  margin: 0;  margin: var(--spacing-none); }
+  .ma1-l {  margin: .25rem;  margin: var(--spacing-extra-small); }
+  .ma2-l  {  margin: .5rem;  margin: var(--spacing-small); }
+  .ma3-l  {  margin: 1rem;  margin: var(--spacing-medium); }
+  .ma4-l  {  margin: 2rem;  margin: var(--spacing-large); }
+  .ma5-l  {  margin: 4rem;  margin: var(--spacing-extra-large); }
+  .ma6-l {  margin: 8rem;  margin: var(--spacing-extra-extra-large); }
+  .ma7-l { margin: 16rem; margin: var(--spacing-extra-extra-extra-large); }
+
+  .ml0-l  {  margin-left: 0;  margin-left: var(--spacing-none); }
+  .ml1-l {  margin-left: .25rem;  margin-left: var(--spacing-extra-small); }
+  .ml2-l  {  margin-left: .5rem;  margin-left: var(--spacing-small); }
+  .ml3-l  {  margin-left: 1rem;  margin-left: var(--spacing-medium); }
+  .ml4-l  {  margin-left: 2rem;  margin-left: var(--spacing-large); }
+  .ml5-l  {  margin-left: 4rem;  margin-left: var(--spacing-extra-large); }
+  .ml6-l {  margin-left: 8rem;  margin-left: var(--spacing-extra-extra-large); }
+  .ml7-l { margin-left: 16rem; margin-left: var(--spacing-extra-extra-extra-large); }
+
+  .mr0-l  {  margin-right: 0;  margin-right: var(--spacing-none); }
+  .mr1-l {  margin-right: .25rem;  margin-right: var(--spacing-extra-small); }
+  .mr2-l  {  margin-right: .5rem;  margin-right: var(--spacing-small); }
+  .mr3-l  {  margin-right: 1rem;  margin-right: var(--spacing-medium); }
+  .mr4-l  {  margin-right: 2rem;  margin-right: var(--spacing-large); }
+  .mr5-l  {  margin-right: 4rem;  margin-right: var(--spacing-extra-large); }
+  .mr6-l {  margin-right: 8rem;  margin-right: var(--spacing-extra-extra-large); }
+  .mr7-l { margin-right: 16rem; margin-right: var(--spacing-extra-extra-extra-large); }
+
+  .mb0-l  {  margin-bottom: 0;  margin-bottom: var(--spacing-none); }
+  .mb1-l {  margin-bottom: .25rem;  margin-bottom: var(--spacing-extra-small); }
+  .mb2-l  {  margin-bottom: .5rem;  margin-bottom: var(--spacing-small); }
+  .mb3-l  {  margin-bottom: 1rem;  margin-bottom: var(--spacing-medium); }
+  .mb4-l  {  margin-bottom: 2rem;  margin-bottom: var(--spacing-large); }
+  .mb5-l  {  margin-bottom: 4rem;  margin-bottom: var(--spacing-extra-large); }
+  .mb6-l {  margin-bottom: 8rem;  margin-bottom: var(--spacing-extra-extra-large); }
+  .mb7-l { margin-bottom: 16rem; margin-bottom: var(--spacing-extra-extra-extra-large); }
+
+  .mt0-l  {  margin-top: 0;  margin-top: var(--spacing-none); }
+  .mt1-l {  margin-top: .25rem;  margin-top: var(--spacing-extra-small); }
+  .mt2-l  {  margin-top: .5rem;  margin-top: var(--spacing-small); }
+  .mt3-l  {  margin-top: 1rem;  margin-top: var(--spacing-medium); }
+  .mt4-l  {  margin-top: 2rem;  margin-top: var(--spacing-large); }
+  .mt5-l  {  margin-top: 4rem;  margin-top: var(--spacing-extra-large); }
+  .mt6-l {  margin-top: 8rem;  margin-top: var(--spacing-extra-extra-large); }
+  .mt7-l { margin-top: 16rem; margin-top: var(--spacing-extra-extra-extra-large); }
+
+  .mv0-l {
+    margin-top: 0;
+    margin-top: var(--spacing-none);
+    margin-bottom: 0;
+    margin-bottom: var(--spacing-none);
+  }
+  .mv1-l {
+    margin-top: .25rem;
+    margin-top: var(--spacing-extra-small);
+    margin-bottom: .25rem;
+    margin-bottom: var(--spacing-extra-small);
+  }
+  .mv2-l {
+    margin-top: .5rem;
+    margin-top: var(--spacing-small);
+    margin-bottom: .5rem;
+    margin-bottom: var(--spacing-small);
+  }
+  .mv3-l {
+    margin-top: 1rem;
+    margin-top: var(--spacing-medium);
+    margin-bottom: 1rem;
+    margin-bottom: var(--spacing-medium);
+  }
+  .mv4-l {
+    margin-top: 2rem;
+    margin-top: var(--spacing-large);
+    margin-bottom: 2rem;
+    margin-bottom: var(--spacing-large);
+  }
+  .mv5-l {
+    margin-top: 4rem;
+    margin-top: var(--spacing-extra-large);
+    margin-bottom: 4rem;
+    margin-bottom: var(--spacing-extra-large);
+  }
+  .mv6-l {
+    margin-top: 8rem;
+    margin-top: var(--spacing-extra-extra-large);
+    margin-bottom: 8rem;
+    margin-bottom: var(--spacing-extra-extra-large);
+  }
+  .mv7-l {
+    margin-top: 16rem;
+    margin-top: var(--spacing-extra-extra-extra-large);
+    margin-bottom: 16rem;
+    margin-bottom: var(--spacing-extra-extra-extra-large);
+  }
+
+  .mh0-l {
+    margin-left: 0;
+    margin-left: var(--spacing-none);
+    margin-right: 0;
+    margin-right: var(--spacing-none);
+  }
+  .mh1-l {
+    margin-left: .25rem;
+    margin-left: var(--spacing-extra-small);
+    margin-right: .25rem;
+    margin-right: var(--spacing-extra-small);
+  }
+  .mh2-l {
+    margin-left: .5rem;
+    margin-left: var(--spacing-small);
+    margin-right: .5rem;
+    margin-right: var(--spacing-small);
+  }
+  .mh3-l {
+    margin-left: 1rem;
+    margin-left: var(--spacing-medium);
+    margin-right: 1rem;
+    margin-right: var(--spacing-medium);
+  }
+  .mh4-l {
+    margin-left: 2rem;
+    margin-left: var(--spacing-large);
+    margin-right: 2rem;
+    margin-right: var(--spacing-large);
+  }
+  .mh5-l {
+    margin-left: 4rem;
+    margin-left: var(--spacing-extra-large);
+    margin-right: 4rem;
+    margin-right: var(--spacing-extra-large);
+  }
+  .mh6-l {
+    margin-left: 8rem;
+    margin-left: var(--spacing-extra-extra-large);
+    margin-right: 8rem;
+    margin-right: var(--spacing-extra-extra-large);
+  }
+  .mh7-l {
+    margin-left: 16rem;
+    margin-left: var(--spacing-extra-extra-extra-large);
+    margin-right: 16rem;
+    margin-right: var(--spacing-extra-extra-extra-large);
+  }
+}
+
+@media (--breakpoint-large) {
+  .pa0-l  {  padding: 0;  padding: var(--spacing-none); }
+  .pa1-l {  padding: .25rem;  padding: var(--spacing-extra-small); }
+  .pa2-l  {  padding: .5rem;  padding: var(--spacing-small); }
+  .pa3-l  {  padding: 1rem;  padding: var(--spacing-medium); }
+  .pa4-l  {  padding: 2rem;  padding: var(--spacing-large); }
+  .pa5-l  {  padding: 4rem;  padding: var(--spacing-extra-large); }
+  .pa6-l {  padding: 8rem;  padding: var(--spacing-extra-extra-large); }
+  .pa7-l { padding: 16rem; padding: var(--spacing-extra-extra-extra-large); }
+
+  .pl0-l  {  padding-left: 0;  padding-left: var(--spacing-none); }
+  .pl1-l {  padding-left: .25rem;  padding-left: var(--spacing-extra-small); }
+  .pl2-l  {  padding-left: .5rem;  padding-left: var(--spacing-small); }
+  .pl3-l  {  padding-left: 1rem;  padding-left: var(--spacing-medium); }
+  .pl4-l  {  padding-left: 2rem;  padding-left: var(--spacing-large); }
+  .pl5-l  {  padding-left: 4rem;  padding-left: var(--spacing-extra-large); }
+  .pl6-l {  padding-left: 8rem;  padding-left: var(--spacing-extra-extra-large); }
+  .pl7-l { padding-left: 16rem; padding-left: var(--spacing-extra-extra-extra-large); }
+
+  .pr0-l  {  padding-right: 0;  padding-right: var(--spacing-none); }
+  .pr1-l {  padding-right: .25rem;  padding-right: var(--spacing-extra-small); }
+  .pr2-l  {  padding-right: .5rem;  padding-right: var(--spacing-small); }
+  .pr3-l  {  padding-right: 1rem;  padding-right: var(--spacing-medium); }
+  .pr4-l  {  padding-right: 2rem;  padding-right: var(--spacing-large); }
+  .pr5-l  {  padding-right: 4rem;  padding-right: var(--spacing-extra-large); }
+  .pr6-l {  padding-right: 8rem;  padding-right: var(--spacing-extra-extra-large); }
+  .pr7-l { padding-right: 16rem; padding-right: var(--spacing-extra-extra-extra-large); }
+
+  .pb0-l  {  padding-bottom: 0;  padding-bottom: var(--spacing-none); }
+  .pb1-l {  padding-bottom: .25rem;  padding-bottom: var(--spacing-extra-small); }
+  .pb2-l  {  padding-bottom: .5rem;  padding-bottom: var(--spacing-small); }
+  .pb3-l  {  padding-bottom: 1rem;  padding-bottom: var(--spacing-medium); }
+  .pb4-l  {  padding-bottom: 2rem;  padding-bottom: var(--spacing-large); }
+  .pb5-l  {  padding-bottom: 4rem;  padding-bottom: var(--spacing-extra-large); }
+  .pb6-l {  padding-bottom: 8rem;  padding-bottom: var(--spacing-extra-extra-large); }
+  .pb7-l { padding-bottom: 16rem; padding-bottom: var(--spacing-extra-extra-extra-large); }
+
+  .pt0-l  {  padding-top: 0;  padding-top: var(--spacing-none); }
+  .pt1-l {  padding-top: .25rem;  padding-top: var(--spacing-extra-small); }
+  .pt2-l  {  padding-top: .5rem;  padding-top: var(--spacing-small); }
+  .pt3-l  {  padding-top: 1rem;  padding-top: var(--spacing-medium); }
+  .pt4-l  {  padding-top: 2rem;  padding-top: var(--spacing-large); }
+  .pt5-l  {  padding-top: 4rem;  padding-top: var(--spacing-extra-large); }
+  .pt6-l {  padding-top: 8rem;  padding-top: var(--spacing-extra-extra-large); }
+  .pt7-l { padding-top: 16rem; padding-top: var(--spacing-extra-extra-extra-large); }
+
+  .pv0-l {
+    padding-top: 0;
+    padding-top: var(--spacing-none);
+    padding-bottom: 0;
+    padding-bottom: var(--spacing-none);
+  }
+  .pv1-l {
+    padding-top: .25rem;
+    padding-top: var(--spacing-extra-small);
+    padding-bottom: .25rem;
+    padding-bottom: var(--spacing-extra-small);
+  }
+  .pv2-l {
+    padding-top: .5rem;
+    padding-top: var(--spacing-small);
+    padding-bottom: .5rem;
+    padding-bottom: var(--spacing-small);
+  }
+  .pv3-l {
+    padding-top: 1rem;
+    padding-top: var(--spacing-medium);
+    padding-bottom: 1rem;
+    padding-bottom: var(--spacing-medium);
+  }
+  .pv4-l {
+    padding-top: 2rem;
+    padding-top: var(--spacing-large);
+    padding-bottom: 2rem;
+    padding-bottom: var(--spacing-large);
+  }
+  .pv5-l {
+    padding-top: 4rem;
+    padding-top: var(--spacing-extra-large);
+    padding-bottom: 4rem;
+    padding-bottom: var(--spacing-extra-large);
+  }
+  .pv6-l {
+    padding-top: 8rem;
+    padding-top: var(--spacing-extra-extra-large);
+    padding-bottom: 8rem;
+    padding-bottom: var(--spacing-extra-extra-large);
+  }
+  .pv7-l {
+    padding-top: 16rem;
+    padding-top: var(--spacing-extra-extra-extra-large);
+    padding-bottom: 16rem;
+    padding-bottom: var(--spacing-extra-extra-extra-large);
+  }
+
+  .ph0-l {
+    padding-left: 0;
+    padding-left: var(--spacing-none);
+    padding-right: 0;
+    padding-right: var(--spacing-none);
+  }
+  .ph1-l {
+    padding-left: .25rem;
+    padding-left: var(--spacing-extra-small);
+    padding-right: .25rem;
+    padding-right: var(--spacing-extra-small);
+  }
+  .ph2-l {
+    padding-left: .5rem;
+    padding-left: var(--spacing-small);
+    padding-right: .5rem;
+    padding-right: var(--spacing-small);
+  }
+  .ph3-l {
+    padding-left: 1rem;
+    padding-left: var(--spacing-medium);
+    padding-right: 1rem;
+    padding-right: var(--spacing-medium);
+  }
+  .ph4-l {
+    padding-left: 2rem;
+    padding-left: var(--spacing-large);
+    padding-right: 2rem;
+    padding-right: var(--spacing-large);
+  }
+  .ph5-l {
+    padding-left: 4rem;
+    padding-left: var(--spacing-extra-large);
+    padding-right: 4rem;
+    padding-right: var(--spacing-extra-large);
+  }
+  .ph6-l {
+    padding-left: 8rem;
+    padding-left: var(--spacing-extra-extra-large);
+    padding-right: 8rem;
+    padding-right: var(--spacing-extra-extra-large);
+  }
+  .ph7-l {
+    padding-left: 16rem;
+    padding-left: var(--spacing-extra-extra-extra-large);
+    padding-right: 16rem;
+    padding-right: var(--spacing-extra-extra-extra-large);
+  }
+
+  .ma0-l  {  margin: 0;  margin: var(--spacing-none); }
+  .ma1-l {  margin: .25rem;  margin: var(--spacing-extra-small); }
+  .ma2-l  {  margin: .5rem;  margin: var(--spacing-small); }
+  .ma3-l  {  margin: 1rem;  margin: var(--spacing-medium); }
+  .ma4-l  {  margin: 2rem;  margin: var(--spacing-large); }
+  .ma5-l  {  margin: 4rem;  margin: var(--spacing-extra-large); }
+  .ma6-l {  margin: 8rem;  margin: var(--spacing-extra-extra-large); }
+  .ma7-l { margin: 16rem; margin: var(--spacing-extra-extra-extra-large); }
+
+  .ml0-l  {  margin-left: 0;  margin-left: var(--spacing-none); }
+  .ml1-l {  margin-left: .25rem;  margin-left: var(--spacing-extra-small); }
+  .ml2-l  {  margin-left: .5rem;  margin-left: var(--spacing-small); }
+  .ml3-l  {  margin-left: 1rem;  margin-left: var(--spacing-medium); }
+  .ml4-l  {  margin-left: 2rem;  margin-left: var(--spacing-large); }
+  .ml5-l  {  margin-left: 4rem;  margin-left: var(--spacing-extra-large); }
+  .ml6-l {  margin-left: 8rem;  margin-left: var(--spacing-extra-extra-large); }
+  .ml7-l { margin-left: 16rem; margin-left: var(--spacing-extra-extra-extra-large); }
+
+  .mr0-l  {  margin-right: 0;  margin-right: var(--spacing-none); }
+  .mr1-l {  margin-right: .25rem;  margin-right: var(--spacing-extra-small); }
+  .mr2-l  {  margin-right: .5rem;  margin-right: var(--spacing-small); }
+  .mr3-l  {  margin-right: 1rem;  margin-right: var(--spacing-medium); }
+  .mr4-l  {  margin-right: 2rem;  margin-right: var(--spacing-large); }
+  .mr5-l  {  margin-right: 4rem;  margin-right: var(--spacing-extra-large); }
+  .mr6-l {  margin-right: 8rem;  margin-right: var(--spacing-extra-extra-large); }
+  .mr7-l { margin-right: 16rem; margin-right: var(--spacing-extra-extra-extra-large); }
+
+  .mb0-l  {  margin-bottom: 0;  margin-bottom: var(--spacing-none); }
+  .mb1-l {  margin-bottom: .25rem;  margin-bottom: var(--spacing-extra-small); }
+  .mb2-l  {  margin-bottom: .5rem;  margin-bottom: var(--spacing-small); }
+  .mb3-l  {  margin-bottom: 1rem;  margin-bottom: var(--spacing-medium); }
+  .mb4-l  {  margin-bottom: 2rem;  margin-bottom: var(--spacing-large); }
+  .mb5-l  {  margin-bottom: 4rem;  margin-bottom: var(--spacing-extra-large); }
+  .mb6-l {  margin-bottom: 8rem;  margin-bottom: var(--spacing-extra-extra-large); }
+  .mb7-l { margin-bottom: 16rem; margin-bottom: var(--spacing-extra-extra-extra-large); }
+
+  .mt0-l  {  margin-top: 0;  margin-top: var(--spacing-none); }
+  .mt1-l {  margin-top: .25rem;  margin-top: var(--spacing-extra-small); }
+  .mt2-l  {  margin-top: .5rem;  margin-top: var(--spacing-small); }
+  .mt3-l  {  margin-top: 1rem;  margin-top: var(--spacing-medium); }
+  .mt4-l  {  margin-top: 2rem;  margin-top: var(--spacing-large); }
+  .mt5-l  {  margin-top: 4rem;  margin-top: var(--spacing-extra-large); }
+  .mt6-l {  margin-top: 8rem;  margin-top: var(--spacing-extra-extra-large); }
+  .mt7-l { margin-top: 16rem; margin-top: var(--spacing-extra-extra-extra-large); }
+
+  .mv0-l {
+    margin-top: 0;
+    margin-top: var(--spacing-none);
+    margin-bottom: 0;
+    margin-bottom: var(--spacing-none);
+  }
+  .mv1-l {
+    margin-top: .25rem;
+    margin-top: var(--spacing-extra-small);
+    margin-bottom: .25rem;
+    margin-bottom: var(--spacing-extra-small);
+  }
+  .mv2-l {
+    margin-top: .5rem;
+    margin-top: var(--spacing-small);
+    margin-bottom: .5rem;
+    margin-bottom: var(--spacing-small);
+  }
+  .mv3-l {
+    margin-top: 1rem;
+    margin-top: var(--spacing-medium);
+    margin-bottom: 1rem;
+    margin-bottom: var(--spacing-medium);
+  }
+  .mv4-l {
+    margin-top: 2rem;
+    margin-top: var(--spacing-large);
+    margin-bottom: 2rem;
+    margin-bottom: var(--spacing-large);
+  }
+  .mv5-l {
+    margin-top: 4rem;
+    margin-top: var(--spacing-extra-large);
+    margin-bottom: 4rem;
+    margin-bottom: var(--spacing-extra-large);
+  }
+  .mv6-l {
+    margin-top: 8rem;
+    margin-top: var(--spacing-extra-extra-large);
+    margin-bottom: 8rem;
+    margin-bottom: var(--spacing-extra-extra-large);
+  }
+  .mv7-l {
+    margin-top: 16rem;
+    margin-top: var(--spacing-extra-extra-extra-large);
+    margin-bottom: 16rem;
+    margin-bottom: var(--spacing-extra-extra-extra-large);
+  }
+
+  .mh0-l {
+    margin-left: 0;
+    margin-left: var(--spacing-none);
+    margin-right: 0;
+    margin-right: var(--spacing-none);
+  }
+  .mh1-l {
+    margin-left: .25rem;
+    margin-left: var(--spacing-extra-small);
+    margin-right: .25rem;
+    margin-right: var(--spacing-extra-small);
+  }
+  .mh2-l {
+    margin-left: .5rem;
+    margin-left: var(--spacing-small);
+    margin-right: .5rem;
+    margin-right: var(--spacing-small);
+  }
+  .mh3-l {
+    margin-left: 1rem;
+    margin-left: var(--spacing-medium);
+    margin-right: 1rem;
+    margin-right: var(--spacing-medium);
+  }
+  .mh4-l {
+    margin-left: 2rem;
+    margin-left: var(--spacing-large);
+    margin-right: 2rem;
+    margin-right: var(--spacing-large);
+  }
+  .mh5-l {
+    margin-left: 4rem;
+    margin-left: var(--spacing-extra-large);
+    margin-right: 4rem;
+    margin-right: var(--spacing-extra-large);
+  }
+  .mh6-l {
+    margin-left: 8rem;
+    margin-left: var(--spacing-extra-extra-large);
+    margin-right: 8rem;
+    margin-right: var(--spacing-extra-extra-large);
+  }
+  .mh7-l {
+    margin-left: 16rem;
+    margin-left: var(--spacing-extra-extra-extra-large);
+    margin-right: 16rem;
+    margin-right: var(--spacing-extra-extra-extra-large);
+  }
+}
+
+/*
+   NEGATIVE MARGINS
+
+   Base:
+     n = negative
+
+   Modifiers:
+     a = all
+     t = top
+     r = right
+     b = bottom
+     l = left
+
+     1 = 1st step in spacing scale
+     2 = 2nd step in spacing scale
+     3 = 3rd step in spacing scale
+     4 = 4th step in spacing scale
+     5 = 5th step in spacing scale
+     6 = 6th step in spacing scale
+     7 = 7th step in spacing scale
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.na1 { margin: -var(--spacing-extra-small); }
+
+.na2 { margin: -var(--spacing-small); }
+
+.na3 { margin: -var(--spacing-medium); }
+
+.na4 { margin: -var(--spacing-large); }
+
+.na5 { margin: -var(--spacing-extra-large); }
+
+.na6 { margin: -var(--spacing-extra-extra-large); }
+
+.na7 { margin: -var(--spacing-extra-extra-extra-large); }
+
+.nl1 { margin-left: -var(--spacing-extra-small); }
+
+.nl2 { margin-left: -var(--spacing-small); }
+
+.nl3 { margin-left: -var(--spacing-medium); }
+
+.nl4 { margin-left: -var(--spacing-large); }
+
+.nl5 { margin-left: -var(--spacing-extra-large); }
+
+.nl6 { margin-left: -var(--spacing-extra-extra-large); }
+
+.nl7 { margin-left: -var(--spacing-extra-extra-extra-large); }
+
+.nr1 { margin-right: -var(--spacing-extra-small); }
+
+.nr2 { margin-right: -var(--spacing-small); }
+
+.nr3 { margin-right: -var(--spacing-medium); }
+
+.nr4 { margin-right: -var(--spacing-large); }
+
+.nr5 { margin-right: -var(--spacing-extra-large); }
+
+.nr6 { margin-right: -var(--spacing-extra-extra-large); }
+
+.nr7 { margin-right: -var(--spacing-extra-extra-extra-large); }
+
+.nb1 { margin-bottom: -var(--spacing-extra-small); }
+
+.nb2 { margin-bottom: -var(--spacing-small); }
+
+.nb3 { margin-bottom: -var(--spacing-medium); }
+
+.nb4 { margin-bottom: -var(--spacing-large); }
+
+.nb5 { margin-bottom: -var(--spacing-extra-large); }
+
+.nb6 { margin-bottom: -var(--spacing-extra-extra-large); }
+
+.nb7 { margin-bottom: -var(--spacing-extra-extra-extra-large); }
+
+.nt1 { margin-top: -var(--spacing-extra-small); }
+
+.nt2 { margin-top: -var(--spacing-small); }
+
+.nt3 { margin-top: -var(--spacing-medium); }
+
+.nt4 { margin-top: -var(--spacing-large); }
+
+.nt5 { margin-top: -var(--spacing-extra-large); }
+
+.nt6 { margin-top: -var(--spacing-extra-extra-large); }
+
+.nt7 { margin-top: -var(--spacing-extra-extra-extra-large); }
+
+@media screen and (min-width: 30em) {
+
+  .na1-ns { margin: -var(--spacing-extra-small); }
+  .na2-ns { margin: -var(--spacing-small); }
+  .na3-ns { margin: -var(--spacing-medium); }
+  .na4-ns { margin: -var(--spacing-large); }
+  .na5-ns { margin: -var(--spacing-extra-large); }
+  .na6-ns { margin: -var(--spacing-extra-extra-large); }
+  .na7-ns { margin: -var(--spacing-extra-extra-extra-large); }
+
+  .nl1-ns { margin-left: -var(--spacing-extra-small); }
+  .nl2-ns { margin-left: -var(--spacing-small); }
+  .nl3-ns { margin-left: -var(--spacing-medium); }
+  .nl4-ns { margin-left: -var(--spacing-large); }
+  .nl5-ns { margin-left: -var(--spacing-extra-large); }
+  .nl6-ns { margin-left: -var(--spacing-extra-extra-large); }
+  .nl7-ns { margin-left: -var(--spacing-extra-extra-extra-large); }
+
+  .nr1-ns { margin-right: -var(--spacing-extra-small); }
+  .nr2-ns { margin-right: -var(--spacing-small); }
+  .nr3-ns { margin-right: -var(--spacing-medium); }
+  .nr4-ns { margin-right: -var(--spacing-large); }
+  .nr5-ns { margin-right: -var(--spacing-extra-large); }
+  .nr6-ns { margin-right: -var(--spacing-extra-extra-large); }
+  .nr7-ns { margin-right: -var(--spacing-extra-extra-extra-large); }
+
+  .nb1-ns { margin-bottom: -var(--spacing-extra-small); }
+  .nb2-ns { margin-bottom: -var(--spacing-small); }
+  .nb3-ns { margin-bottom: -var(--spacing-medium); }
+  .nb4-ns { margin-bottom: -var(--spacing-large); }
+  .nb5-ns { margin-bottom: -var(--spacing-extra-large); }
+  .nb6-ns { margin-bottom: -var(--spacing-extra-extra-large); }
+  .nb7-ns { margin-bottom: -var(--spacing-extra-extra-extra-large); }
+
+  .nt1-ns { margin-top: -var(--spacing-extra-small); }
+  .nt2-ns { margin-top: -var(--spacing-small); }
+  .nt3-ns { margin-top: -var(--spacing-medium); }
+  .nt4-ns { margin-top: -var(--spacing-large); }
+  .nt5-ns { margin-top: -var(--spacing-extra-large); }
+  .nt6-ns { margin-top: -var(--spacing-extra-extra-large); }
+  .nt7-ns { margin-top: -var(--spacing-extra-extra-extra-large); }
+
+}
+
+@media (--breakpoint-not-small) {
+
+  .na1-ns { margin: -var(--spacing-extra-small); }
+  .na2-ns { margin: -var(--spacing-small); }
+  .na3-ns { margin: -var(--spacing-medium); }
+  .na4-ns { margin: -var(--spacing-large); }
+  .na5-ns { margin: -var(--spacing-extra-large); }
+  .na6-ns { margin: -var(--spacing-extra-extra-large); }
+  .na7-ns { margin: -var(--spacing-extra-extra-extra-large); }
+
+  .nl1-ns { margin-left: -var(--spacing-extra-small); }
+  .nl2-ns { margin-left: -var(--spacing-small); }
+  .nl3-ns { margin-left: -var(--spacing-medium); }
+  .nl4-ns { margin-left: -var(--spacing-large); }
+  .nl5-ns { margin-left: -var(--spacing-extra-large); }
+  .nl6-ns { margin-left: -var(--spacing-extra-extra-large); }
+  .nl7-ns { margin-left: -var(--spacing-extra-extra-extra-large); }
+
+  .nr1-ns { margin-right: -var(--spacing-extra-small); }
+  .nr2-ns { margin-right: -var(--spacing-small); }
+  .nr3-ns { margin-right: -var(--spacing-medium); }
+  .nr4-ns { margin-right: -var(--spacing-large); }
+  .nr5-ns { margin-right: -var(--spacing-extra-large); }
+  .nr6-ns { margin-right: -var(--spacing-extra-extra-large); }
+  .nr7-ns { margin-right: -var(--spacing-extra-extra-extra-large); }
+
+  .nb1-ns { margin-bottom: -var(--spacing-extra-small); }
+  .nb2-ns { margin-bottom: -var(--spacing-small); }
+  .nb3-ns { margin-bottom: -var(--spacing-medium); }
+  .nb4-ns { margin-bottom: -var(--spacing-large); }
+  .nb5-ns { margin-bottom: -var(--spacing-extra-large); }
+  .nb6-ns { margin-bottom: -var(--spacing-extra-extra-large); }
+  .nb7-ns { margin-bottom: -var(--spacing-extra-extra-extra-large); }
+
+  .nt1-ns { margin-top: -var(--spacing-extra-small); }
+  .nt2-ns { margin-top: -var(--spacing-small); }
+  .nt3-ns { margin-top: -var(--spacing-medium); }
+  .nt4-ns { margin-top: -var(--spacing-large); }
+  .nt5-ns { margin-top: -var(--spacing-extra-large); }
+  .nt6-ns { margin-top: -var(--spacing-extra-extra-large); }
+  .nt7-ns { margin-top: -var(--spacing-extra-extra-extra-large); }
+
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .na1-m { margin: -var(--spacing-extra-small); }
+  .na2-m { margin: -var(--spacing-small); }
+  .na3-m { margin: -var(--spacing-medium); }
+  .na4-m { margin: -var(--spacing-large); }
+  .na5-m { margin: -var(--spacing-extra-large); }
+  .na6-m { margin: -var(--spacing-extra-extra-large); }
+  .na7-m { margin: -var(--spacing-extra-extra-extra-large); }
+
+  .nl1-m { margin-left: -var(--spacing-extra-small); }
+  .nl2-m { margin-left: -var(--spacing-small); }
+  .nl3-m { margin-left: -var(--spacing-medium); }
+  .nl4-m { margin-left: -var(--spacing-large); }
+  .nl5-m { margin-left: -var(--spacing-extra-large); }
+  .nl6-m { margin-left: -var(--spacing-extra-extra-large); }
+  .nl7-m { margin-left: -var(--spacing-extra-extra-extra-large); }
+
+  .nr1-m { margin-right: -var(--spacing-extra-small); }
+  .nr2-m { margin-right: -var(--spacing-small); }
+  .nr3-m { margin-right: -var(--spacing-medium); }
+  .nr4-m { margin-right: -var(--spacing-large); }
+  .nr5-m { margin-right: -var(--spacing-extra-large); }
+  .nr6-m { margin-right: -var(--spacing-extra-extra-large); }
+  .nr7-m { margin-right: -var(--spacing-extra-extra-extra-large); }
+
+  .nb1-m { margin-bottom: -var(--spacing-extra-small); }
+  .nb2-m { margin-bottom: -var(--spacing-small); }
+  .nb3-m { margin-bottom: -var(--spacing-medium); }
+  .nb4-m { margin-bottom: -var(--spacing-large); }
+  .nb5-m { margin-bottom: -var(--spacing-extra-large); }
+  .nb6-m { margin-bottom: -var(--spacing-extra-extra-large); }
+  .nb7-m { margin-bottom: -var(--spacing-extra-extra-extra-large); }
+
+  .nt1-m { margin-top: -var(--spacing-extra-small); }
+  .nt2-m { margin-top: -var(--spacing-small); }
+  .nt3-m { margin-top: -var(--spacing-medium); }
+  .nt4-m { margin-top: -var(--spacing-large); }
+  .nt5-m { margin-top: -var(--spacing-extra-large); }
+  .nt6-m { margin-top: -var(--spacing-extra-extra-large); }
+  .nt7-m { margin-top: -var(--spacing-extra-extra-extra-large); }
+
+}
+
+@media (--breakpoint-medium) {
+  .na1-m { margin: -var(--spacing-extra-small); }
+  .na2-m { margin: -var(--spacing-small); }
+  .na3-m { margin: -var(--spacing-medium); }
+  .na4-m { margin: -var(--spacing-large); }
+  .na5-m { margin: -var(--spacing-extra-large); }
+  .na6-m { margin: -var(--spacing-extra-extra-large); }
+  .na7-m { margin: -var(--spacing-extra-extra-extra-large); }
+
+  .nl1-m { margin-left: -var(--spacing-extra-small); }
+  .nl2-m { margin-left: -var(--spacing-small); }
+  .nl3-m { margin-left: -var(--spacing-medium); }
+  .nl4-m { margin-left: -var(--spacing-large); }
+  .nl5-m { margin-left: -var(--spacing-extra-large); }
+  .nl6-m { margin-left: -var(--spacing-extra-extra-large); }
+  .nl7-m { margin-left: -var(--spacing-extra-extra-extra-large); }
+
+  .nr1-m { margin-right: -var(--spacing-extra-small); }
+  .nr2-m { margin-right: -var(--spacing-small); }
+  .nr3-m { margin-right: -var(--spacing-medium); }
+  .nr4-m { margin-right: -var(--spacing-large); }
+  .nr5-m { margin-right: -var(--spacing-extra-large); }
+  .nr6-m { margin-right: -var(--spacing-extra-extra-large); }
+  .nr7-m { margin-right: -var(--spacing-extra-extra-extra-large); }
+
+  .nb1-m { margin-bottom: -var(--spacing-extra-small); }
+  .nb2-m { margin-bottom: -var(--spacing-small); }
+  .nb3-m { margin-bottom: -var(--spacing-medium); }
+  .nb4-m { margin-bottom: -var(--spacing-large); }
+  .nb5-m { margin-bottom: -var(--spacing-extra-large); }
+  .nb6-m { margin-bottom: -var(--spacing-extra-extra-large); }
+  .nb7-m { margin-bottom: -var(--spacing-extra-extra-extra-large); }
+
+  .nt1-m { margin-top: -var(--spacing-extra-small); }
+  .nt2-m { margin-top: -var(--spacing-small); }
+  .nt3-m { margin-top: -var(--spacing-medium); }
+  .nt4-m { margin-top: -var(--spacing-large); }
+  .nt5-m { margin-top: -var(--spacing-extra-large); }
+  .nt6-m { margin-top: -var(--spacing-extra-extra-large); }
+  .nt7-m { margin-top: -var(--spacing-extra-extra-extra-large); }
+
+}
+
+@media screen and (min-width: 60em) {
+  .na1-l { margin: -var(--spacing-extra-small); }
+  .na2-l { margin: -var(--spacing-small); }
+  .na3-l { margin: -var(--spacing-medium); }
+  .na4-l { margin: -var(--spacing-large); }
+  .na5-l { margin: -var(--spacing-extra-large); }
+  .na6-l { margin: -var(--spacing-extra-extra-large); }
+  .na7-l { margin: -var(--spacing-extra-extra-extra-large); }
+
+  .nl1-l { margin-left: -var(--spacing-extra-small); }
+  .nl2-l { margin-left: -var(--spacing-small); }
+  .nl3-l { margin-left: -var(--spacing-medium); }
+  .nl4-l { margin-left: -var(--spacing-large); }
+  .nl5-l { margin-left: -var(--spacing-extra-large); }
+  .nl6-l { margin-left: -var(--spacing-extra-extra-large); }
+  .nl7-l { margin-left: -var(--spacing-extra-extra-extra-large); }
+
+  .nr1-l { margin-right: -var(--spacing-extra-small); }
+  .nr2-l { margin-right: -var(--spacing-small); }
+  .nr3-l { margin-right: -var(--spacing-medium); }
+  .nr4-l { margin-right: -var(--spacing-large); }
+  .nr5-l { margin-right: -var(--spacing-extra-large); }
+  .nr6-l { margin-right: -var(--spacing-extra-extra-large); }
+  .nr7-l { margin-right: -var(--spacing-extra-extra-extra-large); }
+
+  .nb1-l { margin-bottom: -var(--spacing-extra-small); }
+  .nb2-l { margin-bottom: -var(--spacing-small); }
+  .nb3-l { margin-bottom: -var(--spacing-medium); }
+  .nb4-l { margin-bottom: -var(--spacing-large); }
+  .nb5-l { margin-bottom: -var(--spacing-extra-large); }
+  .nb6-l { margin-bottom: -var(--spacing-extra-extra-large); }
+  .nb7-l { margin-bottom: -var(--spacing-extra-extra-extra-large); }
+
+  .nt1-l { margin-top: -var(--spacing-extra-small); }
+  .nt2-l { margin-top: -var(--spacing-small); }
+  .nt3-l { margin-top: -var(--spacing-medium); }
+  .nt4-l { margin-top: -var(--spacing-large); }
+  .nt5-l { margin-top: -var(--spacing-extra-large); }
+  .nt6-l { margin-top: -var(--spacing-extra-extra-large); }
+  .nt7-l { margin-top: -var(--spacing-extra-extra-extra-large); }
+}
+
+@media (--breakpoint-large) {
+  .na1-l { margin: -var(--spacing-extra-small); }
+  .na2-l { margin: -var(--spacing-small); }
+  .na3-l { margin: -var(--spacing-medium); }
+  .na4-l { margin: -var(--spacing-large); }
+  .na5-l { margin: -var(--spacing-extra-large); }
+  .na6-l { margin: -var(--spacing-extra-extra-large); }
+  .na7-l { margin: -var(--spacing-extra-extra-extra-large); }
+
+  .nl1-l { margin-left: -var(--spacing-extra-small); }
+  .nl2-l { margin-left: -var(--spacing-small); }
+  .nl3-l { margin-left: -var(--spacing-medium); }
+  .nl4-l { margin-left: -var(--spacing-large); }
+  .nl5-l { margin-left: -var(--spacing-extra-large); }
+  .nl6-l { margin-left: -var(--spacing-extra-extra-large); }
+  .nl7-l { margin-left: -var(--spacing-extra-extra-extra-large); }
+
+  .nr1-l { margin-right: -var(--spacing-extra-small); }
+  .nr2-l { margin-right: -var(--spacing-small); }
+  .nr3-l { margin-right: -var(--spacing-medium); }
+  .nr4-l { margin-right: -var(--spacing-large); }
+  .nr5-l { margin-right: -var(--spacing-extra-large); }
+  .nr6-l { margin-right: -var(--spacing-extra-extra-large); }
+  .nr7-l { margin-right: -var(--spacing-extra-extra-extra-large); }
+
+  .nb1-l { margin-bottom: -var(--spacing-extra-small); }
+  .nb2-l { margin-bottom: -var(--spacing-small); }
+  .nb3-l { margin-bottom: -var(--spacing-medium); }
+  .nb4-l { margin-bottom: -var(--spacing-large); }
+  .nb5-l { margin-bottom: -var(--spacing-extra-large); }
+  .nb6-l { margin-bottom: -var(--spacing-extra-extra-large); }
+  .nb7-l { margin-bottom: -var(--spacing-extra-extra-extra-large); }
+
+  .nt1-l { margin-top: -var(--spacing-extra-small); }
+  .nt2-l { margin-top: -var(--spacing-small); }
+  .nt3-l { margin-top: -var(--spacing-medium); }
+  .nt4-l { margin-top: -var(--spacing-large); }
+  .nt5-l { margin-top: -var(--spacing-extra-large); }
+  .nt6-l { margin-top: -var(--spacing-extra-extra-large); }
+  .nt7-l { margin-top: -var(--spacing-extra-extra-extra-large); }
+}
+
+/*
+
+  TABLES
+  Docs: http://tachyons.io/docs/elements/tables/
+
+*/
+
+.collapse {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+.striped--light-silver:nth-child(odd) {
+  background-color: #aaa;
+  background-color: var(--light-silver);
+}
+
+.striped--moon-gray:nth-child(odd) {
+  background-color: #ccc;
+  background-color: var(--moon-gray);
+}
+
+.striped--light-gray:nth-child(odd) {
+  background-color: hsl(195, 25%, 94%);
+  background-color: var(--light-gray);
+}
+
+.striped--near-white:nth-child(odd) {
+  background-color: hsl(200, 13%, 95%);
+  background-color: var(--near-white);
+}
+
+.stripe-light:nth-child(odd) {
+  background-color: rgba(255,255,255,.1);
+  background-color: var(--white-10);
+}
+
+.stripe-dark:nth-child(odd) {
+  background-color: rgba(0,0,0,.1);
+  background-color: var(--black-10);
+}
+
+/*
+
+   TEXT DECORATION
+   Docs: http://tachyons.io/docs/typography/text-decoration/
+
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.strike       { -webkit-text-decoration: line-through; text-decoration: line-through; }
+
+.underline    { -webkit-text-decoration: underline; text-decoration: underline; }
+
+.no-underline { -webkit-text-decoration: none; text-decoration: none; }
+
+@media screen and (min-width: 30em) {
+  .strike-ns       { -webkit-text-decoration: line-through; text-decoration: line-through; }
+  .underline-ns    { -webkit-text-decoration: underline; text-decoration: underline; }
+  .no-underline-ns { -webkit-text-decoration: none; text-decoration: none; }
+}
+
+@media (--breakpoint-not-small) {
+  .strike-ns       { -webkit-text-decoration: line-through; text-decoration: line-through; }
+  .underline-ns    { -webkit-text-decoration: underline; text-decoration: underline; }
+  .no-underline-ns { -webkit-text-decoration: none; text-decoration: none; }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .strike-m       { -webkit-text-decoration: line-through; text-decoration: line-through; }
+  .underline-m    { -webkit-text-decoration: underline; text-decoration: underline; }
+  .no-underline-m { -webkit-text-decoration: none; text-decoration: none; }
+}
+
+@media (--breakpoint-medium) {
+  .strike-m       { -webkit-text-decoration: line-through; text-decoration: line-through; }
+  .underline-m    { -webkit-text-decoration: underline; text-decoration: underline; }
+  .no-underline-m { -webkit-text-decoration: none; text-decoration: none; }
+}
+
+@media screen and (min-width: 60em) {
+  .strike-l       { -webkit-text-decoration: line-through; text-decoration: line-through; }
+  .underline-l {    -webkit-text-decoration: underline;    text-decoration: underline; }
+  .no-underline-l { -webkit-text-decoration: none; text-decoration: none; }
+}
+
+@media (--breakpoint-large) {
+  .strike-l       { -webkit-text-decoration: line-through; text-decoration: line-through; }
+  .underline-l {    -webkit-text-decoration: underline;    text-decoration: underline; }
+  .no-underline-l { -webkit-text-decoration: none; text-decoration: none; }
+}
+
+/*
+
+  TEXT ALIGN
+  Docs: http://tachyons.io/docs/typography/text-align/
+
+  Base
+    t = text-align
+
+  Modifiers
+    l = left
+    r = right
+    c = center
+    j = justify
+
+  Media Query Extensions:
+    -ns = not-small
+    -m  = medium
+    -l  = large
+
+*/
+
+.tl  { text-align: left; }
+
+.tr  { text-align: right; }
+
+.tc  { text-align: center; }
+
+.tj  { text-align: justify; }
+
+@media screen and (min-width: 30em) {
+  .tl-ns  { text-align: left; }
+  .tr-ns  { text-align: right; }
+  .tc-ns  { text-align: center; }
+  .tj-ns  { text-align: justify; }
+}
+
+@media (--breakpoint-not-small) {
+  .tl-ns  { text-align: left; }
+  .tr-ns  { text-align: right; }
+  .tc-ns  { text-align: center; }
+  .tj-ns  { text-align: justify; }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .tl-m  { text-align: left; }
+  .tr-m  { text-align: right; }
+  .tc-m  { text-align: center; }
+  .tj-m  { text-align: justify; }
+}
+
+@media (--breakpoint-medium) {
+  .tl-m  { text-align: left; }
+  .tr-m  { text-align: right; }
+  .tc-m  { text-align: center; }
+  .tj-m  { text-align: justify; }
+}
+
+@media screen and (min-width: 60em) {
+  .tl-l  { text-align: left; }
+  .tr-l  { text-align: right; }
+  .tc-l  { text-align: center; }
+  .tj-l  { text-align: justify; }
+}
+
+@media (--breakpoint-large) {
+  .tl-l  { text-align: left; }
+  .tr-l  { text-align: right; }
+  .tc-l  { text-align: center; }
+  .tj-l  { text-align: justify; }
+}
+
+/*
+
+   TEXT TRANSFORM
+   Docs: http://tachyons.io/docs/typography/text-transform/
+
+   Base:
+     tt = text-transform
+
+   Modifiers
+     c = capitalize
+     l = lowercase
+     u = uppercase
+     n = none
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.ttc { text-transform: capitalize; }
+
+.ttl { text-transform: lowercase; }
+
+.ttu { text-transform: uppercase; }
+
+.ttn { text-transform: none; }
+
+@media screen and (min-width: 30em) {
+  .ttc-ns { text-transform: capitalize; }
+  .ttl-ns { text-transform: lowercase; }
+  .ttu-ns { text-transform: uppercase; }
+  .ttn-ns { text-transform: none; }
+}
+
+@media (--breakpoint-not-small) {
+  .ttc-ns { text-transform: capitalize; }
+  .ttl-ns { text-transform: lowercase; }
+  .ttu-ns { text-transform: uppercase; }
+  .ttn-ns { text-transform: none; }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .ttc-m { text-transform: capitalize; }
+  .ttl-m { text-transform: lowercase; }
+  .ttu-m { text-transform: uppercase; }
+  .ttn-m { text-transform: none; }
+}
+
+@media (--breakpoint-medium) {
+  .ttc-m { text-transform: capitalize; }
+  .ttl-m { text-transform: lowercase; }
+  .ttu-m { text-transform: uppercase; }
+  .ttn-m { text-transform: none; }
+}
+
+@media screen and (min-width: 60em) {
+  .ttc-l { text-transform: capitalize; }
+  .ttl-l { text-transform: lowercase; }
+  .ttu-l { text-transform: uppercase; }
+  .ttn-l { text-transform: none; }
+}
+
+@media (--breakpoint-large) {
+  .ttc-l { text-transform: capitalize; }
+  .ttl-l { text-transform: lowercase; }
+  .ttu-l { text-transform: uppercase; }
+  .ttn-l { text-transform: none; }
+}
+
+/*
+
+   TYPE SCALE
+   Docs: http://tachyons.io/docs/typography/scale/
+
+   Base:
+    f = font-size
+
+   Modifiers
+     1 = 1st step in size scale
+     2 = 2nd step in size scale
+     3 = 3rd step in size scale
+     4 = 4th step in size scale
+     5 = 5th step in size scale
+     6 = 6th step in size scale
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+*/
+
+/*
+ * For Hero/Marketing Titles
+ *
+ * These generally are too large for mobile
+ * so be careful using them on smaller screens.
+ * */
+
+.f-6,
+.f-headline {
+  font-size: 6rem;
+  font-size: var(--font-size-headline);
+}
+
+.f-5,
+.f-subheadline {
+  font-size: 5rem;
+  font-size: var(--font-size-subheadline);
+}
+
+/* Type Scale */
+
+.f1 { font-size: 5.5625rem; font-size: var(--font-size-1-s);letter-spacing: -0.4rem; }
+
+.f2 { font-size: 3.4375rem; font-size: var(--font-size-2-s);letter-spacing: -0.25rem; }
+
+.f3 { font-size: 2.125rem; font-size: var(--font-size-3-s);letter-spacing: -0.12rem; }
+
+.f4 { font-size: 1.3125rem; font-size: var(--font-size-4-s);letter-spacing: -0.04rem; }
+
+.f5 { font-size: 0.8125rem; font-size: var(--font-size-5-s);letter-spacing: -0.02rem; }
+
+.f6 { font-size: 0.6875rem; font-size: var(--font-size-6-s);letter-spacing: 0rem; }
+
+.f7 { font-size: 0.625rem; font-size: var(--font-size-7-s);letter-spacing: 0rem; }
+
+@media screen and (min-width: 30em){
+  .f-6-ns,
+  .f-headline-ns { font-size: 6rem; font-size: var(--font-size-headline); }
+  .f-5-ns,
+  .f-subheadline-ns { font-size: 5rem; font-size: var(--font-size-subheadline); }
+  .f1-ns { font-size: 6.375rem; font-size: var(--font-size-1); }
+  .f2-ns { font-size: 3.9375rem; font-size: var(--font-size-2); }
+  .f3-ns { font-size: 2.4375rem; font-size: var(--font-size-3); }
+  .f4-ns { font-size: 1.5rem; font-size: var(--font-size-4); }
+  .f5-ns { font-size: .9375rem; font-size: var(--font-size-5); }
+  .f6-ns { font-size: .8125rem; font-size: var(--font-size-6); }
+  .f7-ns { font-size: .75rem; font-size: var(--font-size-7); }
+}
+
+@media (--breakpoint-not-small){
+  .f-6-ns,
+  .f-headline-ns { font-size: 6rem; font-size: var(--font-size-headline); }
+  .f-5-ns,
+  .f-subheadline-ns { font-size: 5rem; font-size: var(--font-size-subheadline); }
+  .f1-ns { font-size: 6.375rem; font-size: var(--font-size-1); }
+  .f2-ns { font-size: 3.9375rem; font-size: var(--font-size-2); }
+  .f3-ns { font-size: 2.4375rem; font-size: var(--font-size-3); }
+  .f4-ns { font-size: 1.5rem; font-size: var(--font-size-4); }
+  .f5-ns { font-size: .9375rem; font-size: var(--font-size-5); }
+  .f6-ns { font-size: .8125rem; font-size: var(--font-size-6); }
+  .f7-ns { font-size: .75rem; font-size: var(--font-size-7); }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .f-6-m,
+  .f-headline-m { font-size: 6rem; font-size: var(--font-size-headline); }
+  .f-5-m,
+  .f-subheadline-m { font-size: 5rem; font-size: var(--font-size-subheadline); }
+  .f1-m { font-size: 6.375rem; font-size: var(--font-size-1); }
+  .f2-m { font-size: 3.9375rem; font-size: var(--font-size-2); }
+  .f3-m { font-size: 2.4375rem; font-size: var(--font-size-3); }
+  .f4-m { font-size: 1.5rem; font-size: var(--font-size-4); }
+  .f5-m { font-size: .9375rem; font-size: var(--font-size-5); }
+  .f6-m { font-size: .8125rem; font-size: var(--font-size-6); }
+  .f7-m { font-size: .75rem; font-size: var(--font-size-7); }
+}
+
+@media (--breakpoint-medium) {
+  .f-6-m,
+  .f-headline-m { font-size: 6rem; font-size: var(--font-size-headline); }
+  .f-5-m,
+  .f-subheadline-m { font-size: 5rem; font-size: var(--font-size-subheadline); }
+  .f1-m { font-size: 6.375rem; font-size: var(--font-size-1); }
+  .f2-m { font-size: 3.9375rem; font-size: var(--font-size-2); }
+  .f3-m { font-size: 2.4375rem; font-size: var(--font-size-3); }
+  .f4-m { font-size: 1.5rem; font-size: var(--font-size-4); }
+  .f5-m { font-size: .9375rem; font-size: var(--font-size-5); }
+  .f6-m { font-size: .8125rem; font-size: var(--font-size-6); }
+  .f7-m { font-size: .75rem; font-size: var(--font-size-7); }
+}
+
+@media screen and (min-width: 60em) {
+  .f-6-l,
+  .f-headline-l {
+    font-size: 6rem;
+    font-size: var(--font-size-headline);
+  }
+  .f-5-l,
+  .f-subheadline-l {
+    font-size: 5rem;
+    font-size: var(--font-size-subheadline);
+  }
+  .f1-l { font-size: 6.375rem; font-size: var(--font-size-1); }
+  .f2-l { font-size: 3.9375rem; font-size: var(--font-size-2); }
+  .f3-l { font-size: 2.4375rem; font-size: var(--font-size-3); }
+  .f4-l { font-size: 1.5rem; font-size: var(--font-size-4); }
+  .f5-l { font-size: .9375rem; font-size: var(--font-size-5); }
+  .f6-l { font-size: .8125rem; font-size: var(--font-size-6); }
+  .f7-l { font-size: .75rem; font-size: var(--font-size-7); }
+}
+
+@media (--breakpoint-large) {
+  .f-6-l,
+  .f-headline-l {
+    font-size: 6rem;
+    font-size: var(--font-size-headline);
+  }
+  .f-5-l,
+  .f-subheadline-l {
+    font-size: 5rem;
+    font-size: var(--font-size-subheadline);
+  }
+  .f1-l { font-size: 6.375rem; font-size: var(--font-size-1); }
+  .f2-l { font-size: 3.9375rem; font-size: var(--font-size-2); }
+  .f3-l { font-size: 2.4375rem; font-size: var(--font-size-3); }
+  .f4-l { font-size: 1.5rem; font-size: var(--font-size-4); }
+  .f5-l { font-size: .9375rem; font-size: var(--font-size-5); }
+  .f6-l { font-size: .8125rem; font-size: var(--font-size-6); }
+  .f7-l { font-size: .75rem; font-size: var(--font-size-7); }
+}
+
+/*
+
+   TYPOGRAPHY
+   http://tachyons.io/docs/typography/measure/
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+/* Measure is limited to ~66 characters */
+
+.measure {
+  max-width: 30em;
+  max-width: var(--measure);
+}
+
+/* Measure is limited to ~80 characters */
+
+.measure-wide {
+  max-width: 34em;
+  max-width: var(--measure-wide);
+}
+
+/* Measure is limited to ~45 characters */
+
+.measure-narrow {
+  max-width: 20em;
+  max-width: var(--measure-narrow);
+}
+
+/* Book paragraph style - paragraphs are indented with no vertical spacing. */
+
+.indent {
+  text-indent: 1em;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.small-caps {
+  font-feature-settings: "smcp";
+  font-variant: small-caps;
+}
+
+/* Combine this class with a width to truncate text (or just leave as is to truncate at width of containing element. */
+
+.truncate {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+@media screen and (min-width: 30em) {
+  .measure-ns  {
+    max-width: 30em;
+    max-width: var(--measure);
+  }
+  .measure-wide-ns {
+    max-width: 34em;
+    max-width: var(--measure-wide);
+  }
+  .measure-narrow-ns {
+    max-width: 20em;
+    max-width: var(--measure-narrow);
+  }
+  .indent-ns {
+    text-indent: 1em;
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .small-caps-ns {
+    font-feature-settings: "smcp";
+    font-variant: small-caps;
+  }
+  .truncate-ns {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+@media (--breakpoint-not-small) {
+  .measure-ns  {
+    max-width: 30em;
+    max-width: var(--measure);
+  }
+  .measure-wide-ns {
+    max-width: 34em;
+    max-width: var(--measure-wide);
+  }
+  .measure-narrow-ns {
+    max-width: 20em;
+    max-width: var(--measure-narrow);
+  }
+  .indent-ns {
+    text-indent: 1em;
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .small-caps-ns {
+    font-feature-settings: "smcp";
+    font-variant: small-caps;
+  }
+  .truncate-ns {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .measure-m {
+    max-width: 30em;
+    max-width: var(--measure);
+  }
+  .measure-wide-m {
+    max-width: 34em;
+    max-width: var(--measure-wide);
+  }
+  .measure-narrow-m {
+    max-width: 20em;
+    max-width: var(--measure-narrow);
+  }
+  .indent-m {
+    text-indent: 1em;
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .small-caps-m {
+    font-feature-settings: "smcp";
+    font-variant: small-caps;
+  }
+  .truncate-m {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+@media (--breakpoint-medium) {
+  .measure-m {
+    max-width: 30em;
+    max-width: var(--measure);
+  }
+  .measure-wide-m {
+    max-width: 34em;
+    max-width: var(--measure-wide);
+  }
+  .measure-narrow-m {
+    max-width: 20em;
+    max-width: var(--measure-narrow);
+  }
+  .indent-m {
+    text-indent: 1em;
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .small-caps-m {
+    font-feature-settings: "smcp";
+    font-variant: small-caps;
+  }
+  .truncate-m {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+@media screen and (min-width: 60em) {
+  .measure-l {
+    max-width: 30em;
+    max-width: var(--measure);
+  }
+  .measure-wide-l {
+    max-width: 34em;
+    max-width: var(--measure-wide);
+  }
+  .measure-narrow-l {
+    max-width: 20em;
+    max-width: var(--measure-narrow);
+  }
+  .indent-l {
+    text-indent: 1em;
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .small-caps-l {
+    font-feature-settings: "smcp";
+    font-variant: small-caps;
+  }
+  .truncate-l {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+@media (--breakpoint-large) {
+  .measure-l {
+    max-width: 30em;
+    max-width: var(--measure);
+  }
+  .measure-wide-l {
+    max-width: 34em;
+    max-width: var(--measure-wide);
+  }
+  .measure-narrow-l {
+    max-width: 20em;
+    max-width: var(--measure-narrow);
+  }
+  .indent-l {
+    text-indent: 1em;
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .small-caps-l {
+    font-feature-settings: "smcp";
+    font-variant: small-caps;
+  }
+  .truncate-l {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+/*
+
+   UTILITIES
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+/* Equivalent to .overflow-y-scroll */
+
+.overflow-container {
+  overflow-y: scroll;
+}
+
+.center {
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.mr-auto { margin-right: auto; }
+
+.ml-auto { margin-left:  auto; }
+
+@media screen and (min-width: 30em){
+  .center-ns {
+    margin-right: auto;
+    margin-left: auto;
+  }
+  .mr-auto-ns { margin-right: auto; }
+  .ml-auto-ns { margin-left:  auto; }
+}
+
+@media (--breakpoint-not-small){
+  .center-ns {
+    margin-right: auto;
+    margin-left: auto;
+  }
+  .mr-auto-ns { margin-right: auto; }
+  .ml-auto-ns { margin-left:  auto; }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em){
+  .center-m {
+    margin-right: auto;
+    margin-left: auto;
+  }
+  .mr-auto-m { margin-right: auto; }
+  .ml-auto-m { margin-left:  auto; }
+}
+
+@media (--breakpoint-medium){
+  .center-m {
+    margin-right: auto;
+    margin-left: auto;
+  }
+  .mr-auto-m { margin-right: auto; }
+  .ml-auto-m { margin-left:  auto; }
+}
+
+@media screen and (min-width: 60em){
+  .center-l {
+    margin-right: auto;
+    margin-left: auto;
+  }
+  .mr-auto-l { margin-right: auto; }
+  .ml-auto-l { margin-left:  auto; }
+}
+
+@media (--breakpoint-large){
+  .center-l {
+    margin-right: auto;
+    margin-left: auto;
+  }
+  .mr-auto-l { margin-right: auto; }
+  .ml-auto-l { margin-left:  auto; }
+}
+
+/*
+
+   VISIBILITY
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+/*
+    Text that is hidden but accessible
+    Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
+*/
+
+.clip {
+  position: fixed !important;
+  _position: absolute !important;
+}
+
+.clip {
+  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+  clip: rect(1px, 1px, 1px, 1px);
+}
+
+@media screen and (min-width: 30em) {
+  .clip-ns {
+    position: fixed !important;
+    _position: absolute !important;
+  }
+  .clip-ns {
+    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+    clip: rect(1px, 1px, 1px, 1px);
+  }
+}
+
+@media (--breakpoint-not-small) {
+  .clip-ns {
+    position: fixed !important;
+    _position: absolute !important;
+  }
+  .clip-ns {
+    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+    clip: rect(1px, 1px, 1px, 1px);
+  }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .clip-m {
+    position: fixed !important;
+    _position: absolute !important;
+  }
+  .clip-m {
+    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+    clip: rect(1px, 1px, 1px, 1px);
+  }
+}
+
+@media (--breakpoint-medium) {
+  .clip-m {
+    position: fixed !important;
+    _position: absolute !important;
+  }
+  .clip-m {
+    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+    clip: rect(1px, 1px, 1px, 1px);
+  }
+}
+
+@media screen and (min-width: 60em) {
+  .clip-l {
+    position: fixed !important;
+    _position: absolute !important;
+  }
+  .clip-l {
+    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+    clip: rect(1px, 1px, 1px, 1px);
+  }
+}
+
+@media (--breakpoint-large) {
+  .clip-l {
+    position: fixed !important;
+    _position: absolute !important;
+  }
+  .clip-l {
+    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+    clip: rect(1px, 1px, 1px, 1px);
+  }
+}
+
+/*
+
+   WHITE SPACE
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.ws-normal { white-space: normal; }
+
+.nowrap { white-space: nowrap; }
+
+.pre { white-space: pre; }
+
+@media screen and (min-width: 30em) {
+  .ws-normal-ns { white-space: normal; }
+  .nowrap-ns { white-space: nowrap; }
+  .pre-ns { white-space: pre; }
+}
+
+@media (--breakpoint-not-small) {
+  .ws-normal-ns { white-space: normal; }
+  .nowrap-ns { white-space: nowrap; }
+  .pre-ns { white-space: pre; }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .ws-normal-m { white-space: normal; }
+  .nowrap-m { white-space: nowrap; }
+  .pre-m { white-space: pre; }
+}
+
+@media (--breakpoint-medium) {
+  .ws-normal-m { white-space: normal; }
+  .nowrap-m { white-space: nowrap; }
+  .pre-m { white-space: pre; }
+}
+
+@media screen and (min-width: 60em) {
+  .ws-normal-l { white-space: normal; }
+  .nowrap-l { white-space: nowrap; }
+  .pre-l { white-space: pre; }
+}
+
+@media (--breakpoint-large) {
+  .ws-normal-l { white-space: normal; }
+  .nowrap-l { white-space: nowrap; }
+  .pre-l { white-space: pre; }
+}
+
+/*
+
+   VERTICAL ALIGN
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.v-base     { vertical-align: baseline; }
+
+.v-mid      { vertical-align: middle; }
+
+.v-top      { vertical-align: top; }
+
+.v-btm      { vertical-align: bottom; }
+
+@media screen and (min-width: 30em) {
+  .v-base-ns     { vertical-align: baseline; }
+  .v-mid-ns      { vertical-align: middle; }
+  .v-top-ns      { vertical-align: top; }
+  .v-btm-ns      { vertical-align: bottom; }
+}
+
+@media (--breakpoint-not-small) {
+  .v-base-ns     { vertical-align: baseline; }
+  .v-mid-ns      { vertical-align: middle; }
+  .v-top-ns      { vertical-align: top; }
+  .v-btm-ns      { vertical-align: bottom; }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .v-base-m     { vertical-align: baseline; }
+  .v-mid-m      { vertical-align: middle; }
+  .v-top-m      { vertical-align: top; }
+  .v-btm-m      { vertical-align: bottom; }
+}
+
+@media (--breakpoint-medium) {
+  .v-base-m     { vertical-align: baseline; }
+  .v-mid-m      { vertical-align: middle; }
+  .v-top-m      { vertical-align: top; }
+  .v-btm-m      { vertical-align: bottom; }
+}
+
+@media screen and (min-width: 60em) {
+  .v-base-l     { vertical-align: baseline; }
+  .v-mid-l      { vertical-align: middle; }
+  .v-top-l      { vertical-align: top; }
+  .v-btm-l      { vertical-align: bottom; }
+}
+
+@media (--breakpoint-large) {
+  .v-base-l     { vertical-align: baseline; }
+  .v-mid-l      { vertical-align: middle; }
+  .v-top-l      { vertical-align: top; }
+  .v-btm-l      { vertical-align: bottom; }
+}
+
+/*
+
+  HOVER EFFECTS
+  Docs: http://tachyons.io/docs/themes/hovers/
+
+    - Dim
+    - Glow
+    - Hide Child
+    - Underline text
+    - Grow
+    - Pointer
+    - Shadow
+
+*/
+
+/*
+
+  Dim element on hover by adding the dim class.
+
+*/
+
+.dim {
+  opacity: 1;
+  transition: opacity .15s ease-in;
+}
+
+.dim:hover,
+.dim:focus {
+  opacity: .5;
+  transition: opacity .15s ease-in;
+}
+
+.dim:active {
+  opacity: .8; transition: opacity .15s ease-out;
+}
+
+/*
+
+  Animate opacity to 100% on hover by adding the glow class.
+
+*/
+
+.glow {
+  transition: opacity .15s ease-in;
+}
+
+.glow:hover,
+.glow:focus {
+  opacity: 1;
+  transition: opacity .15s ease-in;
+}
+
+/*
+
+  Hide child & reveal on hover:
+
+  Put the hide-child class on a parent element and any nested element with the
+  child class will be hidden and displayed on hover or focus.
+
+  <div class="hide-child">
+    <div class="child"> Hidden until hover or focus </div>
+    <div class="child"> Hidden until hover or focus </div>
+    <div class="child"> Hidden until hover or focus </div>
+    <div class="child"> Hidden until hover or focus </div>
+  </div>
+*/
+
+.hide-child .child {
+  opacity: 0;
+  transition: opacity .15s ease-in;
+}
+
+.hide-child:hover  .child,
+.hide-child:focus  .child,
+.hide-child:active .child {
+  opacity: 1;
+  transition: opacity .15s ease-in;
+}
+
+.underline-hover:hover,
+.underline-hover:focus {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+/* Can combine this with overflow-hidden to make background images grow on hover
+ * even if you are using background-size: cover */
+
+.grow {
+  -moz-osx-font-smoothing: grayscale;
+  backface-visibility: hidden;
+  transform: translateZ(0);
+  transition: transform 0.25s ease-out;
+}
+
+.grow:hover,
+.grow:focus {
+  transform: scale(1.05);
+}
+
+.grow:active {
+  transform: scale(.90);
+}
+
+.grow-large {
+  -moz-osx-font-smoothing: grayscale;
+  backface-visibility: hidden;
+  transform: translateZ(0);
+  transition: transform .25s ease-in-out;
+}
+
+.grow-large:hover,
+.grow-large:focus {
+  transform: scale(1.2);
+}
+
+.grow-large:active {
+  transform: scale(.95);
+}
+
+/* Add pointer on hover */
+
+.pointer:hover {
+  cursor: pointer;
+}
+
+/*
+   Add shadow on hover.
+
+   Performant box-shadow animation pattern from
+   http://tobiasahlin.com/blog/how-to-animate-box-shadow/
+*/
+
+.shadow-hover {
+  cursor: pointer;
+  position: relative;
+  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+
+.shadow-hover::after {
+  content: '';
+  box-shadow: 0px 0px 16px 2px rgba( 0, 0, 0, .2 );
+  border-radius: inherit;
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+  transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+
+.shadow-hover:hover::after,
+.shadow-hover:focus::after {
+  opacity: 1;
+}
+
+/* Combine with classes in skins and skins-pseudo for
+ * many different transition possibilities. */
+
+.bg-animate,
+.bg-animate:hover,
+.bg-animate:focus {
+  transition: background-color .15s ease-in-out;
+}
+
+/*
+
+  Z-INDEX
+
+  Base
+    z = z-index
+
+  Modifiers
+    -0 = literal value 0
+    -1 = literal value 1
+    -2 = literal value 2
+    -3 = literal value 3
+    -4 = literal value 4
+    -5 = literal value 5
+    -999 = literal value 999
+    -9999 = literal value 9999
+
+    -max = largest accepted z-index value as integer
+
+    -inherit = string value inherit
+    -initial = string value initial
+    -unset = string value unset
+
+  MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
+  Spec: http://www.w3.org/TR/CSS2/zindex.html
+  Articles:
+    https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
+
+  Tips on extending:
+  There might be a time worth using negative z-index values.
+  Or if you are using tachyons with another project, you might need to
+  adjust these values to suit your needs.
+
+*/
+
+.z-0 { z-index: 0; }
+
+.z-1 { z-index: 1; }
+
+.z-2 { z-index: 2; }
+
+.z-3 { z-index: 3; }
+
+.z-4 { z-index: 4; }
+
+.z-5 { z-index: 5; }
+
+.z-999 { z-index: 999; }
+
+.z-9999 { z-index: 9999; }
+
+.z-max {
+  z-index: 2147483647;
+}
+
+.z-inherit { z-index: inherit; }
+
+.z-initial { z-index: auto; z-index: initial; }
+
+.z-unset { z-index: auto; z-index: initial; }
+
+/*
+
+    NESTED
+    Tachyons module for styling nested elements
+    that are generated by a cms.
+
+*/
+
+.nested-copy-line-height p,
+.nested-copy-line-height ul,
+.nested-copy-line-height ol {
+  line-height: 1.5;
+  line-height: var(--line-height-copy);
+}
+
+.nested-headline-line-height h1,
+.nested-headline-line-height h2,
+.nested-headline-line-height h3,
+.nested-headline-line-height h4,
+.nested-headline-line-height h5,
+.nested-headline-line-height h6 {
+  line-height: 1.25;
+  line-height: var(--line-height-title);
+}
+
+.nested-list-reset ul,
+.nested-list-reset ol {
+  padding-left: 0;
+  margin-left: 0;
+  list-style-type: none;
+}
+
+.nested-copy-indent p+p {
+  text-indent: .1em;
+  text-indent: var(--letter-spacing-1);
+  margin-top: 0;
+  margin-top: var(--spacing-none);
+  margin-bottom: 0;
+  margin-bottom: var(--spacing-none);
+}
+
+.nested-copy-seperator p+p {
+  margin-top: 1.5em;
+  margin-top: var(--spacing-copy-separator);
+}
+
+.nested-img img {
+  width: 100%;
+  max-width: 100%;
+  display: block;
+}
+
+.nested-links a {
+  color: #357edd;
+  color: var(--blue);
+  transition: color .15s ease-in;
+}
+
+.nested-links a:hover,
+.nested-links a:focus {
+  color: #96ccff;
+  color: var(--light-blue);
+  transition: color .15s ease-in;
+}
+
+/*
+
+  STYLES
+
+  Add custom styles here.
+
+*/
+
+/* Variables */
+
+/* Importing here will allow you to override any variables in the modules */
+
+/*
+
+    VARIABLES
+
+*/
+
+@custom-media --breakpoint-not-small screen and (min-width: 30em);
+
+@custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em);
+
+@custom-media --breakpoint-large screen and (min-width: 60em);
+
+:root {
+  --sans-serif: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, helvetica, 'helvetica neue', ubuntu, roboto, noto, 'segoe ui', arial, sans-serif;
+  --serif: georgia, serif;
+  --code: consolas, monaco, monospace;
+
+  --font-size-headline: 6rem;
+  --font-size-subheadline: 5rem;
+  --font-size-1: 6.375rem;
+  --font-size-1-l: 6.375rem;
+  --font-size-1-s: 5.5625rem;
+  --font-size-2: 3.9375rem;
+  --font-size-2-l: 3.9375rem;
+  --font-size-2-s: 3.4375rem;
+  --font-size-3: 2.4375rem;
+  --font-size-3-l: 2.4375rem;
+  --font-size-3-s: 2.125rem;
+  --font-size-4: 1.5rem;
+  --font-size-4-l: 1.5rem;
+  --font-size-4-s: 1.3125rem;
+  --font-size-5: .9375rem;
+  --font-size-5-l: 0.9375rem;
+  --font-size-5-s: 0.8125rem;
+  --font-size-6: .8125rem;
+  --font-size-6-l: 0.8125rem;
+  --font-size-6-s: 0.6875rem;
+  --font-size-7: .75rem;
+  --font-size-7-l: 0.75rem;
+  --font-size-7-s: 0.625rem;
+
+  --letter-spacing-tight:-.05em;
+  --letter-spacing-1:.1em;
+  --letter-spacing-2:.25em;
+
+  --line-height-solid: 1;
+  --line-height-title: 1.25;
+  --line-height-copy: 1.5;
+
+  --measure: 30em;
+  --measure-narrow: 20em;
+  --measure-wide: 34em;
+
+  --spacing-none: 0;
+  --spacing-extra-small: .25rem;
+  --spacing-small: .5rem;
+  --spacing-medium: 1rem;
+  --spacing-large: 2rem;
+  --spacing-extra-large: 4rem;
+  --spacing-extra-extra-large: 8rem;
+  --spacing-extra-extra-extra-large: 16rem;
+  --spacing-copy-separator: 1.5em;
+
+  --height-1: 1rem;
+  --height-2: 2rem;
+  --height-3: 4rem;
+  --height-4: 8rem;
+  --height-5: 16rem;
+
+  --width-1: 1rem;
+  --width-2: 2rem;
+  --width-3: 4rem;
+  --width-4: 8rem;
+  --width-5: 16rem;
+
+  --max-width-1: 1rem;
+  --max-width-2: 2rem;
+  --max-width-3: 4rem;
+  --max-width-4: 8rem;
+  --max-width-5: 16rem;
+  --max-width-6: 32rem;
+  --max-width-7: 48rem;
+  --max-width-8: 64rem;
+  --max-width-9: 96rem;
+
+  --border-radius-none: 0;
+  --border-radius-1: .125rem;
+  --border-radius-2: .25rem;
+  --border-radius-3: .5rem;
+  --border-radius-4: 1rem;
+  --border-radius-circle: 100%;
+  --border-radius-pill: 9999px;
+
+  --border-width-none: 0;
+  --border-width-1: .125rem;
+  --border-width-2: .25rem;
+  --border-width-3: .5rem;
+  --border-width-4: 1rem;
+  --border-width-5: 2rem;
+
+  --box-shadow-1: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 );
+  --box-shadow-2: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 );
+  --box-shadow-3: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 );
+  --box-shadow-4: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 );
+  --box-shadow-5: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 );
+
+  --black: hsl(210, 4%, 10%);
+  --near-black: hsl(195, 2%, 32%);
+  --dark-gray: hsl(200, 2%, 49%);
+  --mid-gray: hsl(197, 5%, 72%);
+  --gray: hsl(197, 10%, 86%);
+  --silver: #999;
+  --light-silver: #aaa;
+  --moon-gray: #ccc;
+  --light-gray: hsl(195, 25%, 94%);
+  --near-white: hsl(200, 13%, 95%);
+  --white: #fff;
+
+  --transparent:transparent;
+
+ --black-90: rgba(0,0,0,.9);
+ --black-80: rgba(0,0,0,.8);
+ --black-70: rgba(0,0,0,.7);
+ --black-60: rgba(0,0,0,.6);
+ --black-50: rgba(0,0,0,.5);
+ --black-40: rgba(0,0,0,.4);
+ --black-30: rgba(0,0,0,.3);
+ --black-20: rgba(0,0,0,.2);
+ --black-10: rgba(0,0,0,.1);
+ --black-05: rgba(0,0,0,.05);
+ --black-025: rgba(0,0,0,.025);
+ --black-0125: rgba(0,0,0,.0125);
+
+ --white-90: rgba(255,255,255,.9);
+ --white-80: rgba(255,255,255,.8);
+ --white-70: rgba(255,255,255,.7);
+ --white-60: rgba(255,255,255,.6);
+ --white-50: rgba(255,255,255,.5);
+ --white-40: rgba(255,255,255,.4);
+ --white-30: rgba(255,255,255,.3);
+ --white-20: rgba(255,255,255,.2);
+ --white-10: rgba(255,255,255,.1);
+ --white-05: rgba(255,255,255,.05);
+ --white-025: rgba(255,255,255,.025);
+ --white-0125: rgba(255,255,255,.0125);
+
+  --dark-red:  #e7040f;
+  --red:  #ff4136;
+  --light-red:  #ff725c;
+  --orange:  #ff6300;
+  --gold:  #ffb700;
+  --yellow:  #ffd700;
+  --light-yellow:  #fbf1a9;
+  --purple:  #5e2ca5;
+  --light-purple:  #a463f2;
+  --dark-pink:  #d5008f;
+  --hot-pink: #ff41b4;
+  --pink:  #ff80cc;
+  --light-pink:  #ffa3d7;
+  --dark-green:  #137752;
+  --green: #A6FF7C;
+  --light-green:  #9eebcf;
+  --navy:  #001b44;
+  --dark-blue:  #00449e;
+  --blue:  #357edd;
+  --light-blue:  #96ccff;
+  --lightest-blue:  #cdecff;
+  --washed-blue:  #f6fffe;
+  --washed-green:  #e8fdf5;
+  --washed-yellow:  #fffceb;
+  --washed-red:  #ffdfdf;
+}
+
+/* Debugging */
+
+/*
+
+  DEBUG CHILDREN
+  Docs: http://tachyons.io/docs/debug/
+
+  Just add the debug class to any element to see outlines on its
+  children.
+
+*/
+
+.debug * { outline: 1px solid gold; }
+
+.debug-white * { outline: 1px solid white; }
+
+.debug-black * { outline: 1px solid black; }
+
+/*
+
+   DEBUG GRID
+   http://tachyons.io/docs/debug-grid/
+
+   Can be useful for debugging layout issues
+   or helping to make sure things line up perfectly.
+   Just tack one of these classes onto a parent element.
+
+*/
+
+.debug-grid {
+  background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTRDOTY4N0U2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTRDOTY4N0Q2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3NjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3NzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsBS+GMAAAAjSURBVHjaYvz//z8DLsD4gcGXiYEAGBIKGBne//fFpwAgwAB98AaF2pjlUQAAAABJRU5ErkJggg==) repeat top left;
+}
+
+.debug-grid-16 {
+  background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODYyRjhERDU2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODYyRjhERDQ2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QTY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3QjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvCS01IAAABMSURBVHjaYmR4/5+BFPBfAMFm/MBgx8RAGWCn1AAmSg34Q6kBDKMGMDCwICeMIemF/5QawEipAWwUhwEjMDvbAWlWkvVBwu8vQIABAEwBCph8U6c0AAAAAElFTkSuQmCC) repeat top left;
+}
+
+.debug-grid-8-solid {
+  background:white url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAAAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxMjI0OTczNjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxMjI0OTc0NjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjEyMjQ5NzE2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjEyMjQ5NzI2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAbGhopHSlBJiZBQi8vL0JHPz4+P0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHAR0pKTQmND8oKD9HPzU/R0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAAIAAgDASIAAhEBAxEB/8QAWQABAQAAAAAAAAAAAAAAAAAAAAYBAQEAAAAAAAAAAAAAAAAAAAIEEAEBAAMBAAAAAAAAAAAAAAABADECA0ERAAEDBQAAAAAAAAAAAAAAAAARITFBUWESIv/aAAwDAQACEQMRAD8AoOnTV1QTD7JJshP3vSM3P//Z) repeat top left;
+}
+
+.debug-grid-16-solid {
+  background:white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzY3MkJEN0U2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzY3MkJEN0Y2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3RDY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pve6J3kAAAAzSURBVHjaYvz//z8D0UDsMwMjSRoYP5Gq4SPNbRjVMEQ1fCRDg+in/6+J1AJUxsgAEGAA31BAJMS0GYEAAAAASUVORK5CYII=) repeat top left;
+}
+
+/* Uncomment out the line below to help debug layout issues */
+
+/* @import 'tachyons-custom/src/_debug'; */
+
+body {
+ font-size: 15px;
+ font-family: 'Graphik', sans-serif;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.467rem; /* 22px */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+button, input, optgroup, select, textarea {
+  font-family: 'Graphik', sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  color: currentcolor;
+}
+
+a {
+  color: currentcolor;
+}
+
+svg, dialog {
+  box-sizing: border-box;
+}
+
+.shadow-contour {
+  box-shadow: 0 0 0 1px hsl(197, 5%, 72%);
+  box-shadow: 0 0 0 1px var(--mid-gray);
+}
+
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: hsl(210, 4%, 10%);
+    background-color: var(--black);
+    color: #fff;
+    color: var(--white);
+    border-color: hsl(195, 2%, 32%);
+    border-color: var(--near-black);
+  }
+
+  .shadow-contour {
+    box-shadow: 0 0 0 1px hsl(195, 2%, 32%);
+    box-shadow: 0 0 0 1px var(--near-black);
+  }
+}
+
+.color-scheme--dark {
+  background-color: hsl(210, 4%, 10%);
+  background-color: var(--black);
+  color: #fff;
+  color: var(--white);
+  border-color: hsl(195, 2%, 32%);
+  border-color: var(--near-black);
+}
+
+.color-scheme--dark .shadow-contour {
+    box-shadow: 0 0 0 1px hsl(195, 2%, 32%);
+    box-shadow: 0 0 0 1px var(--near-black);
+  }
+
+.color-scheme--light {
+  background-color: #fff;
+  background-color: var(--white);
+  color: hsl(210, 4%, 10%);
+  color: var(--black);
+  border-color: hsl(197, 5%, 72%);
+  border-color: var(--mid-gray);
+}
+
+.color-scheme--light .shadow-contour {
+    box-shadow: 0 0 0 1px hsl(197, 5%, 72%);
+    box-shadow: 0 0 0 1px var(--mid-gray);
+  }
+
+.flip-x {
+  transform: scaleX(-1);
+}
+
+.scale-1 {
+  transform: scale(1);
+}
+
+.scale-2 {
+  transform: scale(2);
+}
+
+.scale-3 {
+  transform: scale(3);
+}
+
+.placeholder--black::-moz-placeholder {
+  color: hsl(210, 4%, 10%);
+  color: var(--black);
+  opacity: 1;
+}
+
+.placeholder--black::placeholder {
+  color: hsl(210, 4%, 10%);
+  color: var(--black);
+  opacity: 1;
+}
+
+.placeholder--white::-moz-placeholder {
+  color: #fff;
+  color: var(--white);
+  opacity: 1;
+}
+
+.placeholder--white::placeholder {
+  color: #fff;
+  color: var(--white);
+  opacity: 1;
+}
+
+.placeholder--light-gray::-moz-placeholder {
+  color: hsl(195, 25%, 94%);
+  color: var(--light-gray);
+  opacity: 1;
+}
+
+.placeholder--light-gray::placeholder {
+  color: hsl(195, 25%, 94%);
+  color: var(--light-gray);
+  opacity: 1;
+}
+
+.placeholder--dark-gray::-moz-placeholder {
+  color: hsl(200, 2%, 49%);
+  color: var(--dark-gray);
+  opacity: 1;
+}
+
+.placeholder--dark-gray::placeholder {
+  color: hsl(200, 2%, 49%);
+  color: var(--dark-gray);
+  opacity: 1;
+}
+
+.placeholder--black--dark::-moz-placeholder {
+  color: hsl(210, 4%, 10%);
+  color: var(--black);
+  opacity: 1;
+}
+
+.placeholder--black--dark::placeholder {
+  color: hsl(210, 4%, 10%);
+  color: var(--black);
+  opacity: 1;
+}
+
+.placeholder--white--dark::-moz-placeholder {
+  color: #fff;
+  color: var(--white);
+  opacity: 1;
+}
+
+.placeholder--white--dark::placeholder {
+  color: #fff;
+  color: var(--white);
+  opacity: 1;
+}
+
+.placeholder--light-gray--dark::-moz-placeholder {
+  color: hsl(195, 25%, 94%);
+  color: var(--light-gray);
+  opacity: 1;
+}
+
+.placeholder--light-gray--dark::placeholder {
+  color: hsl(195, 25%, 94%);
+  color: var(--light-gray);
+  opacity: 1;
+}
+
+dialog::backdrop { /* native */
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+dialog + .backdrop { /* polyfill */
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+dialog {
+  background-color: #fff;
+  background-color: var(--white);
+  color: hsl(210, 4%, 10%);
+  color: var(--black);
+  position: fixed;
+  top: 4rem;
+  top: var(--height-3);
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: auto;
+  padding: 0;
+  margin: 0 auto;
+  border: none;
+  width: 100%;
+}
+
+@media(min-width: 960px) {
+  dialog {
+    position: fixed;
+    left: 50%;
+    right: auto;
+    bottom: auto;
+    top: 50%;
+    max-height: 100%;
+    height: -moz-fit-content;
+    height: fit-content;
+    min-width: 480px;
+    transform: translate3d(-50%, -50%, 0); 
+    width: 90%;
+  }
+}
+
+.dialog-default {
+  padding: 2rem;
+}
+
+.dialog-bottom {
+  top: auto!important;
+}
+
+.dialog-bottom {
+  margin: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  width: 100%;
+  transform: translateX(0);
+}
+
+.dialog--sm {
+  max-width: 480px;
+}
+
+.rangeSlider, .rangeSlider__fill {
+  display: block;
+}
+
+.rangeSlider {
+  position: absolute;
+  background-color: transparent;
+}
+
+.rangeSlider__horizontal {
+  height: 100%;
+  width: 100%;
+}
+
+.rangeSlider__vertical {
+  top: 1rem;
+  height: calc(100% - 2rem);
+  width: 100%;
+}
+
+.rangeSlider--disabled {
+  opacity: 0.4;
+}
+
+.rangeSlider__fill {
+  position: absolute;
+}
+
+.rangeSlider__fill__horizontal {
+  background-color: hsl(197, 10%, 86%);
+  background-color: var(--gray);
+  height: 100%;
+  top: 0;
+  left: 0;
+  z-index: -1;
+}
+
+.rangeSlider__fill__vertical {
+  background-color: hsl(210, 4%, 10%);
+  background-color: var(--black);
+  width: 5px;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: 0;
+}
+
+.rangeSlider:hover .rangeSlider__handle {
+  display: inline-block;
+  opacity: 1;
+  visibility: visible;
+}
+
+.rangeSlider__handle {
+  opacity: 0;
+  visibility: hidden;
+  cursor: pointer;
+  display: none;
+  width: 0;
+  height: 0;
+  position: absolute;
+  border-radius: 50%;
+}
+
+.rangeSlider__handle__horizontal {
+  top: 50%;
+  left: -7px;
+}
+
+.rangeSlider__handle__vertical {
+  left: calc(50% - 7px);
+  bottom: 0;
+}
+
+.rangeSlider__handle__vertical:after {
+  background-color: hsl(210, 4%, 10%);
+  background-color: var(--black);
+}
+
+.rangeSlider__background__vertical {
+  background-color: hsl(197, 10%, 86%);
+  background-color: var(--gray);
+  position: absolute;
+  top: 0;
+  z-index: -1;
+  width: 5px;
+  height: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: 0;
+}
+
+.rangeSlider__handle:after {
+  content: "";
+  display: block;
+  width: 10px;
+  height: 10px;
+  margin: auto;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: hsl(197, 10%, 86%);
+  background-color: var(--gray);
+  border-color: #fff;
+  border-color: var(--white);
+  border-width: 2px;
+  border-style: solid;
+  border-radius: 50%;
+}
+
+@media (prefers-color-scheme: dark) {
+  .rangeSlider__fill__horizontal {
+    background-color: hsl(197, 5%, 72%);
+    background-color: var(--mid-gray);
+  }
+  .rangeSlider__fill__vertical {
+    background-color: hsl(195, 25%, 94%);
+    background-color: var(--light-gray);
+  }
+  .rangeSlider__background__vertical {
+    background-color: hsl(195, 2%, 32%);
+    background-color: var(--near-black);
+  }
+  .rangeSlider__handle__vertical {
+    background-color: hsl(195, 25%, 94%);
+    background-color: var(--light-gray);
+  }
+}
+
+.color-scheme--dark .rangeSlider__fill__horizontal {
+    background-color: hsl(197, 5%, 72%);
+    background-color: var(--mid-gray);
+  }
+
+.color-scheme--dark .rangeSlider__fill__vertical {
+    background-color: hsl(195, 25%, 94%);
+    background-color: var(--light-gray);
+  }
+
+.color-scheme--dark .rangeSlider__background__vertical {
+    background-color: hsl(195, 2%, 32%);
+    background-color: var(--near-black);
+  }
+
+.color-scheme--dark .rangeSlider__handle__vertical:after {
+    background-color: hsl(195, 25%, 94%);
+    background-color: var(--light-gray);
+  }
+
+.color-scheme--light .rangeSlider__fill__horizontal {
+    background-color: hsl(197, 10%, 86%);
+    background-color: var(--gray);
+  }
+
+.color-scheme--light .rangeSlider__fill__vertical {
+    background-color: hsl(195, 2%, 32%);
+    background-color: var(--near-black);
+  }
+
+.color-scheme--light .rangeSlider__background__vertical {
+    background-color: hsl(197, 10%, 86%);
+    background-color: var(--gray);
+  }
+
+.color-scheme--light .rangeSlider__handle__vertical:after {
+    background-color: hsl(195, 2%, 32%);
+    background-color: var(--near-black);
+  }
+
+.icon {
+  display: inline-block;
+  fill: currentcolor;
+  width: 2rem;
+  width: var(--width-2);
+  height: 2rem;
+  height: var(--width-2);
+}
+
+.icon--xxs {
+  width: 9px;
+  height: 9px;
+}
+
+.icon--xs {
+  width: 12px;
+  height: 12px;
+}
+
+.icon--sm {
+  width: 16px;
+  height: 16px;
+}
+
+.icon--md {
+  width: 36px;
+  height: 36px;
+}
+
+.icon--lg {
+  width: 48px;
+  height: 48px;
+}
+
+.icon--xl {
+  width: 72px;
+  height: 72px;
+}
+
+.icon--xxl {
+  width: 96px;
+  height: 96px;
+}
+
+.fill-current-color { fill: currentcolor };
+
+.fill-black {         fill: hsl(210, 4%, 10%);         fill: var(--black); }
+
+.fill-near-black {    fill: hsl(195, 2%, 32%);    fill: var(--near-black); }
+
+.fill-dark-gray {     fill: hsl(200, 2%, 49%);     fill: var(--dark-gray); }
+
+.fill-mid-gray {      fill: hsl(197, 5%, 72%);      fill: var(--mid-gray); }
+
+.fill-gray {          fill: hsl(197, 10%, 86%);          fill: var(--gray); }
+
+.fill-light-gray {    fill: hsl(195, 25%, 94%);    fill: var(--light-gray); }
+
+.fill-white {         fill: #fff;         fill: var(--white); }
+
+.fill-transparent {   fill: transparent; }
+
+.fill-red {           fill: #ff4136;           fill: var(--red); }
+
+@media (prefers-color-scheme: dark) {
+  .fill-black--dark {      fill: hsl(210, 4%, 10%);      fill: var(--black); }
+  .fill-near-black--dark { fill: hsl(195, 2%, 32%); fill: var(--near-black); }
+  .fill-dark-gray--dark {  fill: hsl(200, 2%, 49%);  fill: var(--dark-gray); }
+  .fill-mid-gray--dark {   fill: hsl(197, 5%, 72%);   fill: var(--mid-gray); }
+  .fill-gray--dark {       fill: hsl(197, 10%, 86%);       fill: var(--gray); }
+  .fill-light-gray--dark { fill: hsl(195, 25%, 94%); fill: var(--light-gray); }
+  .fill-white--dark {      fill: #fff;      fill: var(--white); }
+}
+
+.color-scheme--dark .fill-black--dark {      fill: hsl(210, 4%, 10%);      fill: var(--black); }
+
+.color-scheme--dark .fill-near-black--dark { fill: hsl(195, 2%, 32%); fill: var(--near-black); }
+
+.color-scheme--dark .fill-dark-gray--dark {  fill: hsl(200, 2%, 49%);  fill: var(--dark-gray); }
+
+.color-scheme--dark .fill-mid-gray--dark {   fill: hsl(197, 5%, 72%);   fill: var(--mid-gray); }
+
+.color-scheme--dark .fill-gray--dark {       fill: hsl(197, 10%, 86%);       fill: var(--gray); }
+
+.color-scheme--dark .fill-light-gray--dark { fill: hsl(195, 25%, 94%); fill: var(--light-gray); }
+
+.color-scheme--dark .fill-white--dark {      fill: #fff;      fill: var(--white); }
+
+.color-scheme--light .fill-black--light {      fill: hsl(210, 4%, 10%);      fill: var(--black); }
+
+.color-scheme--light .fill-near-black--light { fill: hsl(195, 2%, 32%); fill: var(--near-black); }
+
+.color-scheme--light .fill-dark-gray--light {  fill: hsl(200, 2%, 49%);  fill: var(--dark-gray); }
+
+.color-scheme--light .fill-mid-gray--light {   fill: hsl(197, 5%, 72%);   fill: var(--mid-gray); }
+
+.color-scheme--light .fill-gray--light {       fill: hsl(197, 10%, 86%);       fill: var(--gray); }
+
+.color-scheme--light .fill-light-gray--light { fill: hsl(195, 25%, 94%); fill: var(--light-gray); }
+
+.color-scheme--light .fill-white--light {      fill: #fff;      fill: var(--white); }
+
+@font-face {
+  font-family: 'Graphik';
+  src: url('https://static.resonate.is/fonts/Graphik-Semibold.eot');
+  src: url('https://static.resonate.is/fonts/Graphik-Semibold.eot?#iefix') format('embedded-opentype'),
+  url('https://static.resonate.is/fonts/Graphik-Semibold.woff2') format('woff2'),
+  url('https://static.resonate.is/fonts/Graphik-Semibold.woff') format('woff');
+  font-weight: 600;
+  font-style: normal;
+  font-stretch: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Graphik';
+  src: url('https://static.resonate.is/fonts/Graphik-Regular.eot');
+  src: url('https://static.resonate.is/fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'),
+  url('https://static.resonate.is/fonts/Graphik-Regular.woff2') format('woff2'),
+  url('https://static.resonate.is/fonts/Graphik-Regular.woff') format('woff');
+  font-weight: 400;
+  font-style: normal;
+  font-stretch: normal;
+  font-display: swap;
+}
+
+button:focus,
+select:focus,
+input:focus,
+label:focus,
+li:focus,
+a:focus {
+  outline: none;
+}
+
+.focus--custom:focus {
+  outline: none;
+  border-color: #A6FF7C;
+  border-color: var(--green);
+}
+
+body.user-is-tabbing *:focus:not(.focus--custom) {
+  outline: 2px solid #7AACFE !important;
+  outline: 5px auto -webkit-focus-ring-color !important;
+}
+
+body.user-is-tabbing *:focus:not(.focus--custom) {
+  /* for non-webkit browsers */
+}
+
+.sticky {
+  position: sticky;
+}
+
+@media screen and (min-width: 30em) {
+  .sticky-ns {
+    position: sticky;
+  }
+}
+
+@media (--breakpoint-not-small) {
+  .sticky-ns {
+    position: sticky;
+  }
+}
+
+@media screen and (min-width: 30em) and (max-width: 60em) {
+  .sticky-m {
+    position: sticky;
+  }
+}
+
+@media (--breakpoint-medium) {
+  .sticky-m {
+    position: sticky;
+  }
+}
+
+@media screen and (min-width: 60em) {
+  .sticky-l {
+    position: sticky;
+  }
+}
+
+@media (--breakpoint-large) {
+  .sticky-l {
+    position: sticky;
+  }
+}
+
+.gray-0 { filter: grayscale(0%); }
+
+.gray-100 { filter: grayscale(100%); }
+
+.hover-grayscale-0:hover, 
+.hover-grayscale-0:focus { filter: grayscale(0%); }
+
+.hover-grayscale-100:hover, 
+.hover-grayscale-100:focus { filter: grayscale(100%); }
+
+body {
+ font-size: 15px;
+ font-family: 'Graphik', sans-serif;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.467rem; /* 22px */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+button, input, optgroup, select, textarea {
+  font-family: 'Graphik', sans-serif;
+  font-style: normal;
+  font-weight: 400;
+}
+
+.f-mani {
+ font-size: 4.200em;
+ line-height: 4.067rem;
+ letter-spacing: -2px;
+}
+
+.search-component .search-label {
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.search-component input[type="search"] {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  text-indent: 1rem;
+  font-family: inherit;
+  height: calc(3rem - 1px);
+}
+
+.search-component input[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+          appearance: none;
+}
+
+.typeahead {
+  visibility: hidden;
+  opacity: 0;
+  display: none;
+}
+
+.search-component form:focus-within input[type="search"] {
+  height: 3rem;
+  outline-style: solid;
+  outline-width: 1px;
+  outline-color: hsl(200, 2%, 49%);
+  outline-color: var(--dark-gray);
+  outline-offset: -1px;
+}
+
+@media (prefers-color-scheme: dark) {
+  .search-component form:focus-within input[type="search"] {
+    outline-color: hsl(195, 2%, 32%);
+    outline-color: var(--near-black);
+  }
+}
+
+.color-scheme--dark .search-component form:focus-within input[type="search"] {
+  outline-color: hsl(195, 2%, 32%);
+  outline-color: var(--near-black);
+}
+
+.search-component form:focus-within > div.typeahead {
+  visibility: visible;
+  z-index: 1;
+  opacity: 1;
+  display: block;
+}
+
+/**
+ * <input> styling for radio + checkbox
+ */
+
+input[type="radio"] {
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+
+input[type="radio"]:active ~ label {
+  opacity: 1;
+}
+
+input[type="radio"]:checked ~ label {
+  opacity: 1;
+}
+
+input[type="radio"]:checked ~ label .icon {
+  fill: hsl(210, 4%, 10%);
+  fill: var(--black);
+}
+
+input[type="checkbox"] ~ label .icon {
+  fill: transparent;
+}
+
+input[type="checkbox"]:checked ~ label .icon {
+  fill: hsl(210, 4%, 10%);
+  fill: var(--black);
+}
+
+/**
+ * Offset margin
+ */
+
+.ml-3 {
+  margin-left: -1rem;
+}
+
+.mr-3 {
+  margin-right: -1rem;
+}
+
+/**
+ * Custom html <select> styling
+ */
+
+select {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  background: transparent;
+  background-image: url("data:image/svg+xml;utf8,<svg fill='white' width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
+  background-repeat: no-repeat;
+  background-position-x: 95%;
+  background-position-y: 50%;
+}
+
+.icon-logo {
+  width: 26px;
+  height: 26px;
+}
+
+.footer-component dd > .link {
+  padding-bottom: .1rem;
+}
+
+.footer-component dd > .link:hover {
+  border-bottom: 1px solid currentcolor;
+}
+
+.icon-resonate {
+  width: 100%;
+  height: 100%;
+  max-width: 144px; /* need tachyons update */
+}
+
+.icon-logo-wordmark {
+  width: 132px;
+  height: 132px;
+}
+
+@media screen and (min-width: 60em) {
+  .bg-transparent-l {
+    background-color: transparent!important;
+  }
+  .bg-transparent-l { /* TODO should be in @resonate/tachyons */
+  }
+}
+
+@media (--breakpoint-large) {
+  .bg-transparent-l {
+    background-color: transparent!important;
+  }
+  .bg-transparent-l { /* TODO should be in @resonate/tachyons */
+  }
+}
+
+.dropdown-navigation li, .dropdown-navigation--focus li {
+  position: relative;
+  transition-duration: 0.2s;
+}
+
+.dropdown-navigation li:focus-within a, .dropdown-navigation--focus li:focus-within a {
+  outline: none;
+}
+
+.dropdown-navigation ul[role="menu"] li ul[role="menu"], .dropdown-navigation--focus ul[role="menu"] li ul[role="menu"] {
+  visibility: hidden;
+  opacity: 0;
+  min-width: 5rem;
+  transition: all 0.2s ease;
+  left: 0;
+  display: none;
+}
+
+@media screen and (min-width: 60em) {
+  #header .logo .icon-resonate {
+    display: block;
+  }
+  .dropdown-navigation ul[role="menu"] li ul[role="menu"], .dropdown-navigation--focus ul[role="menu"] li ul[role="menu"] {
+    bottom: auto;
+    margin-top: -1px;
+  }
+}
+
+@media (--breakpoint-large) {
+  #header .logo .icon-resonate {
+    display: block;
+  }
+  .dropdown-navigation ul[role="menu"] li ul[role="menu"], .dropdown-navigation--focus ul[role="menu"] li ul[role="menu"] {
+    bottom: auto;
+    margin-top: -1px;
+  }
+}
+
+.dropdown-navigation ul li ul[role="menu"] a, .dropdown-navigation--focus ul[role="menu"] li ul[role="menu"] a {
+  width: 100%;
+}
+
+.dropdown-navigation ul[role="menu"] li:hover > ul[role="menu"],
+.dropdown-navigation ul[role="menu"] li:focus-within > ul[role="menu"],
+.dropdown-navigation ul[role="menu"] li ul[role="menu"]:hover,
+.dropdown-navigation ul[role="menu"] li ul[role="menu"]:focus {
+  visibility: visible;
+  z-index: 1;
+  opacity: 1;
+  display: block;
+}
+
+.dropdown-navigation--focus ul[role="menu"] li:focus-within > ul[role="menu"],
+.dropdown-navigation--focus ul[role="menu"] li ul[role="menu"]:focus {
+  visibility: visible;
+  z-index: 1;
+  opacity: 1;
+  display: block;
+}
+
+.dropdown-navigation ul[role="menu"] li ul[role="menu"] li, .dropdown-navigation--focus ul[role="menu"] li ul[role="menu"] li {
+  clear: both;
+  width: 100%;
+}
+
+@media screen and (min-width: 60em) {
+  .dropdown-navigation ul[role="menu"], .dropdown-navigation--focus ul[role="menu"] {
+    top: 100%;
+  }
+}
+
+@media (--breakpoint-large) {
+  .dropdown-navigation ul[role="menu"], .dropdown-navigation--focus ul[role="menu"] {
+    top: 100%;
+  }
+}
+
+.right-4 {
+  right: 4rem;
+}
+
+@media screen and (min-width: 60em) {
+  .initial-l {
+    position: static;
+    position: initial;
+  }
+}
+
+@media (--breakpoint-large) {
+  .initial-l {
+    position: static;
+    position: initial;
+  }
+}
+
+.bottom-100 {
+  bottom: 100%;
+}
+
+.top-100 {
+  top: 100%;
+}
+
+@media screen and (min-width: 60em) {
+  .top-100-l {
+    top: 100%;
+  }
+}
+
+@media (--breakpoint-large) {
+  .top-100-l {
+    top: 100%;
+  }
+}
+
+/* ajust spacing for fixed|sticky header */
+
+#app {
+  padding-top: 3rem;
+}
+
+@media screen and (min-width: 60em) {
+  #app {
+    padding-top: 0;
+  }
+}
+
+@media (--breakpoint-large) {
+  #app {
+    padding-top: 0;
+  }
+}
+
+input[disabled][type=number] {
+  -moz-appearance: textfield;
+}
+
+.icon--dn {
+  display: none;
+}
+
+@media screen and (min-width: 30em){
+  .icon--dn-ns {
+    display: none;
+  }
+  .icon--dib-ns {
+    display: inline-block;
+  }
+}
+
+@media (--breakpoint-not-small){
+  .icon--dn-ns {
+    display: none;
+  }
+  .icon--dib-ns {
+    display: inline-block;
+  }
+}
diff --git a/public/js/main.js b/public/js/main.js
index bba2d2f..a642487 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -25,9 +25,9 @@
     mod
   ));
 
-  // assets/js/validate-formdata.js
-  var require_validate_formdata = __commonJS({
-    "assets/js/validate-formdata.js"(exports, module) {
+  // assets/js/lib/validateFormdata.js
+  var require_validateFormdata = __commonJS({
+    "assets/js/lib/validateFormdata.js"(exports, module) {
       module.exports = ValidateFormdata;
       function ValidateFormdata() {
         if (!(this instanceof ValidateFormdata))
@@ -336,7 +336,20 @@
           });
           return parts[3] <= 255;
         } else if (version === "6") {
-          var blocks = str.split(":");
+          var addressAndZone = [str];
+          if (str.includes("%")) {
+            addressAndZone = str.split("%");
+            if (addressAndZone.length !== 2) {
+              return false;
+            }
+            if (!addressAndZone[0].includes(":")) {
+              return false;
+            }
+            if (addressAndZone[1] === "") {
+              return false;
+            }
+          }
+          var blocks = addressAndZone[0].split(":");
           var foundOmissionBlock = false;
           var foundIPv4TransitionBlock = isIP(blocks[blocks.length - 1], 4);
           var expectedNumberOfBlocks = foundIPv4TransitionBlock ? 7 : 8;
@@ -572,6 +585,107 @@
     }
   });
 
+  // node_modules/zxcvbn-async/index.js
+  var require_zxcvbn_async = __commonJS({
+    "node_modules/zxcvbn-async/index.js"(exports, module) {
+      var debug = console.debug || console.log;
+      module.exports = {
+        load: function(_options, callback) {
+          var options = Object.assign({
+            sync: false,
+            libUrl: "https://cdnjs.cloudflare.com/ajax/libs/zxcvbn/4.4.2/zxcvbn.js",
+            libIntegrity: "sha384-jhGcGHNZytnBnH1wbEM3KxJYyRDy9Q0QLKjE65xk+aMqXFCdvFuYIjzMWAAWBBtR"
+          }, _options);
+          if (options.sync) {
+            return syncMode(options);
+          } else {
+            return asyncMode(options, callback);
+          }
+        }
+      };
+      var LOAD_SUCCESS = 1;
+      var LOAD_ERROR = -1;
+      var hasLoaded = false;
+      var loadResult = 0;
+      function addScriptTag(url, integrity, loadCallback, errorCallback) {
+        if (!hasLoaded) {
+          hasLoaded = true;
+          var head = global.document.getElementsByTagName("head")[0];
+          var script = global.document.createElement("script");
+          script.type = "text/javascript";
+          if (integrity) {
+            script.integrity = integrity;
+            script.crossOrigin = "anonymous";
+          }
+          script.async = true;
+          script.onload = function() {
+            loadResult = LOAD_SUCCESS;
+            loadCallback();
+          };
+          script.onerror = function() {
+            loadResult = LOAD_ERROR;
+            errorCallback();
+          };
+          script.src = url;
+          head.appendChild(script);
+        } else {
+          if (loadResult === LOAD_SUCCESS) {
+            loadCallback();
+          } else if (loadResult === LOAD_ERROR) {
+            errorCallback();
+          }
+        }
+      }
+      var library = null;
+      function syncMode(options) {
+        addScriptTag(options.libUrl, options.libIntegrity, function() {
+          debug("zxcvbn loaded");
+          library = global.zxcvbn;
+        }, function() {
+          console.error(new Error("Cannot load zxcvbn"));
+        });
+        return function(password, user_inputs) {
+          if (library) {
+            return library(password, user_inputs);
+          } else {
+            return {
+              password,
+              user_inputs,
+              guesses: -1,
+              guesses_log10: -1,
+              crack_times_seconds: -1,
+              crack_times_display: -1,
+              score: -1,
+              feedback: {
+                suggestions: [],
+                warning: ""
+              },
+              sequence: [],
+              calc_time: 0
+            };
+          }
+        };
+      }
+      function asyncMode(options, callback) {
+        if (typeof callback === "function") {
+          addScriptTag(options.libUrl, options.libIntegrity, function() {
+            callback(null, global.zxcvbn);
+          }, function() {
+            callback(new Error("Cannot load zxcvbn"));
+          });
+        } else {
+          return new Promise(function(resolve, reject) {
+            addScriptTag(options.libUrl, options.libIntegrity, function() {
+              resolve(global.zxcvbn);
+            }, function() {
+              reject(new Error("Cannot load zxcvbn"));
+            });
+          });
+        }
+      }
+    }
+  });
+
   // node_modules/alpinejs/dist/module.esm.js
   var flushPending = false;
   var flushing = false;
@@ -3784,15 +3898,77 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
   var src_default = alpine_default;
   var module_default = src_default;
 
-  // assets/js/form.js
-  var import_validate_formdata = __toESM(require_validate_formdata());
+  // assets/js/components/form.js
+  var import_validateFormdata = __toESM(require_validateFormdata());
   var import_isEmail = __toESM(require_isEmail());
   var import_isEmpty = __toESM(require_isEmpty());
+  var import_zxcvbn_async = __toESM(require_zxcvbn_async());
   var form = () => ({
     loading: false,
     response: null,
+    action: "",
+    method: "POST",
+    validator: (0, import_validateFormdata.default)(),
+    valid: true,
+    errors: [],
+    error: "",
+    validate(event) {
+      this.validator.validate(event.target.name, event.target.value);
+    },
+    async submit(event) {
+      this.response = null;
+      this.errors = [];
+      const formData = new FormData(event.target);
+      formData.forEach((value, key) => {
+        const shouldValidate = typeof this.validator.validators[key] === "function";
+        if (shouldValidate) {
+          this.validator.validate(key, value);
+        }
+      });
+      if (!this.validator.state.valid) {
+        for (const [key, value] of Object.entries(this.validator.state.errors)) {
+          if (value) {
+            this.errors.push({ name: key, message: value.message });
+          }
+        }
+        return;
+      }
+      this.loading = true;
+      this.errors = [];
+      const values = this.validator.state.values;
+      try {
+        const response = await fetch("", {
+          method: "POST",
+          credentials: "include",
+          headers: {
+            Accept: "application/json",
+            "X-CSRF-Token": values["gorilla.csrf.Token"],
+            Pragma: "no-cache",
+            "Cache-Control": "no-cache"
+          },
+          body: new URLSearchParams(values)
+        });
+        const isRedirected = response.redirected;
+        if (isRedirected) {
+          window.location.href = response.url;
+        }
+        const status = response.status;
+        const contentType = response.headers.get("content-type");
+        const { error: error2 } = await response.json();
+        this.error = error2;
+        console.log(status);
+        console.log(contentType);
+      } catch (err) {
+        console.log(err);
+      } finally {
+        this.loading = false;
+      }
+      console.log(formData);
+      this.loading = false;
+    }
+  });
+  var loginForm = () => Object.assign({}, form(), {
     init() {
-      this.validator = (0, import_validate_formdata.default)();
       this.validator.field("email", (data2) => {
         if ((0, import_isEmpty.default)(data2))
           return new Error("Email is required");
@@ -3803,23 +3979,14 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
         if ((0, import_isEmpty.default)(data2))
           return new Error("Password is required");
       });
-    },
-    async submit(event) {
-      this.loading = true;
-      this.response = null;
-      const formData = new FormData(event.target);
-      const payload = {};
-      formData.forEach((value, key) => {
-        payload[key] = value;
+      this.validator.field("gorilla.csrf.Token", (data2) => {
+        if ((0, import_isEmpty.default)(data2))
+          return new Error("Csrf missing");
       });
-      console.log(payload);
-      this.validator.validate(payload);
-      console.log(formData);
-      this.loading = false;
     }
   });
 
-  // assets/js/input.js
+  // assets/js/components/input.js
   var input = () => ({
     error: null,
     validate() {
@@ -3829,6 +3996,56 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     }
   });
 
+  // assets/js/components/search.js
+  var search = () => ({
+    tags: [
+      "ambient",
+      "acoustic",
+      "alternative",
+      "chill",
+      "dream-pop",
+      "electro",
+      "electronic",
+      "experimental",
+      "folk",
+      "funk",
+      "hiphop",
+      "house",
+      "indie-pop",
+      "indie-rock",
+      "instrumental",
+      "jazz",
+      "metal",
+      "podcasts",
+      "pop",
+      "punk",
+      "reggae"
+    ],
+    query: "",
+    open: true,
+    init() {
+      this.$watch("open", () => {
+        if (this.open) {
+          this.$nextTick(() => this.$refs.input.focus());
+        }
+      });
+    },
+    submit(event) {
+      const q = event.target.search.value;
+      if (!q)
+        return false;
+      if (q.length < 3)
+        return false;
+      const bang = q.startsWith("#");
+      const pathname = bang ? "/tag" : "/search";
+      const url = new URL(pathname, this.$store.app.state.appURL || "http://localhost");
+      const params = bang ? { term: q.split("#")[1] } : { q };
+      url.search = new URLSearchParams(params);
+      window.open(url.href, "_blank");
+      return false;
+    }
+  });
+
   // assets/js/main.js
   module_default.directive("uppercase", (el) => {
     el.textContent = el.textContent.toUpperCase();
@@ -3842,7 +4059,23 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     });
   });
   document.addEventListener("alpine:init", () => {
-    module_default.data("form", form);
+    module_default.store("darkMode", {
+      on: false,
+      toggle() {
+        this.on = !this.on;
+      },
+      init() {
+        this.on = window.matchMedia("(prefers-color-scheme: dark)").matches;
+      }
+    });
+    module_default.store("app", {
+      init() {
+        this.state = Object.assign({}, window.initialState);
+        delete window.initialState;
+      }
+    });
+    module_default.data("loginForm", loginForm);
+    module_default.data("search", search);
     module_default.data("input", input);
   });
   window.Alpine = module_default;
diff --git a/public/js/main.min.js b/public/js/main.min.js
index f1375be..f356544 100644
--- a/public/js/main.min.js
+++ b/public/js/main.min.js
@@ -1,5 +1,5 @@
-(()=>{var Wn=Object.create;var kt=Object.defineProperty;var kn=Object.getOwnPropertyDescriptor;var Vn=Object.getOwnPropertyNames;var Jn=Object.getPrototypeOf,Qn=Object.prototype.hasOwnProperty;var O=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var Yn=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Vn(t))!Qn.call(e,i)&&i!==r&&kt(e,i,{get:()=>t[i],enumerable:!(n=kn(t,i))||n.enumerable});return e};var Z=(e,t,r)=>(r=e!=null?Wn(Jn(e)):{},Yn(t||!e||!e.__esModule?kt(r,"default",{value:e,enumerable:!0}):r,e));var wn=O((Zs,bn)=>{bn.exports=q;function q(){if(!(this instanceof q))return new q;this.totalLength=0,this.validLength=0,this.errorLength=0,this.validators={},this.changed=!1,this.state={changed:!1,valid:!0,pristine:{},required:{},values:{},errors:{}}}q.prototype.field=function(e,t,r){!r&&typeof t=="function"&&(r=t,t={}),r=r||yn,t=t||{},this.validators[e]=r,this.state.pristine[e]=!0,this.state.errors[e]=null,this.state.values[e]="",this.state.changed=!1,t.required===!1?this.state.required[e]=!1:(this.state.required[e]=!0,this.state.valid=!1,this.totalLength+=1)};q.prototype.file=function(e,t,r){!r&&typeof t=="function"&&(r=t,t={}),r=r||yn,t=t||{},this.validators[e]=r,this.state.pristine[e]=!0,this.state.errors[e]=null,this.state.values[e]=null,t.required===!1?this.state.required[e]=!1:(this.state.required[e]=!0,this.state.valid=!1,this.totalLength+=1)};q.prototype.validate=function(e,t){let r=this.validators[e],n=this.state.pristine[e],i=this.state.required[e],a=this.state.errors[e],s=r(t);this.state.errors[e]=s||null,this.state.values[e]=t,this._toggleChange(!1),n&&(this._toggleChange(!0),this.state.pristine[e]=!1),s?a||(i&&!n&&(this.validLength-=1),this._toggleChange(!0),this.errorLength+=1):a?(this._toggleChange(!0),this.errorLength-=1,i&&(this.validLength+=1)):!a&&n&&i&&(this.validLength+=1),this.validLength===this.totalLength&&this.errorLength===0?this.state.valid=!0:this.state.valid=!1};q.prototype.formData=function(){let e=this.state.values;return Object.keys(e).reduce(function(t,r){return t.append(r,e[r]),t},new window.FormData)};q.prototype._toggleChange=function(e){this.state.changed=e,this.changed=e};function yn(){}});var W=O((ce,$t)=>{"use strict";Object.defineProperty(ce,"__esModule",{value:!0});ce.default=ns;function De(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?De=function(r){return typeof r}:De=function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},De(e)}function ns(e){var t=typeof e=="string"||e instanceof String;if(!t){var r;throw e===null?r="null":(r=De(e),r==="object"&&e.constructor&&e.constructor.hasOwnProperty("name")?r=e.constructor.name:r="a ".concat(r)),new TypeError("Expected string but received ".concat(r,"."))}}$t.exports=ce.default;$t.exports.default=ce.default});var Ne=O((de,Lt)=>{"use strict";Object.defineProperty(de,"__esModule",{value:!0});de.default=is;function is(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;for(var r in t)typeof e[r]>"u"&&(e[r]=t[r]);return e}Lt.exports=de.default;Lt.exports.default=de.default});var En=O((pe,qt)=>{"use strict";Object.defineProperty(pe,"__esModule",{value:!0});pe.default=os;var as=ss(W());function ss(e){return e&&e.__esModule?e:{default:e}}function ze(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?ze=function(r){return typeof r}:ze=function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},ze(e)}function os(e,t){(0,as.default)(e);var r,n;ze(t)==="object"?(r=t.min||0,n=t.max):(r=arguments[1],n=arguments[2]);var i=encodeURI(e).split(/%..|./).length-1;return i>=r&&(typeof n>"u"||i<=n)}qt.exports=pe.default;qt.exports.default=pe.default});var An=O((he,jt)=>{"use strict";Object.defineProperty(he,"__esModule",{value:!0});he.default=cs;var us=Sn(W()),ls=Sn(Ne());function Sn(e){return e&&e.__esModule?e:{default:e}}var fs={require_tld:!0,allow_underscores:!1,allow_trailing_dot:!1};function cs(e,t){(0,us.default)(e),t=(0,ls.default)(t,fs),t.allow_trailing_dot&&e[e.length-1]==="."&&(e=e.substring(0,e.length-1));for(var r=e.split("."),n=0;n<r.length;n++)if(r[n].length>63)return!1;if(t.require_tld){var i=r.pop();if(!r.length||!/^([a-z\u00a1-\uffff]{2,}|xn[a-z0-9-]{2,})$/i.test(i)||/[\s\u2002-\u200B\u202F\u205F\u3000\uFEFF\uDB40\uDC20]/.test(i))return!1}for(var a,s=0;s<r.length;s++)if(a=r[s],t.allow_underscores&&(a=a.replace(/_/g,"")),!/^[a-z\u00a1-\uffff0-9-]+$/i.test(a)||/[\uff01-\uff5e]/.test(a)||a[0]==="-"||a[a.length-1]==="-")return!1;return!0}jt.exports=he.default;jt.exports.default=he.default});var Cn=O((_e,Dt)=>{"use strict";Object.defineProperty(_e,"__esModule",{value:!0});_e.default=Be;var ds=ps(W());function ps(e){return e&&e.__esModule?e:{default:e}}var hs=/^(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})$/,_s=/^[0-9A-F]{1,4}$/i;function Be(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"";if((0,ds.default)(e),t=String(t),t){if(t==="4"){if(!hs.test(e))return!1;var r=e.split(".").sort(function(u,l){return u-l});return r[3]<=255}else if(t==="6"){var n=e.split(":"),i=!1,a=Be(n[n.length-1],4),s=a?7:8;if(n.length>s)return!1;if(e==="::")return!0;e.substr(0,2)==="::"?(n.shift(),n.shift(),i=!0):e.substr(e.length-2)==="::"&&(n.pop(),n.pop(),i=!0);for(var o=0;o<n.length;++o)if(n[o]===""&&o>0&&o<n.length-1){if(i)return!1;i=!0}else if(!(a&&o===n.length-1)){if(!_s.test(n[o]))return!1}return i?n.length>=1:n.length===s}}else return Be(e,4)||Be(e,6);return!1}Dt.exports=_e.default;Dt.exports.default=_e.default});var Mn=O((ve,zt)=>{"use strict";Object.defineProperty(ve,"__esModule",{value:!0});ve.default=Rs;var gs=ge(W()),vs=ge(Ne()),Nt=ge(En()),ms=ge(An()),On=ge(Cn());function ge(e){return e&&e.__esModule?e:{default:e}}function xs(e,t){return ws(e)||bs(e,t)||ys()}function ys(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function bs(e,t){if(Symbol.iterator in Object(e)||Object.prototype.toString.call(e)==="[object Arguments]"){var r=[],n=!0,i=!1,a=void 0;try{for(var s=e[Symbol.iterator](),o;!(n=(o=s.next()).done)&&(r.push(o.value),!(t&&r.length===t));n=!0);}catch(u){i=!0,a=u}finally{try{!n&&s.return!=null&&s.return()}finally{if(i)throw a}}return r}}function ws(e){if(Array.isArray(e))return e}var Es={allow_display_name:!1,require_display_name:!1,allow_utf8_local_part:!0,require_tld:!0},Ss=/^([^\x00-\x1F\x7F-\x9F\cX]+)<(.+)>$/i,As=/^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~]+$/i,Cs=/^[a-z\d]+$/,Os=/^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f]))*$/i,Ms=/^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+$/i,Fs=/^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*$/i,Ps=254;function Ts(e){var t=e.match(/^"(.+)"$/i),r=t?t[1]:e;if(!r.trim())return!1;var n=/[\.";<>]/.test(r);if(n){if(!t)return!1;var i=r.split('"').length===r.split('\\"').length;if(!i)return!1}return!0}function Rs(e,t){if((0,gs.default)(e),t=(0,vs.default)(t,Es),t.require_display_name||t.allow_display_name){var r=e.match(Ss);if(r){var n,i=xs(r,3);if(n=i[1],e=i[2],n.endsWith(" ")&&(n=n.substr(0,n.length-1)),!Ts(n))return!1}else if(t.require_display_name)return!1}if(!t.ignore_max_length&&e.length>Ps)return!1;var a=e.split("@"),s=a.pop(),o=a.join("@"),u=s.toLowerCase();if(t.domain_specific_validation&&(u==="gmail.com"||u==="googlemail.com")){o=o.toLowerCase();var l=o.split("+")[0];if(!(0,Nt.default)(l.replace(".",""),{min:6,max:30}))return!1;for(var f=l.split("."),d=0;d<f.length;d++)if(!Cs.test(f[d]))return!1}if(!(0,Nt.default)(o,{max:64})||!(0,Nt.default)(s,{max:254}))return!1;if(!(0,ms.default)(s,{require_tld:t.require_tld})){if(!t.allow_ip_domain)return!1;if(!(0,On.default)(s)){if(!s.startsWith("[")||!s.endsWith("]"))return!1;var p=s.substr(1,s.length-2);if(p.length===0||!(0,On.default)(p))return!1}}if(o[0]==='"')return o=o.slice(1,o.length-1),t.allow_utf8_local_part?Fs.test(o):Os.test(o);for(var v=t.allow_utf8_local_part?Ms:As,E=o.split("."),P=0;P<E.length;P++)if(!v.test(E[P]))return!1;return!0}zt.exports=ve.default;zt.exports.default=ve.default});var Pn=O((me,Bt)=>{"use strict";Object.defineProperty(me,"__esModule",{value:!0});me.default=qs;var Is=Fn(W()),$s=Fn(Ne());function Fn(e){return e&&e.__esModule?e:{default:e}}var Ls={ignore_whitespace:!1};function qs(e,t){return(0,Is.default)(e),t=(0,$s.default)(t,Ls),(t.ignore_whitespace?e.trim().length:e.length)===0}Bt.exports=me.default;Bt.exports.default=me.default});var Tn=O((xe,Kt)=>{"use strict";Object.defineProperty(xe,"__esModule",{value:!0});xe.default=Ns;var js=Ds(W());function Ds(e){return e&&e.__esModule?e:{default:e}}function Ke(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?Ke=function(r){return typeof r}:Ke=function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},Ke(e)}function Ns(e,t){(0,js.default)(e);var r,n;Ke(t)==="object"?(r=t.min||0,n=t.max):(r=arguments[1]||0,n=arguments[2]);var i=e.match(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g)||[],a=e.length-i.length;return a>=r&&(typeof n>"u"||a<=n)}Kt.exports=xe.default;Kt.exports.default=xe.default});var qn=O((eo,Ln)=>{var zs=console.debug||console.log;Ln.exports={load:function(e,t){var r=Object.assign({sync:!1,libUrl:"https://cdnjs.cloudflare.com/ajax/libs/zxcvbn/4.4.2/zxcvbn.js",libIntegrity:"sha384-jhGcGHNZytnBnH1wbEM3KxJYyRDy9Q0QLKjE65xk+aMqXFCdvFuYIjzMWAAWBBtR"},e);return r.sync?Bs(r):Ks(r,t)}};var Rn=1,In=-1,$n=!1,Ue=0;function Ht(e,t,r,n){if($n)Ue===Rn?r():Ue===In&&n();else{$n=!0;var i=global.document.getElementsByTagName("head")[0],a=global.document.createElement("script");a.type="text/javascript",t&&(a.integrity=t,a.crossOrigin="anonymous"),a.async=!0,a.onload=function(){Ue=Rn,r()},a.onerror=function(){Ue=In,n()},a.src=e,i.appendChild(a)}}var Ut=null;function Bs(e){return Ht(e.libUrl,e.libIntegrity,function(){zs("zxcvbn loaded"),Ut=global.zxcvbn},function(){console.error(new Error("Cannot load zxcvbn"))}),function(t,r){return Ut?Ut(t,r):{password:t,user_inputs:r,guesses:-1,guesses_log10:-1,crack_times_seconds:-1,crack_times_display:-1,score:-1,feedback:{suggestions:[],warning:""},sequence:[],calc_time:0}}}function Ks(e,t){if(typeof t=="function")Ht(e.libUrl,e.libIntegrity,function(){t(null,global.zxcvbn)},function(){t(new Error("Cannot load zxcvbn"))});else return new Promise(function(r,n){Ht(e.libUrl,e.libIntegrity,function(){r(global.zxcvbn)},function(){n(new Error("Cannot load zxcvbn"))})})}});var Qe=!1,Ye=!1,N=[],Ge=-1;function Gn(e){Xn(e)}function Xn(e){N.includes(e)||N.push(e),Zn()}function or(e){let t=N.indexOf(e);t!==-1&&t>Ge&&N.splice(t,1)}function Zn(){!Ye&&!Qe&&(Qe=!0,queueMicrotask(ei))}function ei(){Qe=!1,Ye=!0;for(let e=0;e<N.length;e++)N[e](),Ge=e;N.length=0,Ge=-1,Ye=!1}var Q,U,Y,ur,Xe=!0;function ti(e){Xe=!1,e(),Xe=!0}function ri(e){Q=e.reactive,Y=e.release,U=t=>e.effect(t,{scheduler:r=>{Xe?Gn(r):r()}}),ur=e.raw}function Vt(e){U=e}function ni(e){let t=()=>{};return[n=>{let i=U(n);return e._x_effects||(e._x_effects=new Set,e._x_runEffects=()=>{e._x_effects.forEach(a=>a())}),e._x_effects.add(i),t=()=>{i!==void 0&&(e._x_effects.delete(i),Y(i))},i},()=>{t()}]}function lr(e,t){let r=!0,n,i=U(()=>{let a=e();JSON.stringify(a),r?n=a:queueMicrotask(()=>{t(a,n),n=a}),r=!1});return()=>Y(i)}function ie(e,t,r={}){e.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0,cancelable:!0}))}function R(e,t){if(typeof ShadowRoot=="function"&&e instanceof ShadowRoot){Array.from(e.children).forEach(i=>R(i,t));return}let r=!1;if(t(e,()=>r=!0),r)return;let n=e.firstElementChild;for(;n;)R(n,t,!1),n=n.nextElementSibling}function S(e,...t){console.warn(`Alpine Warning: ${e}`,...t)}var Jt=!1;function ii(){Jt&&S("Alpine has already been initialized on this page. Calling Alpine.start() more than once can cause problems."),Jt=!0,document.body||S("Unable to initialize. Trying to load Alpine before `<body>` is available. Did you forget to add `defer` in Alpine's `<script>` tag?"),ie(document,"alpine:init"),ie(document,"alpine:initializing"),mt(),oi(t=>F(t,R)),_t(t=>ht(t)),xr((t,r)=>{wt(t,r).forEach(n=>n())});let e=t=>!Pe(t.parentElement,!0);Array.from(document.querySelectorAll(dr().join(","))).filter(e).forEach(t=>{F(t)}),ie(document,"alpine:initialized")}var pt=[],fr=[];function cr(){return pt.map(e=>e())}function dr(){return pt.concat(fr).map(e=>e())}function pr(e){pt.push(e)}function hr(e){fr.push(e)}function Pe(e,t=!1){return oe(e,r=>{if((t?dr():cr()).some(i=>r.matches(i)))return!0})}function oe(e,t){if(e){if(t(e))return e;if(e._x_teleportBack&&(e=e._x_teleportBack),!!e.parentElement)return oe(e.parentElement,t)}}function ai(e){return cr().some(t=>e.matches(t))}var _r=[];function si(e){_r.push(e)}function F(e,t=R,r=()=>{}){bi(()=>{t(e,(n,i)=>{r(n,i),_r.forEach(a=>a(n,i)),wt(n,n.attributes).forEach(a=>a()),n._x_ignore&&i()})})}function ht(e,t=R){t(e,r=>{br(r),ui(r)})}var gr=[],vr=[],mr=[];function oi(e){mr.push(e)}function _t(e,t){typeof t=="function"?(e._x_cleanups||(e._x_cleanups=[]),e._x_cleanups.push(t)):(t=e,vr.push(t))}function xr(e){gr.push(e)}function yr(e,t,r){e._x_attributeCleanups||(e._x_attributeCleanups={}),e._x_attributeCleanups[t]||(e._x_attributeCleanups[t]=[]),e._x_attributeCleanups[t].push(r)}function br(e,t){e._x_attributeCleanups&&Object.entries(e._x_attributeCleanups).forEach(([r,n])=>{(t===void 0||t.includes(r))&&(n.forEach(i=>i()),delete e._x_attributeCleanups[r])})}function ui(e){if(e._x_cleanups)for(;e._x_cleanups.length;)e._x_cleanups.pop()()}var gt=new MutationObserver(yt),vt=!1;function mt(){gt.observe(document,{subtree:!0,childList:!0,attributes:!0,attributeOldValue:!0}),vt=!0}function wr(){li(),gt.disconnect(),vt=!1}var ee=[];function li(){let e=gt.takeRecords();ee.push(()=>e.length>0&&yt(e));let t=ee.length;queueMicrotask(()=>{if(ee.length===t)for(;ee.length>0;)ee.shift()()})}function x(e){if(!vt)return e();wr();let t=e();return mt(),t}var xt=!1,Oe=[];function fi(){xt=!0}function ci(){xt=!1,yt(Oe),Oe=[]}function yt(e){if(xt){Oe=Oe.concat(e);return}let t=new Set,r=new Set,n=new Map,i=new Map;for(let a=0;a<e.length;a++)if(!e[a].target._x_ignoreMutationObserver&&(e[a].type==="childList"&&(e[a].addedNodes.forEach(s=>s.nodeType===1&&t.add(s)),e[a].removedNodes.forEach(s=>s.nodeType===1&&r.add(s))),e[a].type==="attributes")){let s=e[a].target,o=e[a].attributeName,u=e[a].oldValue,l=()=>{n.has(s)||n.set(s,[]),n.get(s).push({name:o,value:s.getAttribute(o)})},f=()=>{i.has(s)||i.set(s,[]),i.get(s).push(o)};s.hasAttribute(o)&&u===null?l():s.hasAttribute(o)?(f(),l()):f()}i.forEach((a,s)=>{br(s,a)}),n.forEach((a,s)=>{gr.forEach(o=>o(s,a))});for(let a of r)t.has(a)||(vr.forEach(s=>s(a)),ht(a));t.forEach(a=>{a._x_ignoreSelf=!0,a._x_ignore=!0});for(let a of t)r.has(a)||a.isConnected&&(delete a._x_ignoreSelf,delete a._x_ignore,mr.forEach(s=>s(a)),a._x_ignore=!0,a._x_ignoreSelf=!0);t.forEach(a=>{delete a._x_ignoreSelf,delete a._x_ignore}),t=null,r=null,n=null,i=null}function Er(e){return le(V(e))}function ue(e,t,r){return e._x_dataStack=[t,...V(r||e)],()=>{e._x_dataStack=e._x_dataStack.filter(n=>n!==t)}}function V(e){return e._x_dataStack?e._x_dataStack:typeof ShadowRoot=="function"&&e instanceof ShadowRoot?V(e.host):e.parentNode?V(e.parentNode):[]}function le(e){return new Proxy({objects:e},di)}var di={ownKeys({objects:e}){return Array.from(new Set(e.flatMap(t=>Object.keys(t))))},has({objects:e},t){return t==Symbol.unscopables?!1:e.some(r=>Object.prototype.hasOwnProperty.call(r,t)||Reflect.has(r,t))},get({objects:e},t,r){return t=="toJSON"?pi:Reflect.get(e.find(n=>Reflect.has(n,t))||{},t,r)},set({objects:e},t,r,n){let i=e.find(s=>Object.prototype.hasOwnProperty.call(s,t))||e[e.length-1],a=Object.getOwnPropertyDescriptor(i,t);return a?.set&&a?.get?Reflect.set(i,t,r,n):Reflect.set(i,t,r)}};function pi(){return Reflect.ownKeys(this).reduce((t,r)=>(t[r]=Reflect.get(this,r),t),{})}function Sr(e){let t=n=>typeof n=="object"&&!Array.isArray(n)&&n!==null,r=(n,i="")=>{Object.entries(Object.getOwnPropertyDescriptors(n)).forEach(([a,{value:s,enumerable:o}])=>{if(o===!1||s===void 0||typeof s=="object"&&s!==null&&s.__v_skip)return;let u=i===""?a:`${i}.${a}`;typeof s=="object"&&s!==null&&s._x_interceptor?n[a]=s.initialize(e,u,a):t(s)&&s!==n&&!(s instanceof Element)&&r(s,u)})};return r(e)}function Ar(e,t=()=>{}){let r={initialValue:void 0,_x_interceptor:!0,initialize(n,i,a){return e(this.initialValue,()=>hi(n,i),s=>Ze(n,i,s),i,a)}};return t(r),n=>{if(typeof n=="object"&&n!==null&&n._x_interceptor){let i=r.initialize.bind(r);r.initialize=(a,s,o)=>{let u=n.initialize(a,s,o);return r.initialValue=u,i(a,s,o)}}else r.initialValue=n;return r}}function hi(e,t){return t.split(".").reduce((r,n)=>r[n],e)}function Ze(e,t,r){if(typeof t=="string"&&(t=t.split(".")),t.length===1)e[t[0]]=r;else{if(t.length===0)throw error;return e[t[0]]||(e[t[0]]={}),Ze(e[t[0]],t.slice(1),r)}}var Cr={};function C(e,t){Cr[e]=t}function et(e,t){return Object.entries(Cr).forEach(([r,n])=>{let i=null;function a(){if(i)return i;{let[s,o]=Rr(t);return i={interceptor:Ar,...s},_t(t,o),i}}Object.defineProperty(e,`$${r}`,{get(){return n(t,a())},enumerable:!1})}),e}function _i(e,t,r,...n){try{return r(...n)}catch(i){se(i,e,t)}}function se(e,t,r=void 0){e=Object.assign(e??{message:"No error message given."},{el:t,expression:r}),console.warn(`Alpine Expression Error: ${e.message}
+(()=>{var Bn=Object.create;var Ut=Object.defineProperty;var Kn=Object.getOwnPropertyDescriptor;var Un=Object.getOwnPropertyNames;var Hn=Object.getPrototypeOf,Wn=Object.prototype.hasOwnProperty;var P=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var kn=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Un(t))!Wn.call(e,i)&&i!==r&&Ut(e,i,{get:()=>t[i],enumerable:!(n=Kn(t,i))||n.enumerable});return e};var xe=(e,t,r)=>(r=e!=null?Bn(Hn(e)):{},kn(t||!e||!e.__esModule?Ut(r,"default",{value:e,enumerable:!0}):r,e));var mn=P((Ws,xn)=>{xn.exports=j;function j(){if(!(this instanceof j))return new j;this.totalLength=0,this.validLength=0,this.errorLength=0,this.validators={},this.changed=!1,this.state={changed:!1,valid:!0,pristine:{},required:{},values:{},errors:{}}}j.prototype.field=function(e,t,r){!r&&typeof t=="function"&&(r=t,t={}),r=r||vn,t=t||{},this.validators[e]=r,this.state.pristine[e]=!0,this.state.errors[e]=null,this.state.values[e]="",this.state.changed=!1,t.required===!1?this.state.required[e]=!1:(this.state.required[e]=!0,this.state.valid=!1,this.totalLength+=1)};j.prototype.file=function(e,t,r){!r&&typeof t=="function"&&(r=t,t={}),r=r||vn,t=t||{},this.validators[e]=r,this.state.pristine[e]=!0,this.state.errors[e]=null,this.state.values[e]=null,t.required===!1?this.state.required[e]=!1:(this.state.required[e]=!0,this.state.valid=!1,this.totalLength+=1)};j.prototype.validate=function(e,t){let r=this.validators[e],n=this.state.pristine[e],i=this.state.required[e],a=this.state.errors[e],s=r(t);this.state.errors[e]=s||null,this.state.values[e]=t,this._toggleChange(!1),n&&(this._toggleChange(!0),this.state.pristine[e]=!1),s?a||(i&&!n&&(this.validLength-=1),this._toggleChange(!0),this.errorLength+=1):a?(this._toggleChange(!0),this.errorLength-=1,i&&(this.validLength+=1)):!a&&n&&i&&(this.validLength+=1),this.validLength===this.totalLength&&this.errorLength===0?this.state.valid=!0:this.state.valid=!1};j.prototype.formData=function(){let e=this.state.values;return Object.keys(e).reduce(function(t,r){return t.append(r,e[r]),t},new window.FormData)};j.prototype._toggleChange=function(e){this.state.changed=e,this.changed=e};function vn(){}});var G=P((fe,Rt)=>{"use strict";Object.defineProperty(fe,"__esModule",{value:!0});fe.default=Za;function qe(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?qe=function(r){return typeof r}:qe=function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},qe(e)}function Za(e){var t=typeof e=="string"||e instanceof String;if(!t){var r;throw e===null?r="null":(r=qe(e),r==="object"&&e.constructor&&e.constructor.hasOwnProperty("name")?r=e.constructor.name:r="a ".concat(r)),new TypeError("Expected string but received ".concat(r,"."))}}Rt.exports=fe.default;Rt.exports.default=fe.default});var De=P((ce,$t)=>{"use strict";Object.defineProperty(ce,"__esModule",{value:!0});ce.default=es;function es(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;for(var r in t)typeof e[r]>"u"&&(e[r]=t[r]);return e}$t.exports=ce.default;$t.exports.default=ce.default});var yn=P((de,It)=>{"use strict";Object.defineProperty(de,"__esModule",{value:!0});de.default=ns;var ts=rs(G());function rs(e){return e&&e.__esModule?e:{default:e}}function Ne(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?Ne=function(r){return typeof r}:Ne=function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},Ne(e)}function ns(e,t){(0,ts.default)(e);var r,n;Ne(t)==="object"?(r=t.min||0,n=t.max):(r=arguments[1],n=arguments[2]);var i=encodeURI(e).split(/%..|./).length-1;return i>=r&&(typeof n>"u"||i<=n)}It.exports=de.default;It.exports.default=de.default});var wn=P((pe,Lt)=>{"use strict";Object.defineProperty(pe,"__esModule",{value:!0});pe.default=os;var is=bn(G()),as=bn(De());function bn(e){return e&&e.__esModule?e:{default:e}}var ss={require_tld:!0,allow_underscores:!1,allow_trailing_dot:!1};function os(e,t){(0,is.default)(e),t=(0,as.default)(t,ss),t.allow_trailing_dot&&e[e.length-1]==="."&&(e=e.substring(0,e.length-1));for(var r=e.split("."),n=0;n<r.length;n++)if(r[n].length>63)return!1;if(t.require_tld){var i=r.pop();if(!r.length||!/^([a-z\u00a1-\uffff]{2,}|xn[a-z0-9-]{2,})$/i.test(i)||/[\s\u2002-\u200B\u202F\u205F\u3000\uFEFF\uDB40\uDC20]/.test(i))return!1}for(var a,s=0;s<r.length;s++)if(a=r[s],t.allow_underscores&&(a=a.replace(/_/g,"")),!/^[a-z\u00a1-\uffff0-9-]+$/i.test(a)||/[\uff01-\uff5e]/.test(a)||a[0]==="-"||a[a.length-1]==="-")return!1;return!0}Lt.exports=pe.default;Lt.exports.default=pe.default});var En=P((he,jt)=>{"use strict";Object.defineProperty(he,"__esModule",{value:!0});he.default=ze;var ls=us(G());function us(e){return e&&e.__esModule?e:{default:e}}var fs=/^(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})$/,cs=/^[0-9A-F]{1,4}$/i;function ze(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"";if((0,ls.default)(e),t=String(t),t){if(t==="4"){if(!fs.test(e))return!1;var r=e.split(".").sort(function(u,f){return u-f});return r[3]<=255}else if(t==="6"){var n=[e];if(e.includes("%")&&(n=e.split("%"),n.length!==2||!n[0].includes(":")||n[1]===""))return!1;var i=n[0].split(":"),a=!1,s=ze(i[i.length-1],4),o=s?7:8;if(i.length>o)return!1;if(e==="::")return!0;e.substr(0,2)==="::"?(i.shift(),i.shift(),a=!0):e.substr(e.length-2)==="::"&&(i.pop(),i.pop(),a=!0);for(var l=0;l<i.length;++l)if(i[l]===""&&l>0&&l<i.length-1){if(a)return!1;a=!0}else if(!(s&&l===i.length-1)){if(!cs.test(i[l]))return!1}return a?i.length>=1:i.length===o}}else return ze(e,4)||ze(e,6);return!1}jt.exports=he.default;jt.exports.default=he.default});var An=P((ge,Dt)=>{"use strict";Object.defineProperty(ge,"__esModule",{value:!0});ge.default=Ms;var ds=_e(G()),ps=_e(De()),qt=_e(yn()),hs=_e(wn()),Sn=_e(En());function _e(e){return e&&e.__esModule?e:{default:e}}function _s(e,t){return xs(e)||vs(e,t)||gs()}function gs(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function vs(e,t){if(Symbol.iterator in Object(e)||Object.prototype.toString.call(e)==="[object Arguments]"){var r=[],n=!0,i=!1,a=void 0;try{for(var s=e[Symbol.iterator](),o;!(n=(o=s.next()).done)&&(r.push(o.value),!(t&&r.length===t));n=!0);}catch(l){i=!0,a=l}finally{try{!n&&s.return!=null&&s.return()}finally{if(i)throw a}}return r}}function xs(e){if(Array.isArray(e))return e}var ms={allow_display_name:!1,require_display_name:!1,allow_utf8_local_part:!0,require_tld:!0},ys=/^([^\x00-\x1F\x7F-\x9F\cX]+)<(.+)>$/i,bs=/^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~]+$/i,ws=/^[a-z\d]+$/,Es=/^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f]))*$/i,Ss=/^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+$/i,As=/^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*$/i,Cs=254;function Os(e){var t=e.match(/^"(.+)"$/i),r=t?t[1]:e;if(!r.trim())return!1;var n=/[\.";<>]/.test(r);if(n){if(!t)return!1;var i=r.split('"').length===r.split('\\"').length;if(!i)return!1}return!0}function Ms(e,t){if((0,ds.default)(e),t=(0,ps.default)(t,ms),t.require_display_name||t.allow_display_name){var r=e.match(ys);if(r){var n,i=_s(r,3);if(n=i[1],e=i[2],n.endsWith(" ")&&(n=n.substr(0,n.length-1)),!Os(n))return!1}else if(t.require_display_name)return!1}if(!t.ignore_max_length&&e.length>Cs)return!1;var a=e.split("@"),s=a.pop(),o=a.join("@"),l=s.toLowerCase();if(t.domain_specific_validation&&(l==="gmail.com"||l==="googlemail.com")){o=o.toLowerCase();var u=o.split("+")[0];if(!(0,qt.default)(u.replace(".",""),{min:6,max:30}))return!1;for(var f=u.split("."),d=0;d<f.length;d++)if(!ws.test(f[d]))return!1}if(!(0,qt.default)(o,{max:64})||!(0,qt.default)(s,{max:254}))return!1;if(!(0,hs.default)(s,{require_tld:t.require_tld})){if(!t.allow_ip_domain)return!1;if(!(0,Sn.default)(s)){if(!s.startsWith("[")||!s.endsWith("]"))return!1;var p=s.substr(1,s.length-2);if(p.length===0||!(0,Sn.default)(p))return!1}}if(o[0]==='"')return o=o.slice(1,o.length-1),t.allow_utf8_local_part?As.test(o):Es.test(o);for(var v=t.allow_utf8_local_part?Ss:bs,E=o.split("."),T=0;T<E.length;T++)if(!v.test(E[T]))return!1;return!0}Dt.exports=ge.default;Dt.exports.default=ge.default});var On=P((ve,Nt)=>{"use strict";Object.defineProperty(ve,"__esModule",{value:!0});ve.default=Rs;var Ps=Cn(G()),Fs=Cn(De());function Cn(e){return e&&e.__esModule?e:{default:e}}var Ts={ignore_whitespace:!1};function Rs(e,t){return(0,Ps.default)(e),t=(0,Fs.default)(t,Ts),(t.ignore_whitespace?e.trim().length:e.length)===0}Nt.exports=ve.default;Nt.exports.default=ve.default});var Rn=P((ks,Tn)=>{var $s=console.debug||console.log;Tn.exports={load:function(e,t){var r=Object.assign({sync:!1,libUrl:"https://cdnjs.cloudflare.com/ajax/libs/zxcvbn/4.4.2/zxcvbn.js",libIntegrity:"sha384-jhGcGHNZytnBnH1wbEM3KxJYyRDy9Q0QLKjE65xk+aMqXFCdvFuYIjzMWAAWBBtR"},e);return r.sync?Is(r):Ls(r,t)}};var Mn=1,Pn=-1,Fn=!1,Be=0;function Bt(e,t,r,n){if(Fn)Be===Mn?r():Be===Pn&&n();else{Fn=!0;var i=global.document.getElementsByTagName("head")[0],a=global.document.createElement("script");a.type="text/javascript",t&&(a.integrity=t,a.crossOrigin="anonymous"),a.async=!0,a.onload=function(){Be=Mn,r()},a.onerror=function(){Be=Pn,n()},a.src=e,i.appendChild(a)}}var zt=null;function Is(e){return Bt(e.libUrl,e.libIntegrity,function(){$s("zxcvbn loaded"),zt=global.zxcvbn},function(){console.error(new Error("Cannot load zxcvbn"))}),function(t,r){return zt?zt(t,r):{password:t,user_inputs:r,guesses:-1,guesses_log10:-1,crack_times_seconds:-1,crack_times_display:-1,score:-1,feedback:{suggestions:[],warning:""},sequence:[],calc_time:0}}}function Ls(e,t){if(typeof t=="function")Bt(e.libUrl,e.libIntegrity,function(){t(null,global.zxcvbn)},function(){t(new Error("Cannot load zxcvbn"))});else return new Promise(function(r,n){Bt(e.libUrl,e.libIntegrity,function(){r(global.zxcvbn)},function(){n(new Error("Cannot load zxcvbn"))})})}});var Ve=!1,Je=!1,N=[],Qe=-1;function Vn(e){Jn(e)}function Jn(e){N.includes(e)||N.push(e),Qn()}function ir(e){let t=N.indexOf(e);t!==-1&&t>Qe&&N.splice(t,1)}function Qn(){!Je&&!Ve&&(Ve=!0,queueMicrotask(Yn))}function Yn(){Ve=!1,Je=!0;for(let e=0;e<N.length;e++)N[e](),Qe=e;N.length=0,Qe=-1,Je=!1}var J,U,Q,ar,Ye=!0;function Gn(e){Ye=!1,e(),Ye=!0}function Xn(e){J=e.reactive,Q=e.release,U=t=>e.effect(t,{scheduler:r=>{Ye?Vn(r):r()}}),ar=e.raw}function Ht(e){U=e}function Zn(e){let t=()=>{};return[n=>{let i=U(n);return e._x_effects||(e._x_effects=new Set,e._x_runEffects=()=>{e._x_effects.forEach(a=>a())}),e._x_effects.add(i),t=()=>{i!==void 0&&(e._x_effects.delete(i),Q(i))},i},()=>{t()}]}function sr(e,t){let r=!0,n,i=U(()=>{let a=e();JSON.stringify(a),r?n=a:queueMicrotask(()=>{t(a,n),n=a}),r=!1});return()=>Q(i)}function ne(e,t,r={}){e.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0,cancelable:!0}))}function $(e,t){if(typeof ShadowRoot=="function"&&e instanceof ShadowRoot){Array.from(e.children).forEach(i=>$(i,t));return}let r=!1;if(t(e,()=>r=!0),r)return;let n=e.firstElementChild;for(;n;)$(n,t,!1),n=n.nextElementSibling}function S(e,...t){console.warn(`Alpine Warning: ${e}`,...t)}var Wt=!1;function ei(){Wt&&S("Alpine has already been initialized on this page. Calling Alpine.start() more than once can cause problems."),Wt=!0,document.body||S("Unable to initialize. Trying to load Alpine before `<body>` is available. Did you forget to add `defer` in Alpine's `<script>` tag?"),ne(document,"alpine:init"),ne(document,"alpine:initializing"),gt(),ni(t=>F(t,$)),pt(t=>dt(t)),gr((t,r)=>{yt(t,r).forEach(n=>n())});let e=t=>!Pe(t.parentElement,!0);Array.from(document.querySelectorAll(ur().join(","))).filter(e).forEach(t=>{F(t)}),ne(document,"alpine:initialized")}var ct=[],or=[];function lr(){return ct.map(e=>e())}function ur(){return ct.concat(or).map(e=>e())}function fr(e){ct.push(e)}function cr(e){or.push(e)}function Pe(e,t=!1){return se(e,r=>{if((t?ur():lr()).some(i=>r.matches(i)))return!0})}function se(e,t){if(e){if(t(e))return e;if(e._x_teleportBack&&(e=e._x_teleportBack),!!e.parentElement)return se(e.parentElement,t)}}function ti(e){return lr().some(t=>e.matches(t))}var dr=[];function ri(e){dr.push(e)}function F(e,t=$,r=()=>{}){vi(()=>{t(e,(n,i)=>{r(n,i),dr.forEach(a=>a(n,i)),yt(n,n.attributes).forEach(a=>a()),n._x_ignore&&i()})})}function dt(e,t=$){t(e,r=>{xr(r),ii(r)})}var pr=[],hr=[],_r=[];function ni(e){_r.push(e)}function pt(e,t){typeof t=="function"?(e._x_cleanups||(e._x_cleanups=[]),e._x_cleanups.push(t)):(t=e,hr.push(t))}function gr(e){pr.push(e)}function vr(e,t,r){e._x_attributeCleanups||(e._x_attributeCleanups={}),e._x_attributeCleanups[t]||(e._x_attributeCleanups[t]=[]),e._x_attributeCleanups[t].push(r)}function xr(e,t){e._x_attributeCleanups&&Object.entries(e._x_attributeCleanups).forEach(([r,n])=>{(t===void 0||t.includes(r))&&(n.forEach(i=>i()),delete e._x_attributeCleanups[r])})}function ii(e){if(e._x_cleanups)for(;e._x_cleanups.length;)e._x_cleanups.pop()()}var ht=new MutationObserver(xt),_t=!1;function gt(){ht.observe(document,{subtree:!0,childList:!0,attributes:!0,attributeOldValue:!0}),_t=!0}function mr(){ai(),ht.disconnect(),_t=!1}var Z=[];function ai(){let e=ht.takeRecords();Z.push(()=>e.length>0&&xt(e));let t=Z.length;queueMicrotask(()=>{if(Z.length===t)for(;Z.length>0;)Z.shift()()})}function m(e){if(!_t)return e();mr();let t=e();return gt(),t}var vt=!1,Ce=[];function si(){vt=!0}function oi(){vt=!1,xt(Ce),Ce=[]}function xt(e){if(vt){Ce=Ce.concat(e);return}let t=new Set,r=new Set,n=new Map,i=new Map;for(let a=0;a<e.length;a++)if(!e[a].target._x_ignoreMutationObserver&&(e[a].type==="childList"&&(e[a].addedNodes.forEach(s=>s.nodeType===1&&t.add(s)),e[a].removedNodes.forEach(s=>s.nodeType===1&&r.add(s))),e[a].type==="attributes")){let s=e[a].target,o=e[a].attributeName,l=e[a].oldValue,u=()=>{n.has(s)||n.set(s,[]),n.get(s).push({name:o,value:s.getAttribute(o)})},f=()=>{i.has(s)||i.set(s,[]),i.get(s).push(o)};s.hasAttribute(o)&&l===null?u():s.hasAttribute(o)?(f(),u()):f()}i.forEach((a,s)=>{xr(s,a)}),n.forEach((a,s)=>{pr.forEach(o=>o(s,a))});for(let a of r)t.has(a)||(hr.forEach(s=>s(a)),dt(a));t.forEach(a=>{a._x_ignoreSelf=!0,a._x_ignore=!0});for(let a of t)r.has(a)||a.isConnected&&(delete a._x_ignoreSelf,delete a._x_ignore,_r.forEach(s=>s(a)),a._x_ignore=!0,a._x_ignoreSelf=!0);t.forEach(a=>{delete a._x_ignoreSelf,delete a._x_ignore}),t=null,r=null,n=null,i=null}function yr(e){return le(k(e))}function oe(e,t,r){return e._x_dataStack=[t,...k(r||e)],()=>{e._x_dataStack=e._x_dataStack.filter(n=>n!==t)}}function k(e){return e._x_dataStack?e._x_dataStack:typeof ShadowRoot=="function"&&e instanceof ShadowRoot?k(e.host):e.parentNode?k(e.parentNode):[]}function le(e){return new Proxy({objects:e},li)}var li={ownKeys({objects:e}){return Array.from(new Set(e.flatMap(t=>Object.keys(t))))},has({objects:e},t){return t==Symbol.unscopables?!1:e.some(r=>Object.prototype.hasOwnProperty.call(r,t)||Reflect.has(r,t))},get({objects:e},t,r){return t=="toJSON"?ui:Reflect.get(e.find(n=>Reflect.has(n,t))||{},t,r)},set({objects:e},t,r,n){let i=e.find(s=>Object.prototype.hasOwnProperty.call(s,t))||e[e.length-1],a=Object.getOwnPropertyDescriptor(i,t);return a?.set&&a?.get?Reflect.set(i,t,r,n):Reflect.set(i,t,r)}};function ui(){return Reflect.ownKeys(this).reduce((t,r)=>(t[r]=Reflect.get(this,r),t),{})}function br(e){let t=n=>typeof n=="object"&&!Array.isArray(n)&&n!==null,r=(n,i="")=>{Object.entries(Object.getOwnPropertyDescriptors(n)).forEach(([a,{value:s,enumerable:o}])=>{if(o===!1||s===void 0||typeof s=="object"&&s!==null&&s.__v_skip)return;let l=i===""?a:`${i}.${a}`;typeof s=="object"&&s!==null&&s._x_interceptor?n[a]=s.initialize(e,l,a):t(s)&&s!==n&&!(s instanceof Element)&&r(s,l)})};return r(e)}function wr(e,t=()=>{}){let r={initialValue:void 0,_x_interceptor:!0,initialize(n,i,a){return e(this.initialValue,()=>fi(n,i),s=>Ge(n,i,s),i,a)}};return t(r),n=>{if(typeof n=="object"&&n!==null&&n._x_interceptor){let i=r.initialize.bind(r);r.initialize=(a,s,o)=>{let l=n.initialize(a,s,o);return r.initialValue=l,i(a,s,o)}}else r.initialValue=n;return r}}function fi(e,t){return t.split(".").reduce((r,n)=>r[n],e)}function Ge(e,t,r){if(typeof t=="string"&&(t=t.split(".")),t.length===1)e[t[0]]=r;else{if(t.length===0)throw error;return e[t[0]]||(e[t[0]]={}),Ge(e[t[0]],t.slice(1),r)}}var Er={};function C(e,t){Er[e]=t}function Xe(e,t){return Object.entries(Er).forEach(([r,n])=>{let i=null;function a(){if(i)return i;{let[s,o]=Pr(t);return i={interceptor:wr,...s},pt(t,o),i}}Object.defineProperty(e,`$${r}`,{get(){return n(t,a())},enumerable:!1})}),e}function ci(e,t,r,...n){try{return r(...n)}catch(i){ae(i,e,t)}}function ae(e,t,r=void 0){e=Object.assign(e??{message:"No error message given."},{el:t,expression:r}),console.warn(`Alpine Expression Error: ${e.message}
 
 ${r?'Expression: "'+r+`"
 
-`:""}`,t),setTimeout(()=>{throw e},0)}var Ae=!0;function Or(e){let t=Ae;Ae=!1;let r=e();return Ae=t,r}function z(e,t,r={}){let n;return b(e,t)(i=>n=i,r),n}function b(...e){return Mr(...e)}var Mr=Fr;function gi(e){Mr=e}function Fr(e,t){let r={};et(r,e);let n=[r,...V(e)],i=typeof t=="function"?vi(n,t):xi(n,t,e);return _i.bind(null,e,t,i)}function vi(e,t){return(r=()=>{},{scope:n={},params:i=[]}={})=>{let a=t.apply(le([n,...e]),i);Me(r,a)}}var We={};function mi(e,t){if(We[e])return We[e];let r=Object.getPrototypeOf(async function(){}).constructor,n=/^[\n\s]*if.*\(.*\)/.test(e.trim())||/^(let|const)\s/.test(e.trim())?`(async()=>{ ${e} })()`:e,a=(()=>{try{let s=new r(["__self","scope"],`with (scope) { __self.result = ${n} }; __self.finished = true; return __self.result;`);return Object.defineProperty(s,"name",{value:`[Alpine] ${e}`}),s}catch(s){return se(s,t,e),Promise.resolve()}})();return We[e]=a,a}function xi(e,t,r){let n=mi(t,r);return(i=()=>{},{scope:a={},params:s=[]}={})=>{n.result=void 0,n.finished=!1;let o=le([a,...e]);if(typeof n=="function"){let u=n(n,o).catch(l=>se(l,r,t));n.finished?(Me(i,n.result,o,s,r),n.result=void 0):u.then(l=>{Me(i,l,o,s,r)}).catch(l=>se(l,r,t)).finally(()=>n.result=void 0)}}}function Me(e,t,r,n,i){if(Ae&&typeof t=="function"){let a=t.apply(r,n);a instanceof Promise?a.then(s=>Me(e,s,r,n)).catch(s=>se(s,i,t)):e(a)}else typeof t=="object"&&t instanceof Promise?t.then(a=>e(a)):e(t)}var bt="x-";function G(e=""){return bt+e}function yi(e){bt=e}var tt={};function m(e,t){return tt[e]=t,{before(r){if(!tt[r]){console.warn(String.raw`Cannot find directive \`${r}\`. \`${e}\` will use the default order of execution`);return}let n=D.indexOf(r);D.splice(n>=0?n:D.indexOf("DEFAULT"),0,e)}}}function wt(e,t,r){if(t=Array.from(t),e._x_virtualDirectives){let a=Object.entries(e._x_virtualDirectives).map(([o,u])=>({name:o,value:u})),s=Pr(a);a=a.map(o=>s.find(u=>u.name===o.name)?{name:`x-bind:${o.name}`,value:`"${o.value}"`}:o),t=t.concat(a)}let n={};return t.map(Lr((a,s)=>n[a]=s)).filter(jr).map(Ei(n,r)).sort(Si).map(a=>wi(e,a))}function Pr(e){return Array.from(e).map(Lr()).filter(t=>!jr(t))}var rt=!1,ne=new Map,Tr=Symbol();function bi(e){rt=!0;let t=Symbol();Tr=t,ne.set(t,[]);let r=()=>{for(;ne.get(t).length;)ne.get(t).shift()();ne.delete(t)},n=()=>{rt=!1,r()};e(r),n()}function Rr(e){let t=[],r=o=>t.push(o),[n,i]=ni(e);return t.push(i),[{Alpine:fe,effect:n,cleanup:r,evaluateLater:b.bind(b,e),evaluate:z.bind(z,e)},()=>t.forEach(o=>o())]}function wi(e,t){let r=()=>{},n=tt[t.type]||r,[i,a]=Rr(e);yr(e,t.original,a);let s=()=>{e._x_ignore||e._x_ignoreSelf||(n.inline&&n.inline(e,t,i),n=n.bind(n,e,t,i),rt?ne.get(Tr).push(n):n())};return s.runCleanups=a,s}var Ir=(e,t)=>({name:r,value:n})=>(r.startsWith(e)&&(r=r.replace(e,t)),{name:r,value:n}),$r=e=>e;function Lr(e=()=>{}){return({name:t,value:r})=>{let{name:n,value:i}=qr.reduce((a,s)=>s(a),{name:t,value:r});return n!==t&&e(n,t),{name:n,value:i}}}var qr=[];function Et(e){qr.push(e)}function jr({name:e}){return Dr().test(e)}var Dr=()=>new RegExp(`^${bt}([^:^.]+)\\b`);function Ei(e,t){return({name:r,value:n})=>{let i=r.match(Dr()),a=r.match(/:([a-zA-Z0-9\-_:]+)/),s=r.match(/\.[^.\]]+(?=[^\]]*$)/g)||[],o=t||e[r]||r;return{type:i?i[1]:null,value:a?a[1]:null,modifiers:s.map(u=>u.replace(".","")),expression:n,original:o}}}var nt="DEFAULT",D=["ignore","ref","data","id","anchor","bind","init","for","model","modelable","transition","show","if",nt,"teleport"];function Si(e,t){let r=D.indexOf(e.type)===-1?nt:e.type,n=D.indexOf(t.type)===-1?nt:t.type;return D.indexOf(r)-D.indexOf(n)}var it=[],St=!1;function At(e=()=>{}){return queueMicrotask(()=>{St||setTimeout(()=>{at()})}),new Promise(t=>{it.push(()=>{e(),t()})})}function at(){for(St=!1;it.length;)it.shift()()}function Ai(){St=!0}function Ct(e,t){return Array.isArray(t)?Qt(e,t.join(" ")):typeof t=="object"&&t!==null?Ci(e,t):typeof t=="function"?Ct(e,t()):Qt(e,t)}function Qt(e,t){let r=a=>a.split(" ").filter(Boolean),n=a=>a.split(" ").filter(s=>!e.classList.contains(s)).filter(Boolean),i=a=>(e.classList.add(...a),()=>{e.classList.remove(...a)});return t=t===!0?t="":t||"",i(n(t))}function Ci(e,t){let r=o=>o.split(" ").filter(Boolean),n=Object.entries(t).flatMap(([o,u])=>u?r(o):!1).filter(Boolean),i=Object.entries(t).flatMap(([o,u])=>u?!1:r(o)).filter(Boolean),a=[],s=[];return i.forEach(o=>{e.classList.contains(o)&&(e.classList.remove(o),s.push(o))}),n.forEach(o=>{e.classList.contains(o)||(e.classList.add(o),a.push(o))}),()=>{s.forEach(o=>e.classList.add(o)),a.forEach(o=>e.classList.remove(o))}}function Te(e,t){return typeof t=="object"&&t!==null?Oi(e,t):Mi(e,t)}function Oi(e,t){let r={};return Object.entries(t).forEach(([n,i])=>{r[n]=e.style[n],n.startsWith("--")||(n=Fi(n)),e.style.setProperty(n,i)}),setTimeout(()=>{e.style.length===0&&e.removeAttribute("style")}),()=>{Te(e,r)}}function Mi(e,t){let r=e.getAttribute("style",t);return e.setAttribute("style",t),()=>{e.setAttribute("style",r||"")}}function Fi(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function st(e,t=()=>{}){let r=!1;return function(){r?t.apply(this,arguments):(r=!0,e.apply(this,arguments))}}m("transition",(e,{value:t,modifiers:r,expression:n},{evaluate:i})=>{typeof n=="function"&&(n=i(n)),n!==!1&&(!n||typeof n=="boolean"?Ti(e,r,t):Pi(e,n,t))});function Pi(e,t,r){Nr(e,Ct,""),{enter:i=>{e._x_transition.enter.during=i},"enter-start":i=>{e._x_transition.enter.start=i},"enter-end":i=>{e._x_transition.enter.end=i},leave:i=>{e._x_transition.leave.during=i},"leave-start":i=>{e._x_transition.leave.start=i},"leave-end":i=>{e._x_transition.leave.end=i}}[r](t)}function Ti(e,t,r){Nr(e,Te);let n=!t.includes("in")&&!t.includes("out")&&!r,i=n||t.includes("in")||["enter"].includes(r),a=n||t.includes("out")||["leave"].includes(r);t.includes("in")&&!n&&(t=t.filter((h,g)=>g<t.indexOf("out"))),t.includes("out")&&!n&&(t=t.filter((h,g)=>g>t.indexOf("out")));let s=!t.includes("opacity")&&!t.includes("scale"),o=s||t.includes("opacity"),u=s||t.includes("scale"),l=o?0:1,f=u?te(t,"scale",95)/100:1,d=te(t,"delay",0)/1e3,p=te(t,"origin","center"),v="opacity, transform",E=te(t,"duration",150)/1e3,P=te(t,"duration",75)/1e3,c="cubic-bezier(0.4, 0.0, 0.2, 1)";i&&(e._x_transition.enter.during={transformOrigin:p,transitionDelay:`${d}s`,transitionProperty:v,transitionDuration:`${E}s`,transitionTimingFunction:c},e._x_transition.enter.start={opacity:l,transform:`scale(${f})`},e._x_transition.enter.end={opacity:1,transform:"scale(1)"}),a&&(e._x_transition.leave.during={transformOrigin:p,transitionDelay:`${d}s`,transitionProperty:v,transitionDuration:`${P}s`,transitionTimingFunction:c},e._x_transition.leave.start={opacity:1,transform:"scale(1)"},e._x_transition.leave.end={opacity:l,transform:`scale(${f})`})}function Nr(e,t,r={}){e._x_transition||(e._x_transition={enter:{during:r,start:r,end:r},leave:{during:r,start:r,end:r},in(n=()=>{},i=()=>{}){ot(e,t,{during:this.enter.during,start:this.enter.start,end:this.enter.end},n,i)},out(n=()=>{},i=()=>{}){ot(e,t,{during:this.leave.during,start:this.leave.start,end:this.leave.end},n,i)}})}window.Element.prototype._x_toggleAndCascadeWithTransitions=function(e,t,r,n){let i=document.visibilityState==="visible"?requestAnimationFrame:setTimeout,a=()=>i(r);if(t){e._x_transition&&(e._x_transition.enter||e._x_transition.leave)?e._x_transition.enter&&(Object.entries(e._x_transition.enter.during).length||Object.entries(e._x_transition.enter.start).length||Object.entries(e._x_transition.enter.end).length)?e._x_transition.in(r):a():e._x_transition?e._x_transition.in(r):a();return}e._x_hidePromise=e._x_transition?new Promise((s,o)=>{e._x_transition.out(()=>{},()=>s(n)),e._x_transitioning&&e._x_transitioning.beforeCancel(()=>o({isFromCancelledTransition:!0}))}):Promise.resolve(n),queueMicrotask(()=>{let s=zr(e);s?(s._x_hideChildren||(s._x_hideChildren=[]),s._x_hideChildren.push(e)):i(()=>{let o=u=>{let l=Promise.all([u._x_hidePromise,...(u._x_hideChildren||[]).map(o)]).then(([f])=>f());return delete u._x_hidePromise,delete u._x_hideChildren,l};o(e).catch(u=>{if(!u.isFromCancelledTransition)throw u})})})};function zr(e){let t=e.parentNode;if(t)return t._x_hidePromise?t:zr(t)}function ot(e,t,{during:r,start:n,end:i}={},a=()=>{},s=()=>{}){if(e._x_transitioning&&e._x_transitioning.cancel(),Object.keys(r).length===0&&Object.keys(n).length===0&&Object.keys(i).length===0){a(),s();return}let o,u,l;Ri(e,{start(){o=t(e,n)},during(){u=t(e,r)},before:a,end(){o(),l=t(e,i)},after:s,cleanup(){u(),l()}})}function Ri(e,t){let r,n,i,a=st(()=>{x(()=>{r=!0,n||t.before(),i||(t.end(),at()),t.after(),e.isConnected&&t.cleanup(),delete e._x_transitioning})});e._x_transitioning={beforeCancels:[],beforeCancel(s){this.beforeCancels.push(s)},cancel:st(function(){for(;this.beforeCancels.length;)this.beforeCancels.shift()();a()}),finish:a},x(()=>{t.start(),t.during()}),Ai(),requestAnimationFrame(()=>{if(r)return;let s=Number(getComputedStyle(e).transitionDuration.replace(/,.*/,"").replace("s",""))*1e3,o=Number(getComputedStyle(e).transitionDelay.replace(/,.*/,"").replace("s",""))*1e3;s===0&&(s=Number(getComputedStyle(e).animationDuration.replace("s",""))*1e3),x(()=>{t.before()}),n=!0,requestAnimationFrame(()=>{r||(x(()=>{t.end()}),at(),setTimeout(e._x_transitioning.finish,s+o),i=!0)})})}function te(e,t,r){if(e.indexOf(t)===-1)return r;let n=e[e.indexOf(t)+1];if(!n||t==="scale"&&isNaN(n))return r;if(t==="duration"||t==="delay"){let i=n.match(/([0-9]+)ms/);if(i)return i[1]}return t==="origin"&&["top","right","left","center","bottom"].includes(e[e.indexOf(t)+2])?[n,e[e.indexOf(t)+2]].join(" "):n}var I=!1;function H(e,t=()=>{}){return(...r)=>I?t(...r):e(...r)}function Ii(e){return(...t)=>I&&e(...t)}var Br=[];function Re(e){Br.push(e)}function $i(e,t){Br.forEach(r=>r(e,t)),I=!0,Kr(()=>{F(t,(r,n)=>{n(r,()=>{})})}),I=!1}var ut=!1;function Li(e,t){t._x_dataStack||(t._x_dataStack=e._x_dataStack),I=!0,ut=!0,Kr(()=>{qi(t)}),I=!1,ut=!1}function qi(e){let t=!1;F(e,(n,i)=>{R(n,(a,s)=>{if(t&&ai(a))return s();t=!0,i(a,s)})})}function Kr(e){let t=U;Vt((r,n)=>{let i=t(r);return Y(i),()=>{}}),e(),Vt(t)}function Ur(e,t,r,n=[]){switch(e._x_bindings||(e._x_bindings=Q({})),e._x_bindings[t]=r,t=n.includes("camel")?Hi(t):t,t){case"value":ji(e,r);break;case"style":Ni(e,r);break;case"class":Di(e,r);break;case"selected":case"checked":zi(e,t,r);break;default:Hr(e,t,r);break}}function ji(e,t){if(e.type==="radio")e.attributes.value===void 0&&(e.value=t),window.fromModel&&(typeof t=="boolean"?e.checked=Ce(e.value)===t:e.checked=Yt(e.value,t));else if(e.type==="checkbox")Number.isInteger(t)?e.value=t:!Array.isArray(t)&&typeof t!="boolean"&&![null,void 0].includes(t)?e.value=String(t):Array.isArray(t)?e.checked=t.some(r=>Yt(r,e.value)):e.checked=!!t;else if(e.tagName==="SELECT")Ui(e,t);else{if(e.value===t)return;e.value=t===void 0?"":t}}function Di(e,t){e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedClasses=Ct(e,t)}function Ni(e,t){e._x_undoAddedStyles&&e._x_undoAddedStyles(),e._x_undoAddedStyles=Te(e,t)}function zi(e,t,r){Hr(e,t,r),Ki(e,t,r)}function Hr(e,t,r){[null,void 0,!1].includes(r)&&Wi(t)?e.removeAttribute(t):(Wr(t)&&(r=t),Bi(e,t,r))}function Bi(e,t,r){e.getAttribute(t)!=r&&e.setAttribute(t,r)}function Ki(e,t,r){e[t]!==r&&(e[t]=r)}function Ui(e,t){let r=[].concat(t).map(n=>n+"");Array.from(e.options).forEach(n=>{n.selected=r.includes(n.value)})}function Hi(e){return e.toLowerCase().replace(/-(\w)/g,(t,r)=>r.toUpperCase())}function Yt(e,t){return e==t}function Ce(e){return[1,"1","true","on","yes",!0].includes(e)?!0:[0,"0","false","off","no",!1].includes(e)?!1:e?!!e:null}function Wr(e){return["disabled","checked","required","readonly","hidden","open","selected","autofocus","itemscope","multiple","novalidate","allowfullscreen","allowpaymentrequest","formnovalidate","autoplay","controls","loop","muted","playsinline","default","ismap","reversed","async","defer","nomodule"].includes(e)}function Wi(e){return!["aria-pressed","aria-checked","aria-expanded","aria-selected"].includes(e)}function ki(e,t,r){return e._x_bindings&&e._x_bindings[t]!==void 0?e._x_bindings[t]:kr(e,t,r)}function Vi(e,t,r,n=!0){if(e._x_bindings&&e._x_bindings[t]!==void 0)return e._x_bindings[t];if(e._x_inlineBindings&&e._x_inlineBindings[t]!==void 0){let i=e._x_inlineBindings[t];return i.extract=n,Or(()=>z(e,i.expression))}return kr(e,t,r)}function kr(e,t,r){let n=e.getAttribute(t);return n===null?typeof r=="function"?r():r:n===""?!0:Wr(t)?!![t,"true"].includes(n):n}function Vr(e,t){var r;return function(){var n=this,i=arguments,a=function(){r=null,e.apply(n,i)};clearTimeout(r),r=setTimeout(a,t)}}function Jr(e,t){let r;return function(){let n=this,i=arguments;r||(e.apply(n,i),r=!0,setTimeout(()=>r=!1,t))}}function Qr({get:e,set:t},{get:r,set:n}){let i=!0,a,s,o=U(()=>{let u=e(),l=r();if(i)n(ke(u)),i=!1;else{let f=JSON.stringify(u),d=JSON.stringify(l);f!==a?n(ke(u)):f!==d&&t(ke(l))}a=JSON.stringify(e()),s=JSON.stringify(r())});return()=>{Y(o)}}function ke(e){return typeof e=="object"?JSON.parse(JSON.stringify(e)):e}function Ji(e){(Array.isArray(e)?e:[e]).forEach(r=>r(fe))}var j={},Gt=!1;function Qi(e,t){if(Gt||(j=Q(j),Gt=!0),t===void 0)return j[e];j[e]=t,typeof t=="object"&&t!==null&&t.hasOwnProperty("init")&&typeof t.init=="function"&&j[e].init(),Sr(j[e])}function Yi(){return j}var Yr={};function Gi(e,t){let r=typeof t!="function"?()=>t:t;return e instanceof Element?Gr(e,r()):(Yr[e]=r,()=>{})}function Xi(e){return Object.entries(Yr).forEach(([t,r])=>{Object.defineProperty(e,t,{get(){return(...n)=>r(...n)}})}),e}function Gr(e,t,r){let n=[];for(;n.length;)n.pop()();let i=Object.entries(t).map(([s,o])=>({name:s,value:o})),a=Pr(i);return i=i.map(s=>a.find(o=>o.name===s.name)?{name:`x-bind:${s.name}`,value:`"${s.value}"`}:s),wt(e,i,r).map(s=>{n.push(s.runCleanups),s()}),()=>{for(;n.length;)n.pop()()}}var Xr={};function Zi(e,t){Xr[e]=t}function ea(e,t){return Object.entries(Xr).forEach(([r,n])=>{Object.defineProperty(e,r,{get(){return(...i)=>n.bind(t)(...i)},enumerable:!1})}),e}var ta={get reactive(){return Q},get release(){return Y},get effect(){return U},get raw(){return ur},version:"3.13.7",flushAndStopDeferringMutations:ci,dontAutoEvaluateFunctions:Or,disableEffectScheduling:ti,startObservingMutations:mt,stopObservingMutations:wr,setReactivityEngine:ri,onAttributeRemoved:yr,onAttributesAdded:xr,closestDataStack:V,skipDuringClone:H,onlyDuringClone:Ii,addRootSelector:pr,addInitSelector:hr,interceptClone:Re,addScopeToNode:ue,deferMutations:fi,mapAttributes:Et,evaluateLater:b,interceptInit:si,setEvaluator:gi,mergeProxies:le,extractProp:Vi,findClosest:oe,onElRemoved:_t,closestRoot:Pe,destroyTree:ht,interceptor:Ar,transition:ot,setStyles:Te,mutateDom:x,directive:m,entangle:Qr,throttle:Jr,debounce:Vr,evaluate:z,initTree:F,nextTick:At,prefixed:G,prefix:yi,plugin:Ji,magic:C,store:Qi,start:ii,clone:Li,cloneNode:$i,bound:ki,$data:Er,watch:lr,walk:R,data:Zi,bind:Gi},fe=ta;function Zr(e,t){let r=Object.create(null),n=e.split(",");for(let i=0;i<n.length;i++)r[n[i]]=!0;return t?i=>!!r[i.toLowerCase()]:i=>!!r[i]}var ra="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly",Vs=Zr(ra+",async,autofocus,autoplay,controls,default,defer,disabled,hidden,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected"),na=Object.freeze({}),Js=Object.freeze([]),ia=Object.prototype.hasOwnProperty,Ie=(e,t)=>ia.call(e,t),B=Array.isArray,ae=e=>en(e)==="[object Map]",aa=e=>typeof e=="string",Ot=e=>typeof e=="symbol",$e=e=>e!==null&&typeof e=="object",sa=Object.prototype.toString,en=e=>sa.call(e),tn=e=>en(e).slice(8,-1),Mt=e=>aa(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,Le=e=>{let t=Object.create(null);return r=>t[r]||(t[r]=e(r))},oa=/-(\w)/g,Qs=Le(e=>e.replace(oa,(t,r)=>r?r.toUpperCase():"")),ua=/\B([A-Z])/g,Ys=Le(e=>e.replace(ua,"-$1").toLowerCase()),rn=Le(e=>e.charAt(0).toUpperCase()+e.slice(1)),Gs=Le(e=>e?`on${rn(e)}`:""),nn=(e,t)=>e!==t&&(e===e||t===t),lt=new WeakMap,re=[],M,K=Symbol("iterate"),ft=Symbol("Map key iterate");function la(e){return e&&e._isEffect===!0}function fa(e,t=na){la(e)&&(e=e.raw);let r=pa(e,t);return t.lazy||r(),r}function ca(e){e.active&&(an(e),e.options.onStop&&e.options.onStop(),e.active=!1)}var da=0;function pa(e,t){let r=function(){if(!r.active)return e();if(!re.includes(r)){an(r);try{return _a(),re.push(r),M=r,e()}finally{re.pop(),sn(),M=re[re.length-1]}}};return r.id=da++,r.allowRecurse=!!t.allowRecurse,r._isEffect=!0,r.active=!0,r.raw=e,r.deps=[],r.options=t,r}function an(e){let{deps:t}=e;if(t.length){for(let r=0;r<t.length;r++)t[r].delete(e);t.length=0}}var J=!0,Ft=[];function ha(){Ft.push(J),J=!1}function _a(){Ft.push(J),J=!0}function sn(){let e=Ft.pop();J=e===void 0?!0:e}function A(e,t,r){if(!J||M===void 0)return;let n=lt.get(e);n||lt.set(e,n=new Map);let i=n.get(r);i||n.set(r,i=new Set),i.has(M)||(i.add(M),M.deps.push(i),M.options.onTrack&&M.options.onTrack({effect:M,target:e,type:t,key:r}))}function $(e,t,r,n,i,a){let s=lt.get(e);if(!s)return;let o=new Set,u=f=>{f&&f.forEach(d=>{(d!==M||d.allowRecurse)&&o.add(d)})};if(t==="clear")s.forEach(u);else if(r==="length"&&B(e))s.forEach((f,d)=>{(d==="length"||d>=n)&&u(f)});else switch(r!==void 0&&u(s.get(r)),t){case"add":B(e)?Mt(r)&&u(s.get("length")):(u(s.get(K)),ae(e)&&u(s.get(ft)));break;case"delete":B(e)||(u(s.get(K)),ae(e)&&u(s.get(ft)));break;case"set":ae(e)&&u(s.get(K));break}let l=f=>{f.options.onTrigger&&f.options.onTrigger({effect:f,target:e,key:r,type:t,newValue:n,oldValue:i,oldTarget:a}),f.options.scheduler?f.options.scheduler(f):f()};o.forEach(l)}var ga=Zr("__proto__,__v_isRef,__isVue"),on=new Set(Object.getOwnPropertyNames(Symbol).map(e=>Symbol[e]).filter(Ot)),va=un(),ma=un(!0),Xt=xa();function xa(){let e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...r){let n=_(this);for(let a=0,s=this.length;a<s;a++)A(n,"get",a+"");let i=n[t](...r);return i===-1||i===!1?n[t](...r.map(_)):i}}),["push","pop","shift","unshift","splice"].forEach(t=>{e[t]=function(...r){ha();let n=_(this)[t].apply(this,r);return sn(),n}}),e}function un(e=!1,t=!1){return function(n,i,a){if(i==="__v_isReactive")return!e;if(i==="__v_isReadonly")return e;if(i==="__v_raw"&&a===(e?t?La:dn:t?$a:cn).get(n))return n;let s=B(n);if(!e&&s&&Ie(Xt,i))return Reflect.get(Xt,i,a);let o=Reflect.get(n,i,a);return(Ot(i)?on.has(i):ga(i))||(e||A(n,"get",i),t)?o:ct(o)?!s||!Mt(i)?o.value:o:$e(o)?e?pn(o):It(o):o}}var ya=ba();function ba(e=!1){return function(r,n,i,a){let s=r[n];if(!e&&(i=_(i),s=_(s),!B(r)&&ct(s)&&!ct(i)))return s.value=i,!0;let o=B(r)&&Mt(n)?Number(n)<r.length:Ie(r,n),u=Reflect.set(r,n,i,a);return r===_(a)&&(o?nn(i,s)&&$(r,"set",n,i,s):$(r,"add",n,i)),u}}function wa(e,t){let r=Ie(e,t),n=e[t],i=Reflect.deleteProperty(e,t);return i&&r&&$(e,"delete",t,void 0,n),i}function Ea(e,t){let r=Reflect.has(e,t);return(!Ot(t)||!on.has(t))&&A(e,"has",t),r}function Sa(e){return A(e,"iterate",B(e)?"length":K),Reflect.ownKeys(e)}var Aa={get:va,set:ya,deleteProperty:wa,has:Ea,ownKeys:Sa},Ca={get:ma,set(e,t){return console.warn(`Set operation on key "${String(t)}" failed: target is readonly.`,e),!0},deleteProperty(e,t){return console.warn(`Delete operation on key "${String(t)}" failed: target is readonly.`,e),!0}},Pt=e=>$e(e)?It(e):e,Tt=e=>$e(e)?pn(e):e,Rt=e=>e,qe=e=>Reflect.getPrototypeOf(e);function ye(e,t,r=!1,n=!1){e=e.__v_raw;let i=_(e),a=_(t);t!==a&&!r&&A(i,"get",t),!r&&A(i,"get",a);let{has:s}=qe(i),o=n?Rt:r?Tt:Pt;if(s.call(i,t))return o(e.get(t));if(s.call(i,a))return o(e.get(a));e!==i&&e.get(t)}function be(e,t=!1){let r=this.__v_raw,n=_(r),i=_(e);return e!==i&&!t&&A(n,"has",e),!t&&A(n,"has",i),e===i?r.has(e):r.has(e)||r.has(i)}function we(e,t=!1){return e=e.__v_raw,!t&&A(_(e),"iterate",K),Reflect.get(e,"size",e)}function Zt(e){e=_(e);let t=_(this);return qe(t).has.call(t,e)||(t.add(e),$(t,"add",e,e)),this}function er(e,t){t=_(t);let r=_(this),{has:n,get:i}=qe(r),a=n.call(r,e);a?fn(r,n,e):(e=_(e),a=n.call(r,e));let s=i.call(r,e);return r.set(e,t),a?nn(t,s)&&$(r,"set",e,t,s):$(r,"add",e,t),this}function tr(e){let t=_(this),{has:r,get:n}=qe(t),i=r.call(t,e);i?fn(t,r,e):(e=_(e),i=r.call(t,e));let a=n?n.call(t,e):void 0,s=t.delete(e);return i&&$(t,"delete",e,void 0,a),s}function rr(){let e=_(this),t=e.size!==0,r=ae(e)?new Map(e):new Set(e),n=e.clear();return t&&$(e,"clear",void 0,void 0,r),n}function Ee(e,t){return function(n,i){let a=this,s=a.__v_raw,o=_(s),u=t?Rt:e?Tt:Pt;return!e&&A(o,"iterate",K),s.forEach((l,f)=>n.call(i,u(l),u(f),a))}}function Se(e,t,r){return function(...n){let i=this.__v_raw,a=_(i),s=ae(a),o=e==="entries"||e===Symbol.iterator&&s,u=e==="keys"&&s,l=i[e](...n),f=r?Rt:t?Tt:Pt;return!t&&A(a,"iterate",u?ft:K),{next(){let{value:d,done:p}=l.next();return p?{value:d,done:p}:{value:o?[f(d[0]),f(d[1])]:f(d),done:p}},[Symbol.iterator](){return this}}}}function T(e){return function(...t){{let r=t[0]?`on key "${t[0]}" `:"";console.warn(`${rn(e)} operation ${r}failed: target is readonly.`,_(this))}return e==="delete"?!1:this}}function Oa(){let e={get(a){return ye(this,a)},get size(){return we(this)},has:be,add:Zt,set:er,delete:tr,clear:rr,forEach:Ee(!1,!1)},t={get(a){return ye(this,a,!1,!0)},get size(){return we(this)},has:be,add:Zt,set:er,delete:tr,clear:rr,forEach:Ee(!1,!0)},r={get(a){return ye(this,a,!0)},get size(){return we(this,!0)},has(a){return be.call(this,a,!0)},add:T("add"),set:T("set"),delete:T("delete"),clear:T("clear"),forEach:Ee(!0,!1)},n={get(a){return ye(this,a,!0,!0)},get size(){return we(this,!0)},has(a){return be.call(this,a,!0)},add:T("add"),set:T("set"),delete:T("delete"),clear:T("clear"),forEach:Ee(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(a=>{e[a]=Se(a,!1,!1),r[a]=Se(a,!0,!1),t[a]=Se(a,!1,!0),n[a]=Se(a,!0,!0)}),[e,r,t,n]}var[Ma,Fa,Pa,Ta]=Oa();function ln(e,t){let r=t?e?Ta:Pa:e?Fa:Ma;return(n,i,a)=>i==="__v_isReactive"?!e:i==="__v_isReadonly"?e:i==="__v_raw"?n:Reflect.get(Ie(r,i)&&i in n?r:n,i,a)}var Ra={get:ln(!1,!1)},Ia={get:ln(!0,!1)};function fn(e,t,r){let n=_(r);if(n!==r&&t.call(e,n)){let i=tn(e);console.warn(`Reactive ${i} contains both the raw and reactive versions of the same object${i==="Map"?" as keys":""}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`)}}var cn=new WeakMap,$a=new WeakMap,dn=new WeakMap,La=new WeakMap;function qa(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function ja(e){return e.__v_skip||!Object.isExtensible(e)?0:qa(tn(e))}function It(e){return e&&e.__v_isReadonly?e:hn(e,!1,Aa,Ra,cn)}function pn(e){return hn(e,!0,Ca,Ia,dn)}function hn(e,t,r,n,i){if(!$e(e))return console.warn(`value cannot be made reactive: ${String(e)}`),e;if(e.__v_raw&&!(t&&e.__v_isReactive))return e;let a=i.get(e);if(a)return a;let s=ja(e);if(s===0)return e;let o=new Proxy(e,s===2?n:r);return i.set(e,o),o}function _(e){return e&&_(e.__v_raw)||e}function ct(e){return!!(e&&e.__v_isRef===!0)}C("nextTick",()=>At);C("dispatch",e=>ie.bind(ie,e));C("watch",(e,{evaluateLater:t,cleanup:r})=>(n,i)=>{let a=t(n),o=lr(()=>{let u;return a(l=>u=l),u},i);r(o)});C("store",Yi);C("data",e=>Er(e));C("root",e=>Pe(e));C("refs",e=>(e._x_refs_proxy||(e._x_refs_proxy=le(Da(e))),e._x_refs_proxy));function Da(e){let t=[];return oe(e,r=>{r._x_refs&&t.push(r._x_refs)}),t}var Ve={};function _n(e){return Ve[e]||(Ve[e]=0),++Ve[e]}function Na(e,t){return oe(e,r=>{if(r._x_ids&&r._x_ids[t])return!0})}function za(e,t){e._x_ids||(e._x_ids={}),e._x_ids[t]||(e._x_ids[t]=_n(t))}C("id",(e,{cleanup:t})=>(r,n=null)=>{let i=`${r}${n?`-${n}`:""}`;return Ba(e,i,t,()=>{let a=Na(e,r),s=a?a._x_ids[r]:_n(r);return n?`${r}-${s}-${n}`:`${r}-${s}`})});Re((e,t)=>{e._x_id&&(t._x_id=e._x_id)});function Ba(e,t,r,n){if(e._x_id||(e._x_id={}),e._x_id[t])return e._x_id[t];let i=n();return e._x_id[t]=i,r(()=>{delete e._x_id[t]}),i}C("el",e=>e);gn("Focus","focus","focus");gn("Persist","persist","persist");function gn(e,t,r){C(t,n=>S(`You can't use [$${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}m("modelable",(e,{expression:t},{effect:r,evaluateLater:n,cleanup:i})=>{let a=n(t),s=()=>{let f;return a(d=>f=d),f},o=n(`${t} = __placeholder`),u=f=>o(()=>{},{scope:{__placeholder:f}}),l=s();u(l),queueMicrotask(()=>{if(!e._x_model)return;e._x_removeModelListeners.default();let f=e._x_model.get,d=e._x_model.set,p=Qr({get(){return f()},set(v){d(v)}},{get(){return s()},set(v){u(v)}});i(p)})});m("teleport",(e,{modifiers:t,expression:r},{cleanup:n})=>{e.tagName.toLowerCase()!=="template"&&S("x-teleport can only be used on a <template> tag",e);let i=nr(r),a=e.content.cloneNode(!0).firstElementChild;e._x_teleport=a,a._x_teleportBack=e,e.setAttribute("data-teleport-template",!0),a.setAttribute("data-teleport-target",!0),e._x_forwardEvents&&e._x_forwardEvents.forEach(o=>{a.addEventListener(o,u=>{u.stopPropagation(),e.dispatchEvent(new u.constructor(u.type,u))})}),ue(a,{},e);let s=(o,u,l)=>{l.includes("prepend")?u.parentNode.insertBefore(o,u):l.includes("append")?u.parentNode.insertBefore(o,u.nextSibling):u.appendChild(o)};x(()=>{s(a,i,t),F(a),a._x_ignore=!0}),e._x_teleportPutBack=()=>{let o=nr(r);x(()=>{s(e._x_teleport,o,t)})},n(()=>a.remove())});var Ka=document.createElement("div");function nr(e){let t=H(()=>document.querySelector(e),()=>Ka)();return t||S(`Cannot find x-teleport element for selector: "${e}"`),t}var vn=()=>{};vn.inline=(e,{modifiers:t},{cleanup:r})=>{t.includes("self")?e._x_ignoreSelf=!0:e._x_ignore=!0,r(()=>{t.includes("self")?delete e._x_ignoreSelf:delete e._x_ignore})};m("ignore",vn);m("effect",H((e,{expression:t},{effect:r})=>{r(b(e,t))}));function dt(e,t,r,n){let i=e,a=u=>n(u),s={},o=(u,l)=>f=>l(u,f);if(r.includes("dot")&&(t=Ua(t)),r.includes("camel")&&(t=Ha(t)),r.includes("passive")&&(s.passive=!0),r.includes("capture")&&(s.capture=!0),r.includes("window")&&(i=window),r.includes("document")&&(i=document),r.includes("debounce")){let u=r[r.indexOf("debounce")+1]||"invalid-wait",l=Fe(u.split("ms")[0])?Number(u.split("ms")[0]):250;a=Vr(a,l)}if(r.includes("throttle")){let u=r[r.indexOf("throttle")+1]||"invalid-wait",l=Fe(u.split("ms")[0])?Number(u.split("ms")[0]):250;a=Jr(a,l)}return r.includes("prevent")&&(a=o(a,(u,l)=>{l.preventDefault(),u(l)})),r.includes("stop")&&(a=o(a,(u,l)=>{l.stopPropagation(),u(l)})),r.includes("self")&&(a=o(a,(u,l)=>{l.target===e&&u(l)})),(r.includes("away")||r.includes("outside"))&&(i=document,a=o(a,(u,l)=>{e.contains(l.target)||l.target.isConnected!==!1&&(e.offsetWidth<1&&e.offsetHeight<1||e._x_isShown!==!1&&u(l))})),r.includes("once")&&(a=o(a,(u,l)=>{u(l),i.removeEventListener(t,a,s)})),a=o(a,(u,l)=>{ka(t)&&Va(l,r)||u(l)}),i.addEventListener(t,a,s),()=>{i.removeEventListener(t,a,s)}}function Ua(e){return e.replace(/-/g,".")}function Ha(e){return e.toLowerCase().replace(/-(\w)/g,(t,r)=>r.toUpperCase())}function Fe(e){return!Array.isArray(e)&&!isNaN(e)}function Wa(e){return[" ","_"].includes(e)?e:e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase()}function ka(e){return["keydown","keyup"].includes(e)}function Va(e,t){let r=t.filter(a=>!["window","document","prevent","stop","once","capture"].includes(a));if(r.includes("debounce")){let a=r.indexOf("debounce");r.splice(a,Fe((r[a+1]||"invalid-wait").split("ms")[0])?2:1)}if(r.includes("throttle")){let a=r.indexOf("throttle");r.splice(a,Fe((r[a+1]||"invalid-wait").split("ms")[0])?2:1)}if(r.length===0||r.length===1&&ir(e.key).includes(r[0]))return!1;let i=["ctrl","shift","alt","meta","cmd","super"].filter(a=>r.includes(a));return r=r.filter(a=>!i.includes(a)),!(i.length>0&&i.filter(s=>((s==="cmd"||s==="super")&&(s="meta"),e[`${s}Key`])).length===i.length&&ir(e.key).includes(r[0]))}function ir(e){if(!e)return[];e=Wa(e);let t={ctrl:"control",slash:"/",space:" ",spacebar:" ",cmd:"meta",esc:"escape",up:"arrow-up",down:"arrow-down",left:"arrow-left",right:"arrow-right",period:".",equal:"=",minus:"-",underscore:"_"};return t[e]=e,Object.keys(t).map(r=>{if(t[r]===e)return r}).filter(r=>r)}m("model",(e,{modifiers:t,expression:r},{effect:n,cleanup:i})=>{let a=e;t.includes("parent")&&(a=e.parentNode);let s=b(a,r),o;typeof r=="string"?o=b(a,`${r} = __placeholder`):typeof r=="function"&&typeof r()=="string"?o=b(a,`${r()} = __placeholder`):o=()=>{};let u=()=>{let p;return s(v=>p=v),ar(p)?p.get():p},l=p=>{let v;s(E=>v=E),ar(v)?v.set(p):o(()=>{},{scope:{__placeholder:p}})};typeof r=="string"&&e.type==="radio"&&x(()=>{e.hasAttribute("name")||e.setAttribute("name",r)});var f=e.tagName.toLowerCase()==="select"||["checkbox","radio"].includes(e.type)||t.includes("lazy")?"change":"input";let d=I?()=>{}:dt(e,f,t,p=>{l(Ja(e,t,p,u()))});if(t.includes("fill")&&([void 0,null,""].includes(u())||e.type==="checkbox"&&Array.isArray(u()))&&e.dispatchEvent(new Event(f,{})),e._x_removeModelListeners||(e._x_removeModelListeners={}),e._x_removeModelListeners.default=d,i(()=>e._x_removeModelListeners.default()),e.form){let p=dt(e.form,"reset",[],v=>{At(()=>e._x_model&&e._x_model.set(e.value))});i(()=>p())}e._x_model={get(){return u()},set(p){l(p)}},e._x_forceModelUpdate=p=>{p===void 0&&typeof r=="string"&&r.match(/\./)&&(p=""),window.fromModel=!0,x(()=>Ur(e,"value",p)),delete window.fromModel},n(()=>{let p=u();t.includes("unintrusive")&&document.activeElement.isSameNode(e)||e._x_forceModelUpdate(p)})});function Ja(e,t,r,n){return x(()=>{if(r instanceof CustomEvent&&r.detail!==void 0)return r.detail!==null&&r.detail!==void 0?r.detail:r.target.value;if(e.type==="checkbox")if(Array.isArray(n)){let i=null;return t.includes("number")?i=Je(r.target.value):t.includes("boolean")?i=Ce(r.target.value):i=r.target.value,r.target.checked?n.concat([i]):n.filter(a=>!Qa(a,i))}else return r.target.checked;else return e.tagName.toLowerCase()==="select"&&e.multiple?t.includes("number")?Array.from(r.target.selectedOptions).map(i=>{let a=i.value||i.text;return Je(a)}):t.includes("boolean")?Array.from(r.target.selectedOptions).map(i=>{let a=i.value||i.text;return Ce(a)}):Array.from(r.target.selectedOptions).map(i=>i.value||i.text):t.includes("number")?Je(r.target.value):t.includes("boolean")?Ce(r.target.value):t.includes("trim")?r.target.value.trim():r.target.value})}function Je(e){let t=e?parseFloat(e):null;return Ya(t)?t:e}function Qa(e,t){return e==t}function Ya(e){return!Array.isArray(e)&&!isNaN(e)}function ar(e){return e!==null&&typeof e=="object"&&typeof e.get=="function"&&typeof e.set=="function"}m("cloak",e=>queueMicrotask(()=>x(()=>e.removeAttribute(G("cloak")))));hr(()=>`[${G("init")}]`);m("init",H((e,{expression:t},{evaluate:r})=>typeof t=="string"?!!t.trim()&&r(t,{},!1):r(t,{},!1)));m("text",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(a=>{x(()=>{e.textContent=a})})})});m("html",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(a=>{x(()=>{e.innerHTML=a,e._x_ignoreSelf=!0,F(e),delete e._x_ignoreSelf})})})});Et(Ir(":",$r(G("bind:"))));var mn=(e,{value:t,modifiers:r,expression:n,original:i},{effect:a})=>{if(!t){let o={};Xi(o),b(e,n)(l=>{Gr(e,l,i)},{scope:o});return}if(t==="key")return Ga(e,n);if(e._x_inlineBindings&&e._x_inlineBindings[t]&&e._x_inlineBindings[t].extract)return;let s=b(e,n);a(()=>s(o=>{o===void 0&&typeof n=="string"&&n.match(/\./)&&(o=""),x(()=>Ur(e,t,o,r))}))};mn.inline=(e,{value:t,modifiers:r,expression:n})=>{t&&(e._x_inlineBindings||(e._x_inlineBindings={}),e._x_inlineBindings[t]={expression:n,extract:!1})};m("bind",mn);function Ga(e,t){e._x_keyExpression=t}pr(()=>`[${G("data")}]`);m("data",(e,{expression:t},{cleanup:r})=>{if(Xa(e))return;t=t===""?"{}":t;let n={};et(n,e);let i={};ea(i,n);let a=z(e,t,{scope:i});(a===void 0||a===!0)&&(a={}),et(a,e);let s=Q(a);Sr(s);let o=ue(e,s);s.init&&z(e,s.init),r(()=>{s.destroy&&z(e,s.destroy),o()})});Re((e,t)=>{e._x_dataStack&&(t._x_dataStack=e._x_dataStack,t.setAttribute("data-has-alpine-state",!0))});function Xa(e){return I?ut?!0:e.hasAttribute("data-has-alpine-state"):!1}m("show",(e,{modifiers:t,expression:r},{effect:n})=>{let i=b(e,r);e._x_doHide||(e._x_doHide=()=>{x(()=>{e.style.setProperty("display","none",t.includes("important")?"important":void 0)})}),e._x_doShow||(e._x_doShow=()=>{x(()=>{e.style.length===1&&e.style.display==="none"?e.removeAttribute("style"):e.style.removeProperty("display")})});let a=()=>{e._x_doHide(),e._x_isShown=!1},s=()=>{e._x_doShow(),e._x_isShown=!0},o=()=>setTimeout(s),u=st(d=>d?s():a(),d=>{typeof e._x_toggleAndCascadeWithTransitions=="function"?e._x_toggleAndCascadeWithTransitions(e,d,s,a):d?o():a()}),l,f=!0;n(()=>i(d=>{!f&&d===l||(t.includes("immediate")&&(d?o():a()),u(d),l=d,f=!1)}))});m("for",(e,{expression:t},{effect:r,cleanup:n})=>{let i=es(t),a=b(e,i.items),s=b(e,e._x_keyExpression||"index");e._x_prevKeys=[],e._x_lookup={},r(()=>Za(e,i,a,s)),n(()=>{Object.values(e._x_lookup).forEach(o=>o.remove()),delete e._x_prevKeys,delete e._x_lookup})});function Za(e,t,r,n){let i=s=>typeof s=="object"&&!Array.isArray(s),a=e;r(s=>{ts(s)&&s>=0&&(s=Array.from(Array(s).keys(),c=>c+1)),s===void 0&&(s=[]);let o=e._x_lookup,u=e._x_prevKeys,l=[],f=[];if(i(s))s=Object.entries(s).map(([c,h])=>{let g=sr(t,h,c,s);n(y=>{f.includes(y)&&S("Duplicate key on x-for",e),f.push(y)},{scope:{index:c,...g}}),l.push(g)});else for(let c=0;c<s.length;c++){let h=sr(t,s[c],c,s);n(g=>{f.includes(g)&&S("Duplicate key on x-for",e),f.push(g)},{scope:{index:c,...h}}),l.push(h)}let d=[],p=[],v=[],E=[];for(let c=0;c<u.length;c++){let h=u[c];f.indexOf(h)===-1&&v.push(h)}u=u.filter(c=>!v.includes(c));let P="template";for(let c=0;c<f.length;c++){let h=f[c],g=u.indexOf(h);if(g===-1)u.splice(c,0,h),d.push([P,c]);else if(g!==c){let y=u.splice(c,1)[0],w=u.splice(g-1,1)[0];u.splice(c,0,w),u.splice(g,0,y),p.push([y,w])}else E.push(h);P=h}for(let c=0;c<v.length;c++){let h=v[c];o[h]._x_effects&&o[h]._x_effects.forEach(or),o[h].remove(),o[h]=null,delete o[h]}for(let c=0;c<p.length;c++){let[h,g]=p[c],y=o[h],w=o[g],k=document.createElement("div");x(()=>{w||S('x-for ":key" is undefined or invalid',a,g,o),w.after(k),y.after(w),w._x_currentIfEl&&w.after(w._x_currentIfEl),k.before(y),y._x_currentIfEl&&y.after(y._x_currentIfEl),k.remove()}),w._x_refreshXForScope(l[f.indexOf(g)])}for(let c=0;c<d.length;c++){let[h,g]=d[c],y=h==="template"?a:o[h];y._x_currentIfEl&&(y=y._x_currentIfEl);let w=l[g],k=f[g],X=document.importNode(a.content,!0).firstElementChild,Wt=Q(w);ue(X,Wt,a),X._x_refreshXForScope=Kn=>{Object.entries(Kn).forEach(([Un,Hn])=>{Wt[Un]=Hn})},x(()=>{y.after(X),H(()=>F(X))()}),typeof k=="object"&&S("x-for key cannot be an object, it must be a string or an integer",a),o[k]=X}for(let c=0;c<E.length;c++)o[E[c]]._x_refreshXForScope(l[f.indexOf(E[c])]);a._x_prevKeys=f})}function es(e){let t=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,r=/^\s*\(|\)\s*$/g,n=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,i=e.match(n);if(!i)return;let a={};a.items=i[2].trim();let s=i[1].replace(r,"").trim(),o=s.match(t);return o?(a.item=s.replace(t,"").trim(),a.index=o[1].trim(),o[2]&&(a.collection=o[2].trim())):a.item=s,a}function sr(e,t,r,n){let i={};return/^\[.*\]$/.test(e.item)&&Array.isArray(t)?e.item.replace("[","").replace("]","").split(",").map(s=>s.trim()).forEach((s,o)=>{i[s]=t[o]}):/^\{.*\}$/.test(e.item)&&!Array.isArray(t)&&typeof t=="object"?e.item.replace("{","").replace("}","").split(",").map(s=>s.trim()).forEach(s=>{i[s]=t[s]}):i[e.item]=t,e.index&&(i[e.index]=r),e.collection&&(i[e.collection]=n),i}function ts(e){return!Array.isArray(e)&&!isNaN(e)}function xn(){}xn.inline=(e,{expression:t},{cleanup:r})=>{let n=Pe(e);n._x_refs||(n._x_refs={}),n._x_refs[t]=e,r(()=>delete n._x_refs[t])};m("ref",xn);m("if",(e,{expression:t},{effect:r,cleanup:n})=>{e.tagName.toLowerCase()!=="template"&&S("x-if can only be used on a <template> tag",e);let i=b(e,t),a=()=>{if(e._x_currentIfEl)return e._x_currentIfEl;let o=e.content.cloneNode(!0).firstElementChild;return ue(o,{},e),x(()=>{e.after(o),H(()=>F(o))()}),e._x_currentIfEl=o,e._x_undoIf=()=>{R(o,u=>{u._x_effects&&u._x_effects.forEach(or)}),o.remove(),delete e._x_currentIfEl},o},s=()=>{e._x_undoIf&&(e._x_undoIf(),delete e._x_undoIf)};r(()=>i(o=>{o?a():s()})),n(()=>e._x_undoIf&&e._x_undoIf())});m("id",(e,{expression:t},{evaluate:r})=>{r(t).forEach(i=>za(e,i))});Re((e,t)=>{e._x_ids&&(t._x_ids=e._x_ids)});Et(Ir("@",$r(G("on:"))));m("on",H((e,{value:t,modifiers:r,expression:n},{cleanup:i})=>{let a=n?b(e,n):()=>{};e.tagName.toLowerCase()==="template"&&(e._x_forwardEvents||(e._x_forwardEvents=[]),e._x_forwardEvents.includes(t)||e._x_forwardEvents.push(t));let s=dt(e,t,r,o=>{a(()=>{},{scope:{$event:o},params:[o]})});i(()=>s())}));je("Collapse","collapse","collapse");je("Intersect","intersect","intersect");je("Focus","trap","focus");je("Mask","mask","mask");function je(e,t,r){m(t,n=>S(`You can't use [x-${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}fe.setEvaluator(Fr);fe.setReactivityEngine({reactive:It,effect:fa,release:ca,raw:_});var rs=fe,L=rs;var jn=Z(wn()),Dn=Z(Mn()),He=Z(Pn()),Us=Z(Tn()),Hs=Z(qn()),Ws=()=>({loading:!1,response:null,action:"",method:"POST",validator:(0,jn.default)(),valid:!0,errors:[],async submit(e){this.loading=!0,this.response=null,this.errors=[];let t=new FormData(e.target);if(t.forEach((n,i)=>{this.validator.validate(i,n)}),!this.validator.state.valid){for(let[n,i]of Object.entries(this.validator.state.errors))i&&this.errors.push({name:n,message:i.message});return}this.errors=[];let r=this.validator.state.values;try{let n=await fetch("",{method:"POST",credentials:"include",headers:{Accept:"application/json","X-CSRF-Token":r["gorilla.csrf.Token"],Pragma:"no-cache","Cache-Control":"no-cache"},body:new URLSearchParams(r)});n.redirected&&(window.location.href=n.url);let a=n.status,s=n.headers.get("content-type");console.log(a),console.log(s)}catch(n){console.log(n)}finally{this.loading=!1}console.log(t),this.loading=!1}}),Nn=()=>Object.assign({},Ws(),{init(){this.validator.field("email",e=>{if((0,He.default)(e))return new Error("Email is required");if(!(0,Dn.default)(e))return new Error("This is not valid email address")}),this.validator.field("password",e=>{if((0,He.default)(e))return new Error("Password is required")}),this.validator.field("gorilla.csrf.Token",e=>{if((0,He.default)(e))return new Error("Csrf missing")})}});var zn=()=>({error:null,validate(){if(!this.response?.errors?.[this.$el.name])return this.error=null;this.error=this.response.errors[this.$el.name]}});var Bn=()=>({loading:!1,response:null,tags:["ambient","acoustic","alternative","chill","dream-pop","electro","electronic","experimental","folk","funk","hiphop","house","indie-pop","indie-rock","instrumental","jazz","metal","podcasts","pop","punk","reggae"],artists:[],open:!1,init(){},async submit(e){}});L.directive("uppercase",e=>{e.textContent=e.textContent.toUpperCase()});L.directive("log",(e,{expression:t},{evaluateLater:r,effect:n})=>{let i=r(t);n(()=>{i(a=>{console.log(a)})})});document.addEventListener("alpine:init",()=>{L.data("form",Nn),L.data("search",Bn),L.data("input",zn)});window.Alpine=L;L.start();})();
+`:""}`,t),setTimeout(()=>{throw e},0)}var Se=!0;function Sr(e){let t=Se;Se=!1;let r=e();return Se=t,r}function z(e,t,r={}){let n;return b(e,t)(i=>n=i,r),n}function b(...e){return Ar(...e)}var Ar=Cr;function di(e){Ar=e}function Cr(e,t){let r={};Xe(r,e);let n=[r,...k(e)],i=typeof t=="function"?pi(n,t):_i(n,t,e);return ci.bind(null,e,t,i)}function pi(e,t){return(r=()=>{},{scope:n={},params:i=[]}={})=>{let a=t.apply(le([n,...e]),i);Oe(r,a)}}var Ue={};function hi(e,t){if(Ue[e])return Ue[e];let r=Object.getPrototypeOf(async function(){}).constructor,n=/^[\n\s]*if.*\(.*\)/.test(e.trim())||/^(let|const)\s/.test(e.trim())?`(async()=>{ ${e} })()`:e,a=(()=>{try{let s=new r(["__self","scope"],`with (scope) { __self.result = ${n} }; __self.finished = true; return __self.result;`);return Object.defineProperty(s,"name",{value:`[Alpine] ${e}`}),s}catch(s){return ae(s,t,e),Promise.resolve()}})();return Ue[e]=a,a}function _i(e,t,r){let n=hi(t,r);return(i=()=>{},{scope:a={},params:s=[]}={})=>{n.result=void 0,n.finished=!1;let o=le([a,...e]);if(typeof n=="function"){let l=n(n,o).catch(u=>ae(u,r,t));n.finished?(Oe(i,n.result,o,s,r),n.result=void 0):l.then(u=>{Oe(i,u,o,s,r)}).catch(u=>ae(u,r,t)).finally(()=>n.result=void 0)}}}function Oe(e,t,r,n,i){if(Se&&typeof t=="function"){let a=t.apply(r,n);a instanceof Promise?a.then(s=>Oe(e,s,r,n)).catch(s=>ae(s,i,t)):e(a)}else typeof t=="object"&&t instanceof Promise?t.then(a=>e(a)):e(t)}var mt="x-";function Y(e=""){return mt+e}function gi(e){mt=e}var Ze={};function x(e,t){return Ze[e]=t,{before(r){if(!Ze[r]){console.warn(String.raw`Cannot find directive \`${r}\`. \`${e}\` will use the default order of execution`);return}let n=D.indexOf(r);D.splice(n>=0?n:D.indexOf("DEFAULT"),0,e)}}}function yt(e,t,r){if(t=Array.from(t),e._x_virtualDirectives){let a=Object.entries(e._x_virtualDirectives).map(([o,l])=>({name:o,value:l})),s=Or(a);a=a.map(o=>s.find(l=>l.name===o.name)?{name:`x-bind:${o.name}`,value:`"${o.value}"`}:o),t=t.concat(a)}let n={};return t.map(Rr((a,s)=>n[a]=s)).filter(Ir).map(mi(n,r)).sort(yi).map(a=>xi(e,a))}function Or(e){return Array.from(e).map(Rr()).filter(t=>!Ir(t))}var et=!1,re=new Map,Mr=Symbol();function vi(e){et=!0;let t=Symbol();Mr=t,re.set(t,[]);let r=()=>{for(;re.get(t).length;)re.get(t).shift()();re.delete(t)},n=()=>{et=!1,r()};e(r),n()}function Pr(e){let t=[],r=o=>t.push(o),[n,i]=Zn(e);return t.push(i),[{Alpine:ue,effect:n,cleanup:r,evaluateLater:b.bind(b,e),evaluate:z.bind(z,e)},()=>t.forEach(o=>o())]}function xi(e,t){let r=()=>{},n=Ze[t.type]||r,[i,a]=Pr(e);vr(e,t.original,a);let s=()=>{e._x_ignore||e._x_ignoreSelf||(n.inline&&n.inline(e,t,i),n=n.bind(n,e,t,i),et?re.get(Mr).push(n):n())};return s.runCleanups=a,s}var Fr=(e,t)=>({name:r,value:n})=>(r.startsWith(e)&&(r=r.replace(e,t)),{name:r,value:n}),Tr=e=>e;function Rr(e=()=>{}){return({name:t,value:r})=>{let{name:n,value:i}=$r.reduce((a,s)=>s(a),{name:t,value:r});return n!==t&&e(n,t),{name:n,value:i}}}var $r=[];function bt(e){$r.push(e)}function Ir({name:e}){return Lr().test(e)}var Lr=()=>new RegExp(`^${mt}([^:^.]+)\\b`);function mi(e,t){return({name:r,value:n})=>{let i=r.match(Lr()),a=r.match(/:([a-zA-Z0-9\-_:]+)/),s=r.match(/\.[^.\]]+(?=[^\]]*$)/g)||[],o=t||e[r]||r;return{type:i?i[1]:null,value:a?a[1]:null,modifiers:s.map(l=>l.replace(".","")),expression:n,original:o}}}var tt="DEFAULT",D=["ignore","ref","data","id","anchor","bind","init","for","model","modelable","transition","show","if",tt,"teleport"];function yi(e,t){let r=D.indexOf(e.type)===-1?tt:e.type,n=D.indexOf(t.type)===-1?tt:t.type;return D.indexOf(r)-D.indexOf(n)}var rt=[],wt=!1;function Et(e=()=>{}){return queueMicrotask(()=>{wt||setTimeout(()=>{nt()})}),new Promise(t=>{rt.push(()=>{e(),t()})})}function nt(){for(wt=!1;rt.length;)rt.shift()()}function bi(){wt=!0}function St(e,t){return Array.isArray(t)?kt(e,t.join(" ")):typeof t=="object"&&t!==null?wi(e,t):typeof t=="function"?St(e,t()):kt(e,t)}function kt(e,t){let r=a=>a.split(" ").filter(Boolean),n=a=>a.split(" ").filter(s=>!e.classList.contains(s)).filter(Boolean),i=a=>(e.classList.add(...a),()=>{e.classList.remove(...a)});return t=t===!0?t="":t||"",i(n(t))}function wi(e,t){let r=o=>o.split(" ").filter(Boolean),n=Object.entries(t).flatMap(([o,l])=>l?r(o):!1).filter(Boolean),i=Object.entries(t).flatMap(([o,l])=>l?!1:r(o)).filter(Boolean),a=[],s=[];return i.forEach(o=>{e.classList.contains(o)&&(e.classList.remove(o),s.push(o))}),n.forEach(o=>{e.classList.contains(o)||(e.classList.add(o),a.push(o))}),()=>{s.forEach(o=>e.classList.add(o)),a.forEach(o=>e.classList.remove(o))}}function Fe(e,t){return typeof t=="object"&&t!==null?Ei(e,t):Si(e,t)}function Ei(e,t){let r={};return Object.entries(t).forEach(([n,i])=>{r[n]=e.style[n],n.startsWith("--")||(n=Ai(n)),e.style.setProperty(n,i)}),setTimeout(()=>{e.style.length===0&&e.removeAttribute("style")}),()=>{Fe(e,r)}}function Si(e,t){let r=e.getAttribute("style",t);return e.setAttribute("style",t),()=>{e.setAttribute("style",r||"")}}function Ai(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function it(e,t=()=>{}){let r=!1;return function(){r?t.apply(this,arguments):(r=!0,e.apply(this,arguments))}}x("transition",(e,{value:t,modifiers:r,expression:n},{evaluate:i})=>{typeof n=="function"&&(n=i(n)),n!==!1&&(!n||typeof n=="boolean"?Oi(e,r,t):Ci(e,n,t))});function Ci(e,t,r){jr(e,St,""),{enter:i=>{e._x_transition.enter.during=i},"enter-start":i=>{e._x_transition.enter.start=i},"enter-end":i=>{e._x_transition.enter.end=i},leave:i=>{e._x_transition.leave.during=i},"leave-start":i=>{e._x_transition.leave.start=i},"leave-end":i=>{e._x_transition.leave.end=i}}[r](t)}function Oi(e,t,r){jr(e,Fe);let n=!t.includes("in")&&!t.includes("out")&&!r,i=n||t.includes("in")||["enter"].includes(r),a=n||t.includes("out")||["leave"].includes(r);t.includes("in")&&!n&&(t=t.filter((h,g)=>g<t.indexOf("out"))),t.includes("out")&&!n&&(t=t.filter((h,g)=>g>t.indexOf("out")));let s=!t.includes("opacity")&&!t.includes("scale"),o=s||t.includes("opacity"),l=s||t.includes("scale"),u=o?0:1,f=l?ee(t,"scale",95)/100:1,d=ee(t,"delay",0)/1e3,p=ee(t,"origin","center"),v="opacity, transform",E=ee(t,"duration",150)/1e3,T=ee(t,"duration",75)/1e3,c="cubic-bezier(0.4, 0.0, 0.2, 1)";i&&(e._x_transition.enter.during={transformOrigin:p,transitionDelay:`${d}s`,transitionProperty:v,transitionDuration:`${E}s`,transitionTimingFunction:c},e._x_transition.enter.start={opacity:u,transform:`scale(${f})`},e._x_transition.enter.end={opacity:1,transform:"scale(1)"}),a&&(e._x_transition.leave.during={transformOrigin:p,transitionDelay:`${d}s`,transitionProperty:v,transitionDuration:`${T}s`,transitionTimingFunction:c},e._x_transition.leave.start={opacity:1,transform:"scale(1)"},e._x_transition.leave.end={opacity:u,transform:`scale(${f})`})}function jr(e,t,r={}){e._x_transition||(e._x_transition={enter:{during:r,start:r,end:r},leave:{during:r,start:r,end:r},in(n=()=>{},i=()=>{}){at(e,t,{during:this.enter.during,start:this.enter.start,end:this.enter.end},n,i)},out(n=()=>{},i=()=>{}){at(e,t,{during:this.leave.during,start:this.leave.start,end:this.leave.end},n,i)}})}window.Element.prototype._x_toggleAndCascadeWithTransitions=function(e,t,r,n){let i=document.visibilityState==="visible"?requestAnimationFrame:setTimeout,a=()=>i(r);if(t){e._x_transition&&(e._x_transition.enter||e._x_transition.leave)?e._x_transition.enter&&(Object.entries(e._x_transition.enter.during).length||Object.entries(e._x_transition.enter.start).length||Object.entries(e._x_transition.enter.end).length)?e._x_transition.in(r):a():e._x_transition?e._x_transition.in(r):a();return}e._x_hidePromise=e._x_transition?new Promise((s,o)=>{e._x_transition.out(()=>{},()=>s(n)),e._x_transitioning&&e._x_transitioning.beforeCancel(()=>o({isFromCancelledTransition:!0}))}):Promise.resolve(n),queueMicrotask(()=>{let s=qr(e);s?(s._x_hideChildren||(s._x_hideChildren=[]),s._x_hideChildren.push(e)):i(()=>{let o=l=>{let u=Promise.all([l._x_hidePromise,...(l._x_hideChildren||[]).map(o)]).then(([f])=>f());return delete l._x_hidePromise,delete l._x_hideChildren,u};o(e).catch(l=>{if(!l.isFromCancelledTransition)throw l})})})};function qr(e){let t=e.parentNode;if(t)return t._x_hidePromise?t:qr(t)}function at(e,t,{during:r,start:n,end:i}={},a=()=>{},s=()=>{}){if(e._x_transitioning&&e._x_transitioning.cancel(),Object.keys(r).length===0&&Object.keys(n).length===0&&Object.keys(i).length===0){a(),s();return}let o,l,u;Mi(e,{start(){o=t(e,n)},during(){l=t(e,r)},before:a,end(){o(),u=t(e,i)},after:s,cleanup(){l(),u()}})}function Mi(e,t){let r,n,i,a=it(()=>{m(()=>{r=!0,n||t.before(),i||(t.end(),nt()),t.after(),e.isConnected&&t.cleanup(),delete e._x_transitioning})});e._x_transitioning={beforeCancels:[],beforeCancel(s){this.beforeCancels.push(s)},cancel:it(function(){for(;this.beforeCancels.length;)this.beforeCancels.shift()();a()}),finish:a},m(()=>{t.start(),t.during()}),bi(),requestAnimationFrame(()=>{if(r)return;let s=Number(getComputedStyle(e).transitionDuration.replace(/,.*/,"").replace("s",""))*1e3,o=Number(getComputedStyle(e).transitionDelay.replace(/,.*/,"").replace("s",""))*1e3;s===0&&(s=Number(getComputedStyle(e).animationDuration.replace("s",""))*1e3),m(()=>{t.before()}),n=!0,requestAnimationFrame(()=>{r||(m(()=>{t.end()}),nt(),setTimeout(e._x_transitioning.finish,s+o),i=!0)})})}function ee(e,t,r){if(e.indexOf(t)===-1)return r;let n=e[e.indexOf(t)+1];if(!n||t==="scale"&&isNaN(n))return r;if(t==="duration"||t==="delay"){let i=n.match(/([0-9]+)ms/);if(i)return i[1]}return t==="origin"&&["top","right","left","center","bottom"].includes(e[e.indexOf(t)+2])?[n,e[e.indexOf(t)+2]].join(" "):n}var I=!1;function H(e,t=()=>{}){return(...r)=>I?t(...r):e(...r)}function Pi(e){return(...t)=>I&&e(...t)}var Dr=[];function Te(e){Dr.push(e)}function Fi(e,t){Dr.forEach(r=>r(e,t)),I=!0,Nr(()=>{F(t,(r,n)=>{n(r,()=>{})})}),I=!1}var st=!1;function Ti(e,t){t._x_dataStack||(t._x_dataStack=e._x_dataStack),I=!0,st=!0,Nr(()=>{Ri(t)}),I=!1,st=!1}function Ri(e){let t=!1;F(e,(n,i)=>{$(n,(a,s)=>{if(t&&ti(a))return s();t=!0,i(a,s)})})}function Nr(e){let t=U;Ht((r,n)=>{let i=t(r);return Q(i),()=>{}}),e(),Ht(t)}function zr(e,t,r,n=[]){switch(e._x_bindings||(e._x_bindings=J({})),e._x_bindings[t]=r,t=n.includes("camel")?zi(t):t,t){case"value":$i(e,r);break;case"style":Li(e,r);break;case"class":Ii(e,r);break;case"selected":case"checked":ji(e,t,r);break;default:Br(e,t,r);break}}function $i(e,t){if(e.type==="radio")e.attributes.value===void 0&&(e.value=t),window.fromModel&&(typeof t=="boolean"?e.checked=Ae(e.value)===t:e.checked=Vt(e.value,t));else if(e.type==="checkbox")Number.isInteger(t)?e.value=t:!Array.isArray(t)&&typeof t!="boolean"&&![null,void 0].includes(t)?e.value=String(t):Array.isArray(t)?e.checked=t.some(r=>Vt(r,e.value)):e.checked=!!t;else if(e.tagName==="SELECT")Ni(e,t);else{if(e.value===t)return;e.value=t===void 0?"":t}}function Ii(e,t){e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedClasses=St(e,t)}function Li(e,t){e._x_undoAddedStyles&&e._x_undoAddedStyles(),e._x_undoAddedStyles=Fe(e,t)}function ji(e,t,r){Br(e,t,r),Di(e,t,r)}function Br(e,t,r){[null,void 0,!1].includes(r)&&Bi(t)?e.removeAttribute(t):(Kr(t)&&(r=t),qi(e,t,r))}function qi(e,t,r){e.getAttribute(t)!=r&&e.setAttribute(t,r)}function Di(e,t,r){e[t]!==r&&(e[t]=r)}function Ni(e,t){let r=[].concat(t).map(n=>n+"");Array.from(e.options).forEach(n=>{n.selected=r.includes(n.value)})}function zi(e){return e.toLowerCase().replace(/-(\w)/g,(t,r)=>r.toUpperCase())}function Vt(e,t){return e==t}function Ae(e){return[1,"1","true","on","yes",!0].includes(e)?!0:[0,"0","false","off","no",!1].includes(e)?!1:e?!!e:null}function Kr(e){return["disabled","checked","required","readonly","hidden","open","selected","autofocus","itemscope","multiple","novalidate","allowfullscreen","allowpaymentrequest","formnovalidate","autoplay","controls","loop","muted","playsinline","default","ismap","reversed","async","defer","nomodule"].includes(e)}function Bi(e){return!["aria-pressed","aria-checked","aria-expanded","aria-selected"].includes(e)}function Ki(e,t,r){return e._x_bindings&&e._x_bindings[t]!==void 0?e._x_bindings[t]:Ur(e,t,r)}function Ui(e,t,r,n=!0){if(e._x_bindings&&e._x_bindings[t]!==void 0)return e._x_bindings[t];if(e._x_inlineBindings&&e._x_inlineBindings[t]!==void 0){let i=e._x_inlineBindings[t];return i.extract=n,Sr(()=>z(e,i.expression))}return Ur(e,t,r)}function Ur(e,t,r){let n=e.getAttribute(t);return n===null?typeof r=="function"?r():r:n===""?!0:Kr(t)?!![t,"true"].includes(n):n}function Hr(e,t){var r;return function(){var n=this,i=arguments,a=function(){r=null,e.apply(n,i)};clearTimeout(r),r=setTimeout(a,t)}}function Wr(e,t){let r;return function(){let n=this,i=arguments;r||(e.apply(n,i),r=!0,setTimeout(()=>r=!1,t))}}function kr({get:e,set:t},{get:r,set:n}){let i=!0,a,s,o=U(()=>{let l=e(),u=r();if(i)n(He(l)),i=!1;else{let f=JSON.stringify(l),d=JSON.stringify(u);f!==a?n(He(l)):f!==d&&t(He(u))}a=JSON.stringify(e()),s=JSON.stringify(r())});return()=>{Q(o)}}function He(e){return typeof e=="object"?JSON.parse(JSON.stringify(e)):e}function Hi(e){(Array.isArray(e)?e:[e]).forEach(r=>r(ue))}var q={},Jt=!1;function Wi(e,t){if(Jt||(q=J(q),Jt=!0),t===void 0)return q[e];q[e]=t,typeof t=="object"&&t!==null&&t.hasOwnProperty("init")&&typeof t.init=="function"&&q[e].init(),br(q[e])}function ki(){return q}var Vr={};function Vi(e,t){let r=typeof t!="function"?()=>t:t;return e instanceof Element?Jr(e,r()):(Vr[e]=r,()=>{})}function Ji(e){return Object.entries(Vr).forEach(([t,r])=>{Object.defineProperty(e,t,{get(){return(...n)=>r(...n)}})}),e}function Jr(e,t,r){let n=[];for(;n.length;)n.pop()();let i=Object.entries(t).map(([s,o])=>({name:s,value:o})),a=Or(i);return i=i.map(s=>a.find(o=>o.name===s.name)?{name:`x-bind:${s.name}`,value:`"${s.value}"`}:s),yt(e,i,r).map(s=>{n.push(s.runCleanups),s()}),()=>{for(;n.length;)n.pop()()}}var Qr={};function Qi(e,t){Qr[e]=t}function Yi(e,t){return Object.entries(Qr).forEach(([r,n])=>{Object.defineProperty(e,r,{get(){return(...i)=>n.bind(t)(...i)},enumerable:!1})}),e}var Gi={get reactive(){return J},get release(){return Q},get effect(){return U},get raw(){return ar},version:"3.13.7",flushAndStopDeferringMutations:oi,dontAutoEvaluateFunctions:Sr,disableEffectScheduling:Gn,startObservingMutations:gt,stopObservingMutations:mr,setReactivityEngine:Xn,onAttributeRemoved:vr,onAttributesAdded:gr,closestDataStack:k,skipDuringClone:H,onlyDuringClone:Pi,addRootSelector:fr,addInitSelector:cr,interceptClone:Te,addScopeToNode:oe,deferMutations:si,mapAttributes:bt,evaluateLater:b,interceptInit:ri,setEvaluator:di,mergeProxies:le,extractProp:Ui,findClosest:se,onElRemoved:pt,closestRoot:Pe,destroyTree:dt,interceptor:wr,transition:at,setStyles:Fe,mutateDom:m,directive:x,entangle:kr,throttle:Wr,debounce:Hr,evaluate:z,initTree:F,nextTick:Et,prefixed:Y,prefix:gi,plugin:Hi,magic:C,store:Wi,start:ei,clone:Ti,cloneNode:Fi,bound:Ki,$data:yr,watch:sr,walk:$,data:Qi,bind:Vi},ue=Gi;function Yr(e,t){let r=Object.create(null),n=e.split(",");for(let i=0;i<n.length;i++)r[n[i]]=!0;return t?i=>!!r[i.toLowerCase()]:i=>!!r[i]}var Xi="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly",Ns=Yr(Xi+",async,autofocus,autoplay,controls,default,defer,disabled,hidden,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected"),Zi=Object.freeze({}),zs=Object.freeze([]),ea=Object.prototype.hasOwnProperty,Re=(e,t)=>ea.call(e,t),B=Array.isArray,ie=e=>Gr(e)==="[object Map]",ta=e=>typeof e=="string",At=e=>typeof e=="symbol",$e=e=>e!==null&&typeof e=="object",ra=Object.prototype.toString,Gr=e=>ra.call(e),Xr=e=>Gr(e).slice(8,-1),Ct=e=>ta(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,Ie=e=>{let t=Object.create(null);return r=>t[r]||(t[r]=e(r))},na=/-(\w)/g,Bs=Ie(e=>e.replace(na,(t,r)=>r?r.toUpperCase():"")),ia=/\B([A-Z])/g,Ks=Ie(e=>e.replace(ia,"-$1").toLowerCase()),Zr=Ie(e=>e.charAt(0).toUpperCase()+e.slice(1)),Us=Ie(e=>e?`on${Zr(e)}`:""),en=(e,t)=>e!==t&&(e===e||t===t),ot=new WeakMap,te=[],O,K=Symbol("iterate"),lt=Symbol("Map key iterate");function aa(e){return e&&e._isEffect===!0}function sa(e,t=Zi){aa(e)&&(e=e.raw);let r=ua(e,t);return t.lazy||r(),r}function oa(e){e.active&&(tn(e),e.options.onStop&&e.options.onStop(),e.active=!1)}var la=0;function ua(e,t){let r=function(){if(!r.active)return e();if(!te.includes(r)){tn(r);try{return ca(),te.push(r),O=r,e()}finally{te.pop(),rn(),O=te[te.length-1]}}};return r.id=la++,r.allowRecurse=!!t.allowRecurse,r._isEffect=!0,r.active=!0,r.raw=e,r.deps=[],r.options=t,r}function tn(e){let{deps:t}=e;if(t.length){for(let r=0;r<t.length;r++)t[r].delete(e);t.length=0}}var V=!0,Ot=[];function fa(){Ot.push(V),V=!1}function ca(){Ot.push(V),V=!0}function rn(){let e=Ot.pop();V=e===void 0?!0:e}function A(e,t,r){if(!V||O===void 0)return;let n=ot.get(e);n||ot.set(e,n=new Map);let i=n.get(r);i||n.set(r,i=new Set),i.has(O)||(i.add(O),O.deps.push(i),O.options.onTrack&&O.options.onTrack({effect:O,target:e,type:t,key:r}))}function L(e,t,r,n,i,a){let s=ot.get(e);if(!s)return;let o=new Set,l=f=>{f&&f.forEach(d=>{(d!==O||d.allowRecurse)&&o.add(d)})};if(t==="clear")s.forEach(l);else if(r==="length"&&B(e))s.forEach((f,d)=>{(d==="length"||d>=n)&&l(f)});else switch(r!==void 0&&l(s.get(r)),t){case"add":B(e)?Ct(r)&&l(s.get("length")):(l(s.get(K)),ie(e)&&l(s.get(lt)));break;case"delete":B(e)||(l(s.get(K)),ie(e)&&l(s.get(lt)));break;case"set":ie(e)&&l(s.get(K));break}let u=f=>{f.options.onTrigger&&f.options.onTrigger({effect:f,target:e,key:r,type:t,newValue:n,oldValue:i,oldTarget:a}),f.options.scheduler?f.options.scheduler(f):f()};o.forEach(u)}var da=Yr("__proto__,__v_isRef,__isVue"),nn=new Set(Object.getOwnPropertyNames(Symbol).map(e=>Symbol[e]).filter(At)),pa=an(),ha=an(!0),Qt=_a();function _a(){let e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...r){let n=_(this);for(let a=0,s=this.length;a<s;a++)A(n,"get",a+"");let i=n[t](...r);return i===-1||i===!1?n[t](...r.map(_)):i}}),["push","pop","shift","unshift","splice"].forEach(t=>{e[t]=function(...r){fa();let n=_(this)[t].apply(this,r);return rn(),n}}),e}function an(e=!1,t=!1){return function(n,i,a){if(i==="__v_isReactive")return!e;if(i==="__v_isReadonly")return e;if(i==="__v_raw"&&a===(e?t?Ta:un:t?Fa:ln).get(n))return n;let s=B(n);if(!e&&s&&Re(Qt,i))return Reflect.get(Qt,i,a);let o=Reflect.get(n,i,a);return(At(i)?nn.has(i):da(i))||(e||A(n,"get",i),t)?o:ut(o)?!s||!Ct(i)?o.value:o:$e(o)?e?fn(o):Tt(o):o}}var ga=va();function va(e=!1){return function(r,n,i,a){let s=r[n];if(!e&&(i=_(i),s=_(s),!B(r)&&ut(s)&&!ut(i)))return s.value=i,!0;let o=B(r)&&Ct(n)?Number(n)<r.length:Re(r,n),l=Reflect.set(r,n,i,a);return r===_(a)&&(o?en(i,s)&&L(r,"set",n,i,s):L(r,"add",n,i)),l}}function xa(e,t){let r=Re(e,t),n=e[t],i=Reflect.deleteProperty(e,t);return i&&r&&L(e,"delete",t,void 0,n),i}function ma(e,t){let r=Reflect.has(e,t);return(!At(t)||!nn.has(t))&&A(e,"has",t),r}function ya(e){return A(e,"iterate",B(e)?"length":K),Reflect.ownKeys(e)}var ba={get:pa,set:ga,deleteProperty:xa,has:ma,ownKeys:ya},wa={get:ha,set(e,t){return console.warn(`Set operation on key "${String(t)}" failed: target is readonly.`,e),!0},deleteProperty(e,t){return console.warn(`Delete operation on key "${String(t)}" failed: target is readonly.`,e),!0}},Mt=e=>$e(e)?Tt(e):e,Pt=e=>$e(e)?fn(e):e,Ft=e=>e,Le=e=>Reflect.getPrototypeOf(e);function me(e,t,r=!1,n=!1){e=e.__v_raw;let i=_(e),a=_(t);t!==a&&!r&&A(i,"get",t),!r&&A(i,"get",a);let{has:s}=Le(i),o=n?Ft:r?Pt:Mt;if(s.call(i,t))return o(e.get(t));if(s.call(i,a))return o(e.get(a));e!==i&&e.get(t)}function ye(e,t=!1){let r=this.__v_raw,n=_(r),i=_(e);return e!==i&&!t&&A(n,"has",e),!t&&A(n,"has",i),e===i?r.has(e):r.has(e)||r.has(i)}function be(e,t=!1){return e=e.__v_raw,!t&&A(_(e),"iterate",K),Reflect.get(e,"size",e)}function Yt(e){e=_(e);let t=_(this);return Le(t).has.call(t,e)||(t.add(e),L(t,"add",e,e)),this}function Gt(e,t){t=_(t);let r=_(this),{has:n,get:i}=Le(r),a=n.call(r,e);a?on(r,n,e):(e=_(e),a=n.call(r,e));let s=i.call(r,e);return r.set(e,t),a?en(t,s)&&L(r,"set",e,t,s):L(r,"add",e,t),this}function Xt(e){let t=_(this),{has:r,get:n}=Le(t),i=r.call(t,e);i?on(t,r,e):(e=_(e),i=r.call(t,e));let a=n?n.call(t,e):void 0,s=t.delete(e);return i&&L(t,"delete",e,void 0,a),s}function Zt(){let e=_(this),t=e.size!==0,r=ie(e)?new Map(e):new Set(e),n=e.clear();return t&&L(e,"clear",void 0,void 0,r),n}function we(e,t){return function(n,i){let a=this,s=a.__v_raw,o=_(s),l=t?Ft:e?Pt:Mt;return!e&&A(o,"iterate",K),s.forEach((u,f)=>n.call(i,l(u),l(f),a))}}function Ee(e,t,r){return function(...n){let i=this.__v_raw,a=_(i),s=ie(a),o=e==="entries"||e===Symbol.iterator&&s,l=e==="keys"&&s,u=i[e](...n),f=r?Ft:t?Pt:Mt;return!t&&A(a,"iterate",l?lt:K),{next(){let{value:d,done:p}=u.next();return p?{value:d,done:p}:{value:o?[f(d[0]),f(d[1])]:f(d),done:p}},[Symbol.iterator](){return this}}}}function R(e){return function(...t){{let r=t[0]?`on key "${t[0]}" `:"";console.warn(`${Zr(e)} operation ${r}failed: target is readonly.`,_(this))}return e==="delete"?!1:this}}function Ea(){let e={get(a){return me(this,a)},get size(){return be(this)},has:ye,add:Yt,set:Gt,delete:Xt,clear:Zt,forEach:we(!1,!1)},t={get(a){return me(this,a,!1,!0)},get size(){return be(this)},has:ye,add:Yt,set:Gt,delete:Xt,clear:Zt,forEach:we(!1,!0)},r={get(a){return me(this,a,!0)},get size(){return be(this,!0)},has(a){return ye.call(this,a,!0)},add:R("add"),set:R("set"),delete:R("delete"),clear:R("clear"),forEach:we(!0,!1)},n={get(a){return me(this,a,!0,!0)},get size(){return be(this,!0)},has(a){return ye.call(this,a,!0)},add:R("add"),set:R("set"),delete:R("delete"),clear:R("clear"),forEach:we(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(a=>{e[a]=Ee(a,!1,!1),r[a]=Ee(a,!0,!1),t[a]=Ee(a,!1,!0),n[a]=Ee(a,!0,!0)}),[e,r,t,n]}var[Sa,Aa,Ca,Oa]=Ea();function sn(e,t){let r=t?e?Oa:Ca:e?Aa:Sa;return(n,i,a)=>i==="__v_isReactive"?!e:i==="__v_isReadonly"?e:i==="__v_raw"?n:Reflect.get(Re(r,i)&&i in n?r:n,i,a)}var Ma={get:sn(!1,!1)},Pa={get:sn(!0,!1)};function on(e,t,r){let n=_(r);if(n!==r&&t.call(e,n)){let i=Xr(e);console.warn(`Reactive ${i} contains both the raw and reactive versions of the same object${i==="Map"?" as keys":""}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`)}}var ln=new WeakMap,Fa=new WeakMap,un=new WeakMap,Ta=new WeakMap;function Ra(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function $a(e){return e.__v_skip||!Object.isExtensible(e)?0:Ra(Xr(e))}function Tt(e){return e&&e.__v_isReadonly?e:cn(e,!1,ba,Ma,ln)}function fn(e){return cn(e,!0,wa,Pa,un)}function cn(e,t,r,n,i){if(!$e(e))return console.warn(`value cannot be made reactive: ${String(e)}`),e;if(e.__v_raw&&!(t&&e.__v_isReactive))return e;let a=i.get(e);if(a)return a;let s=$a(e);if(s===0)return e;let o=new Proxy(e,s===2?n:r);return i.set(e,o),o}function _(e){return e&&_(e.__v_raw)||e}function ut(e){return!!(e&&e.__v_isRef===!0)}C("nextTick",()=>Et);C("dispatch",e=>ne.bind(ne,e));C("watch",(e,{evaluateLater:t,cleanup:r})=>(n,i)=>{let a=t(n),o=sr(()=>{let l;return a(u=>l=u),l},i);r(o)});C("store",ki);C("data",e=>yr(e));C("root",e=>Pe(e));C("refs",e=>(e._x_refs_proxy||(e._x_refs_proxy=le(Ia(e))),e._x_refs_proxy));function Ia(e){let t=[];return se(e,r=>{r._x_refs&&t.push(r._x_refs)}),t}var We={};function dn(e){return We[e]||(We[e]=0),++We[e]}function La(e,t){return se(e,r=>{if(r._x_ids&&r._x_ids[t])return!0})}function ja(e,t){e._x_ids||(e._x_ids={}),e._x_ids[t]||(e._x_ids[t]=dn(t))}C("id",(e,{cleanup:t})=>(r,n=null)=>{let i=`${r}${n?`-${n}`:""}`;return qa(e,i,t,()=>{let a=La(e,r),s=a?a._x_ids[r]:dn(r);return n?`${r}-${s}-${n}`:`${r}-${s}`})});Te((e,t)=>{e._x_id&&(t._x_id=e._x_id)});function qa(e,t,r,n){if(e._x_id||(e._x_id={}),e._x_id[t])return e._x_id[t];let i=n();return e._x_id[t]=i,r(()=>{delete e._x_id[t]}),i}C("el",e=>e);pn("Focus","focus","focus");pn("Persist","persist","persist");function pn(e,t,r){C(t,n=>S(`You can't use [$${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}x("modelable",(e,{expression:t},{effect:r,evaluateLater:n,cleanup:i})=>{let a=n(t),s=()=>{let f;return a(d=>f=d),f},o=n(`${t} = __placeholder`),l=f=>o(()=>{},{scope:{__placeholder:f}}),u=s();l(u),queueMicrotask(()=>{if(!e._x_model)return;e._x_removeModelListeners.default();let f=e._x_model.get,d=e._x_model.set,p=kr({get(){return f()},set(v){d(v)}},{get(){return s()},set(v){l(v)}});i(p)})});x("teleport",(e,{modifiers:t,expression:r},{cleanup:n})=>{e.tagName.toLowerCase()!=="template"&&S("x-teleport can only be used on a <template> tag",e);let i=er(r),a=e.content.cloneNode(!0).firstElementChild;e._x_teleport=a,a._x_teleportBack=e,e.setAttribute("data-teleport-template",!0),a.setAttribute("data-teleport-target",!0),e._x_forwardEvents&&e._x_forwardEvents.forEach(o=>{a.addEventListener(o,l=>{l.stopPropagation(),e.dispatchEvent(new l.constructor(l.type,l))})}),oe(a,{},e);let s=(o,l,u)=>{u.includes("prepend")?l.parentNode.insertBefore(o,l):u.includes("append")?l.parentNode.insertBefore(o,l.nextSibling):l.appendChild(o)};m(()=>{s(a,i,t),F(a),a._x_ignore=!0}),e._x_teleportPutBack=()=>{let o=er(r);m(()=>{s(e._x_teleport,o,t)})},n(()=>a.remove())});var Da=document.createElement("div");function er(e){let t=H(()=>document.querySelector(e),()=>Da)();return t||S(`Cannot find x-teleport element for selector: "${e}"`),t}var hn=()=>{};hn.inline=(e,{modifiers:t},{cleanup:r})=>{t.includes("self")?e._x_ignoreSelf=!0:e._x_ignore=!0,r(()=>{t.includes("self")?delete e._x_ignoreSelf:delete e._x_ignore})};x("ignore",hn);x("effect",H((e,{expression:t},{effect:r})=>{r(b(e,t))}));function ft(e,t,r,n){let i=e,a=l=>n(l),s={},o=(l,u)=>f=>u(l,f);if(r.includes("dot")&&(t=Na(t)),r.includes("camel")&&(t=za(t)),r.includes("passive")&&(s.passive=!0),r.includes("capture")&&(s.capture=!0),r.includes("window")&&(i=window),r.includes("document")&&(i=document),r.includes("debounce")){let l=r[r.indexOf("debounce")+1]||"invalid-wait",u=Me(l.split("ms")[0])?Number(l.split("ms")[0]):250;a=Hr(a,u)}if(r.includes("throttle")){let l=r[r.indexOf("throttle")+1]||"invalid-wait",u=Me(l.split("ms")[0])?Number(l.split("ms")[0]):250;a=Wr(a,u)}return r.includes("prevent")&&(a=o(a,(l,u)=>{u.preventDefault(),l(u)})),r.includes("stop")&&(a=o(a,(l,u)=>{u.stopPropagation(),l(u)})),r.includes("self")&&(a=o(a,(l,u)=>{u.target===e&&l(u)})),(r.includes("away")||r.includes("outside"))&&(i=document,a=o(a,(l,u)=>{e.contains(u.target)||u.target.isConnected!==!1&&(e.offsetWidth<1&&e.offsetHeight<1||e._x_isShown!==!1&&l(u))})),r.includes("once")&&(a=o(a,(l,u)=>{l(u),i.removeEventListener(t,a,s)})),a=o(a,(l,u)=>{Ka(t)&&Ua(u,r)||l(u)}),i.addEventListener(t,a,s),()=>{i.removeEventListener(t,a,s)}}function Na(e){return e.replace(/-/g,".")}function za(e){return e.toLowerCase().replace(/-(\w)/g,(t,r)=>r.toUpperCase())}function Me(e){return!Array.isArray(e)&&!isNaN(e)}function Ba(e){return[" ","_"].includes(e)?e:e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase()}function Ka(e){return["keydown","keyup"].includes(e)}function Ua(e,t){let r=t.filter(a=>!["window","document","prevent","stop","once","capture"].includes(a));if(r.includes("debounce")){let a=r.indexOf("debounce");r.splice(a,Me((r[a+1]||"invalid-wait").split("ms")[0])?2:1)}if(r.includes("throttle")){let a=r.indexOf("throttle");r.splice(a,Me((r[a+1]||"invalid-wait").split("ms")[0])?2:1)}if(r.length===0||r.length===1&&tr(e.key).includes(r[0]))return!1;let i=["ctrl","shift","alt","meta","cmd","super"].filter(a=>r.includes(a));return r=r.filter(a=>!i.includes(a)),!(i.length>0&&i.filter(s=>((s==="cmd"||s==="super")&&(s="meta"),e[`${s}Key`])).length===i.length&&tr(e.key).includes(r[0]))}function tr(e){if(!e)return[];e=Ba(e);let t={ctrl:"control",slash:"/",space:" ",spacebar:" ",cmd:"meta",esc:"escape",up:"arrow-up",down:"arrow-down",left:"arrow-left",right:"arrow-right",period:".",equal:"=",minus:"-",underscore:"_"};return t[e]=e,Object.keys(t).map(r=>{if(t[r]===e)return r}).filter(r=>r)}x("model",(e,{modifiers:t,expression:r},{effect:n,cleanup:i})=>{let a=e;t.includes("parent")&&(a=e.parentNode);let s=b(a,r),o;typeof r=="string"?o=b(a,`${r} = __placeholder`):typeof r=="function"&&typeof r()=="string"?o=b(a,`${r()} = __placeholder`):o=()=>{};let l=()=>{let p;return s(v=>p=v),rr(p)?p.get():p},u=p=>{let v;s(E=>v=E),rr(v)?v.set(p):o(()=>{},{scope:{__placeholder:p}})};typeof r=="string"&&e.type==="radio"&&m(()=>{e.hasAttribute("name")||e.setAttribute("name",r)});var f=e.tagName.toLowerCase()==="select"||["checkbox","radio"].includes(e.type)||t.includes("lazy")?"change":"input";let d=I?()=>{}:ft(e,f,t,p=>{u(Ha(e,t,p,l()))});if(t.includes("fill")&&([void 0,null,""].includes(l())||e.type==="checkbox"&&Array.isArray(l()))&&e.dispatchEvent(new Event(f,{})),e._x_removeModelListeners||(e._x_removeModelListeners={}),e._x_removeModelListeners.default=d,i(()=>e._x_removeModelListeners.default()),e.form){let p=ft(e.form,"reset",[],v=>{Et(()=>e._x_model&&e._x_model.set(e.value))});i(()=>p())}e._x_model={get(){return l()},set(p){u(p)}},e._x_forceModelUpdate=p=>{p===void 0&&typeof r=="string"&&r.match(/\./)&&(p=""),window.fromModel=!0,m(()=>zr(e,"value",p)),delete window.fromModel},n(()=>{let p=l();t.includes("unintrusive")&&document.activeElement.isSameNode(e)||e._x_forceModelUpdate(p)})});function Ha(e,t,r,n){return m(()=>{if(r instanceof CustomEvent&&r.detail!==void 0)return r.detail!==null&&r.detail!==void 0?r.detail:r.target.value;if(e.type==="checkbox")if(Array.isArray(n)){let i=null;return t.includes("number")?i=ke(r.target.value):t.includes("boolean")?i=Ae(r.target.value):i=r.target.value,r.target.checked?n.concat([i]):n.filter(a=>!Wa(a,i))}else return r.target.checked;else return e.tagName.toLowerCase()==="select"&&e.multiple?t.includes("number")?Array.from(r.target.selectedOptions).map(i=>{let a=i.value||i.text;return ke(a)}):t.includes("boolean")?Array.from(r.target.selectedOptions).map(i=>{let a=i.value||i.text;return Ae(a)}):Array.from(r.target.selectedOptions).map(i=>i.value||i.text):t.includes("number")?ke(r.target.value):t.includes("boolean")?Ae(r.target.value):t.includes("trim")?r.target.value.trim():r.target.value})}function ke(e){let t=e?parseFloat(e):null;return ka(t)?t:e}function Wa(e,t){return e==t}function ka(e){return!Array.isArray(e)&&!isNaN(e)}function rr(e){return e!==null&&typeof e=="object"&&typeof e.get=="function"&&typeof e.set=="function"}x("cloak",e=>queueMicrotask(()=>m(()=>e.removeAttribute(Y("cloak")))));cr(()=>`[${Y("init")}]`);x("init",H((e,{expression:t},{evaluate:r})=>typeof t=="string"?!!t.trim()&&r(t,{},!1):r(t,{},!1)));x("text",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(a=>{m(()=>{e.textContent=a})})})});x("html",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(a=>{m(()=>{e.innerHTML=a,e._x_ignoreSelf=!0,F(e),delete e._x_ignoreSelf})})})});bt(Fr(":",Tr(Y("bind:"))));var _n=(e,{value:t,modifiers:r,expression:n,original:i},{effect:a})=>{if(!t){let o={};Ji(o),b(e,n)(u=>{Jr(e,u,i)},{scope:o});return}if(t==="key")return Va(e,n);if(e._x_inlineBindings&&e._x_inlineBindings[t]&&e._x_inlineBindings[t].extract)return;let s=b(e,n);a(()=>s(o=>{o===void 0&&typeof n=="string"&&n.match(/\./)&&(o=""),m(()=>zr(e,t,o,r))}))};_n.inline=(e,{value:t,modifiers:r,expression:n})=>{t&&(e._x_inlineBindings||(e._x_inlineBindings={}),e._x_inlineBindings[t]={expression:n,extract:!1})};x("bind",_n);function Va(e,t){e._x_keyExpression=t}fr(()=>`[${Y("data")}]`);x("data",(e,{expression:t},{cleanup:r})=>{if(Ja(e))return;t=t===""?"{}":t;let n={};Xe(n,e);let i={};Yi(i,n);let a=z(e,t,{scope:i});(a===void 0||a===!0)&&(a={}),Xe(a,e);let s=J(a);br(s);let o=oe(e,s);s.init&&z(e,s.init),r(()=>{s.destroy&&z(e,s.destroy),o()})});Te((e,t)=>{e._x_dataStack&&(t._x_dataStack=e._x_dataStack,t.setAttribute("data-has-alpine-state",!0))});function Ja(e){return I?st?!0:e.hasAttribute("data-has-alpine-state"):!1}x("show",(e,{modifiers:t,expression:r},{effect:n})=>{let i=b(e,r);e._x_doHide||(e._x_doHide=()=>{m(()=>{e.style.setProperty("display","none",t.includes("important")?"important":void 0)})}),e._x_doShow||(e._x_doShow=()=>{m(()=>{e.style.length===1&&e.style.display==="none"?e.removeAttribute("style"):e.style.removeProperty("display")})});let a=()=>{e._x_doHide(),e._x_isShown=!1},s=()=>{e._x_doShow(),e._x_isShown=!0},o=()=>setTimeout(s),l=it(d=>d?s():a(),d=>{typeof e._x_toggleAndCascadeWithTransitions=="function"?e._x_toggleAndCascadeWithTransitions(e,d,s,a):d?o():a()}),u,f=!0;n(()=>i(d=>{!f&&d===u||(t.includes("immediate")&&(d?o():a()),l(d),u=d,f=!1)}))});x("for",(e,{expression:t},{effect:r,cleanup:n})=>{let i=Ya(t),a=b(e,i.items),s=b(e,e._x_keyExpression||"index");e._x_prevKeys=[],e._x_lookup={},r(()=>Qa(e,i,a,s)),n(()=>{Object.values(e._x_lookup).forEach(o=>o.remove()),delete e._x_prevKeys,delete e._x_lookup})});function Qa(e,t,r,n){let i=s=>typeof s=="object"&&!Array.isArray(s),a=e;r(s=>{Ga(s)&&s>=0&&(s=Array.from(Array(s).keys(),c=>c+1)),s===void 0&&(s=[]);let o=e._x_lookup,l=e._x_prevKeys,u=[],f=[];if(i(s))s=Object.entries(s).map(([c,h])=>{let g=nr(t,h,c,s);n(y=>{f.includes(y)&&S("Duplicate key on x-for",e),f.push(y)},{scope:{index:c,...g}}),u.push(g)});else for(let c=0;c<s.length;c++){let h=nr(t,s[c],c,s);n(g=>{f.includes(g)&&S("Duplicate key on x-for",e),f.push(g)},{scope:{index:c,...h}}),u.push(h)}let d=[],p=[],v=[],E=[];for(let c=0;c<l.length;c++){let h=l[c];f.indexOf(h)===-1&&v.push(h)}l=l.filter(c=>!v.includes(c));let T="template";for(let c=0;c<f.length;c++){let h=f[c],g=l.indexOf(h);if(g===-1)l.splice(c,0,h),d.push([T,c]);else if(g!==c){let y=l.splice(c,1)[0],w=l.splice(g-1,1)[0];l.splice(c,0,w),l.splice(g,0,y),p.push([y,w])}else E.push(h);T=h}for(let c=0;c<v.length;c++){let h=v[c];o[h]._x_effects&&o[h]._x_effects.forEach(ir),o[h].remove(),o[h]=null,delete o[h]}for(let c=0;c<p.length;c++){let[h,g]=p[c],y=o[h],w=o[g],W=document.createElement("div");m(()=>{w||S('x-for ":key" is undefined or invalid',a,g,o),w.after(W),y.after(w),w._x_currentIfEl&&w.after(w._x_currentIfEl),W.before(y),y._x_currentIfEl&&y.after(y._x_currentIfEl),W.remove()}),w._x_refreshXForScope(u[f.indexOf(g)])}for(let c=0;c<d.length;c++){let[h,g]=d[c],y=h==="template"?a:o[h];y._x_currentIfEl&&(y=y._x_currentIfEl);let w=u[g],W=f[g],X=document.importNode(a.content,!0).firstElementChild,Kt=J(w);oe(X,Kt,a),X._x_refreshXForScope=Dn=>{Object.entries(Dn).forEach(([Nn,zn])=>{Kt[Nn]=zn})},m(()=>{y.after(X),H(()=>F(X))()}),typeof W=="object"&&S("x-for key cannot be an object, it must be a string or an integer",a),o[W]=X}for(let c=0;c<E.length;c++)o[E[c]]._x_refreshXForScope(u[f.indexOf(E[c])]);a._x_prevKeys=f})}function Ya(e){let t=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,r=/^\s*\(|\)\s*$/g,n=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,i=e.match(n);if(!i)return;let a={};a.items=i[2].trim();let s=i[1].replace(r,"").trim(),o=s.match(t);return o?(a.item=s.replace(t,"").trim(),a.index=o[1].trim(),o[2]&&(a.collection=o[2].trim())):a.item=s,a}function nr(e,t,r,n){let i={};return/^\[.*\]$/.test(e.item)&&Array.isArray(t)?e.item.replace("[","").replace("]","").split(",").map(s=>s.trim()).forEach((s,o)=>{i[s]=t[o]}):/^\{.*\}$/.test(e.item)&&!Array.isArray(t)&&typeof t=="object"?e.item.replace("{","").replace("}","").split(",").map(s=>s.trim()).forEach(s=>{i[s]=t[s]}):i[e.item]=t,e.index&&(i[e.index]=r),e.collection&&(i[e.collection]=n),i}function Ga(e){return!Array.isArray(e)&&!isNaN(e)}function gn(){}gn.inline=(e,{expression:t},{cleanup:r})=>{let n=Pe(e);n._x_refs||(n._x_refs={}),n._x_refs[t]=e,r(()=>delete n._x_refs[t])};x("ref",gn);x("if",(e,{expression:t},{effect:r,cleanup:n})=>{e.tagName.toLowerCase()!=="template"&&S("x-if can only be used on a <template> tag",e);let i=b(e,t),a=()=>{if(e._x_currentIfEl)return e._x_currentIfEl;let o=e.content.cloneNode(!0).firstElementChild;return oe(o,{},e),m(()=>{e.after(o),H(()=>F(o))()}),e._x_currentIfEl=o,e._x_undoIf=()=>{$(o,l=>{l._x_effects&&l._x_effects.forEach(ir)}),o.remove(),delete e._x_currentIfEl},o},s=()=>{e._x_undoIf&&(e._x_undoIf(),delete e._x_undoIf)};r(()=>i(o=>{o?a():s()})),n(()=>e._x_undoIf&&e._x_undoIf())});x("id",(e,{expression:t},{evaluate:r})=>{r(t).forEach(i=>ja(e,i))});Te((e,t)=>{e._x_ids&&(t._x_ids=e._x_ids)});bt(Fr("@",Tr(Y("on:"))));x("on",H((e,{value:t,modifiers:r,expression:n},{cleanup:i})=>{let a=n?b(e,n):()=>{};e.tagName.toLowerCase()==="template"&&(e._x_forwardEvents||(e._x_forwardEvents=[]),e._x_forwardEvents.includes(t)||e._x_forwardEvents.push(t));let s=ft(e,t,r,o=>{a(()=>{},{scope:{$event:o},params:[o]})});i(()=>s())}));je("Collapse","collapse","collapse");je("Intersect","intersect","intersect");je("Focus","trap","focus");je("Mask","mask","mask");function je(e,t,r){x(t,n=>S(`You can't use [x-${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}ue.setEvaluator(Cr);ue.setReactivityEngine({reactive:Tt,effect:sa,release:oa,raw:_});var Xa=ue,M=Xa;var $n=xe(mn()),In=xe(An()),Ke=xe(On());var js=xe(Rn()),qs=()=>({loading:!1,response:null,action:"",method:"POST",validator:(0,$n.default)(),valid:!0,errors:[],error:"",validate(e){this.validator.validate(e.target.name,e.target.value)},async submit(e){this.response=null,this.errors=[];let t=new FormData(e.target);if(t.forEach((n,i)=>{typeof this.validator.validators[i]=="function"&&this.validator.validate(i,n)}),!this.validator.state.valid){for(let[n,i]of Object.entries(this.validator.state.errors))i&&this.errors.push({name:n,message:i.message});return}this.loading=!0,this.errors=[];let r=this.validator.state.values;try{let n=await fetch("",{method:"POST",credentials:"include",headers:{Accept:"application/json","X-CSRF-Token":r["gorilla.csrf.Token"],Pragma:"no-cache","Cache-Control":"no-cache"},body:new URLSearchParams(r)});n.redirected&&(window.location.href=n.url);let a=n.status,s=n.headers.get("content-type"),{error:o}=await n.json();this.error=o,console.log(a),console.log(s)}catch(n){console.log(n)}finally{this.loading=!1}console.log(t),this.loading=!1}}),Ln=()=>Object.assign({},qs(),{init(){this.validator.field("email",e=>{if((0,Ke.default)(e))return new Error("Email is required");if(!(0,In.default)(e))return new Error("This is not valid email address")}),this.validator.field("password",e=>{if((0,Ke.default)(e))return new Error("Password is required")}),this.validator.field("gorilla.csrf.Token",e=>{if((0,Ke.default)(e))return new Error("Csrf missing")})}});var jn=()=>({error:null,validate(){if(!this.response?.errors?.[this.$el.name])return this.error=null;this.error=this.response.errors[this.$el.name]}});var qn=()=>({tags:["ambient","acoustic","alternative","chill","dream-pop","electro","electronic","experimental","folk","funk","hiphop","house","indie-pop","indie-rock","instrumental","jazz","metal","podcasts","pop","punk","reggae"],query:"",open:!0,init(){this.$watch("open",()=>{this.open&&this.$nextTick(()=>this.$refs.input.focus())})},submit(e){let t=e.target.search.value;if(!t||t.length<3)return!1;let r=t.startsWith("#"),n=r?"/tag":"/search",i=new URL(n,this.$store.app.state.appURL||"http://localhost"),a=r?{term:t.split("#")[1]}:{q:t};return i.search=new URLSearchParams(a),window.open(i.href,"_blank"),!1}});M.directive("uppercase",e=>{e.textContent=e.textContent.toUpperCase()});M.directive("log",(e,{expression:t},{evaluateLater:r,effect:n})=>{let i=r(t);n(()=>{i(a=>{console.log(a)})})});document.addEventListener("alpine:init",()=>{M.store("darkMode",{on:!1,toggle(){this.on=!this.on},init(){this.on=window.matchMedia("(prefers-color-scheme: dark)").matches}}),M.store("app",{init(){this.state=Object.assign({},window.initialState),delete window.initialState}}),M.data("loginForm",Ln),M.data("search",qn),M.data("input",jn)});window.Alpine=M;M.start();})();
diff --git a/web/account.go b/web/account.go
index 33a7baa..a0ef0f5 100644
--- a/web/account.go
+++ b/web/account.go
@@ -61,6 +61,7 @@ func (s *Service) accountForm(w http.ResponseWriter, r *http.Request) {
 
 	Account(
 		s.cnf.IsDevelopment,
+		s.cnf.Version,
 		r.URL.Path,
 		getQueryString(query),
 		string(csrf.TemplateField(r)),
diff --git a/web/account.pug b/web/account.pug
index cf083ce..ac3a329 100644
--- a/web/account.pug
+++ b/web/account.pug
@@ -32,6 +32,7 @@ block content
   :go:func
     Account(
       isDevelopment bool,
+      version,
       path,
       query,
       csrfField,
diff --git a/web/account_settings.go b/web/account_settings.go
index 631f405..6fc0698 100644
--- a/web/account_settings.go
+++ b/web/account_settings.go
@@ -49,6 +49,7 @@ func (s *Service) accountSettingsForm(w http.ResponseWriter, r *http.Request) {
 
 	AccountSettings(
 		s.cnf.IsDevelopment,
+		s.cnf.Version,
 		r.URL.Path,
 		getQueryString(query),
 		string(csrf.TemplateField(r)),
diff --git a/web/account_settings.pug b/web/account_settings.pug
index 10229e0..b86d4b6 100644
--- a/web/account_settings.pug
+++ b/web/account_settings.pug
@@ -7,6 +7,7 @@ block content
   :go:func
     AccountSettings(
       isDevelopment bool,
+      version,
       path,
       query,
       csrfField,
diff --git a/web/authorize.go b/web/authorize.go
index a6e2a35..a3bb744 100644
--- a/web/authorize.go
+++ b/web/authorize.go
@@ -82,6 +82,7 @@ func (s *Service) authorizeForm(w http.ResponseWriter, r *http.Request) {
 
 	Authorize(
 		s.cnf.IsDevelopment,
+		s.cnf.Version,
 		r.URL.Path,
 		getQueryString(query),
 		string(csrf.TemplateField(r)),
diff --git a/web/authorize.pug b/web/authorize.pug
index 00e5d34..456eb60 100644
--- a/web/authorize.pug
+++ b/web/authorize.pug
@@ -7,6 +7,7 @@ block content
   :go:func
     Authorize(
       isDevelopment bool,
+      version,
       path,
       query,
       csrfField,
diff --git a/web/contact.go b/web/contact.go
index 9d460a7..1652345 100644
--- a/web/contact.go
+++ b/web/contact.go
@@ -11,6 +11,7 @@ func (s *Service) contactForm(w http.ResponseWriter, r *http.Request) {
 	w.Header().Set("Content-Type", "text/html; charset=utf-8")
 	Contact(
 		s.cnf.IsDevelopment,
+		s.cnf.Version,
 		r.URL.Path,
 		getQueryString(r.URL.Query()),
 		"",
diff --git a/web/contact.pug b/web/contact.pug
index f867482..8395dba 100644
--- a/web/contact.pug
+++ b/web/contact.pug
@@ -7,6 +7,7 @@ block content
   :go:func
     Contact(
       isDevelopment bool,
+      version,
       path,
       query,
       csrfField,
diff --git a/web/header.pug b/web/header.pug
index 38a73d8..aee8261 100644
--- a/web/header.pug
+++ b/web/header.pug
@@ -1,8 +1,10 @@
-header#header.bg-white.black.bg-white--light.black--light.bg-black--dark.white--dark.white.fixed.sticky-l.left-0.top-0-l.bottom-0.right-0.w-100.z-9999.flex.items-center.bt.bt-0-l.bb-l.bw.b--mid-gray.b--mid-gray--light.b--near-black--dark(role='banner' style='height:3rem;height:calc(3rem - 1px);')
+header#header.bg-white.black.bg-white--light.black--light.bg-black--dark.white--dark.fixed.sticky-l.left-0.top-0-l.bottom-0.right-0.w-100.z-9999.flex.items-center.bt.bt-0-l.bb-l.bw.b--mid-gray.b--mid-gray--light.b--near-black--dark(role='banner' style='height:3rem;height:calc(3rem - 1px);')
   h1.ma0.pa0.h-100
     a.link.flex.items-center.flex-shrink-0.h-100.ph2.ml2.overflow-hidden(href='/' title='Resonate')
-      svg.icon.icon-logo-wordmark.icon--sm(viewBox='0 0 16 16')
+      svg.icon.icon-logo-wordmark.icon--sm.icon--dn.icon--dib-ns(viewBox='0 0 16 16')
         use(xlink:href='#icon-logo-wordmark')
+      svg.icon.icon-logo.icon--sm.icon--db.icon--dn-ns(viewBox='0 0 16 16')
+        use(xlink:href='#icon-logo')
   nav.flex-l.flex-auto-l.w-50-l.relative.dropdown-navigation--focus(role='navigation' aria-label='Main navigation')
     ul.list.ma0.pa0.bg-white.bg-white--light.bg-black--dark.bg-transparent-l.fixed.w-100.top-0.left-0.flex.flex-auto.w-100.relative-l.flex-l.bb.bb-0-l.bw.b--mid-gray.b--mid-gray--light.b--near-black--dark(role='menu' style='height: 3rem;')
       li#learn(tabindex='0' role='menuitem')
@@ -54,17 +56,17 @@ header#header.bg-white.black.bg-white--light.black--light.bg-black--dark.white--
   nav.dropdown-navigation.flex.w-100.w-50-l.flex-auto.justify-end-l(role='navigation' aria-label='Player navigation')
     ul.flex.list.ma0.pa0.w-100.w-75-l.justify-around.items-center.mr3-l(role='menu')
       li.flex.flex-auto.w-100.justify-center.relative(role='menuitem')
-        a.db.link.near-black.near-black--light.near-white--dark.pv2.ph3(href='https://stream.resonate.coop/artists') Browse
+        a.db.link.near-black.near-black--light.near-white--dark.pv2.ph2.ph3-ns(href='https://stream.resonate.coop/artists') Browse
       li.flex.flex-auto.w-100.justify-center.relative(role='menuitem')
-        a.link.db.near-black.near-black--light.near-white--dark.pv2.ph3(href='https://stream.resonate.coop/discover') Discover
+        a.link.db.near-black.near-black--light.near-white--dark.pv2.ph2.ph3-ns(href='https://stream.resonate.coop/discover') Discover
       if state.Token != ""
         li.flex.flex-auto.w-100.justify-center.relative(role='menuitem')
-          a.link.db.near-black.near-black--light.near-white--dark.pv2.ph3(href='https://stream.resonate.coop/u/' + fmt.Sprint(profile.LegacyID) + '/library/favorites') Library
+          a.link.db.near-black.near-black--light.near-white--dark.pv2.ph2.ph3-ns(href='https://stream.resonate.coop/u/' + fmt.Sprint(profile.LegacyID) + '/library/favorites') Library
       else
         li(role='divider' class='flex flex-auto w-100 justify-center')
       li.flex.flex-auto.justify-center.w-100.mw4(role='menuitem')
         if state.Token == ""
-          a(href='/login?login_redirect_uri=%2Fweb%2Faccount' class='link pv1 ph3 ttu ba b--mid-gray b--dark-gray--dark db f6 b') Log In
+          a(href='/login?login_redirect_uri=%2Fweb%2Faccount' class='link pv1 ph3 ttu ba color-inherit b--mid-gray b--dark-gray--dark db f6 b') Log In
         else
           button.bg-transparent.bn.dropdown-toggle.w-100.pa2.grow(title='Open menu')
             span.flex.justify-center.items-center
@@ -98,6 +100,8 @@ header#header.bg-white.black.bg-white--light.black--light.bg-black--dark.white--
               a.link.db.pv2.pl3(href='../web/profile' + query) Profile
             li.mb1(role='menuitem')
               a.link.db.pv2.pl3(href='../web/account' + query) Update your account
+            li.mb1(role='menuitem')
+              a.link.db.pv2.pl3(href='../web/membership' + query) Membership
             li.mb1(role='menuitem')
               a.link.db.pv2.pl3(href='../web/account-settings' + query) Account settings
             li.mb1(role='menuitem')
diff --git a/web/index.go b/web/index.go
index ca23334..ff86e2a 100644
--- a/web/index.go
+++ b/web/index.go
@@ -18,6 +18,7 @@ func (s *Service) indexForm(w http.ResponseWriter, r *http.Request) {
 
 	Index(
 		s.cnf.IsDevelopment,
+		s.cnf.Version,
 		r.URL.Path,
 		getQueryString(query),
 		string(csrf.TemplateField(r)),
diff --git a/web/index.pug b/web/index.pug
index 1c99a09..b566ad5 100644
--- a/web/index.pug
+++ b/web/index.pug
@@ -7,6 +7,7 @@ block content
   :go:func
     Index(
       isDevelopment bool,
+      version,
       path,
       query,
       csrfField,
diff --git a/web/join.go b/web/join.go
index 039bcdf..882a85c 100644
--- a/web/join.go
+++ b/web/join.go
@@ -51,6 +51,7 @@ func (s *Service) joinForm(w http.ResponseWriter, r *http.Request) {
 
 	Join(
 		s.cnf.IsDevelopment,
+		s.cnf.Version,
 		r.URL.Path,
 		getQueryString(query),
 		string(csrf.TemplateField(r)),
diff --git a/web/join.pug b/web/join.pug
index e54bdba..60914ac 100644
--- a/web/join.pug
+++ b/web/join.pug
@@ -7,6 +7,7 @@ block content
   :go:func
     Join(
       isDevelopment bool,
+      version,
       path,
       query,
       csrfField,
@@ -24,16 +25,17 @@ block content
 
   .flex.pb6
     .flex.flex-column.justify-center.items-center.w-100.min-vh-100
-      .flex.flex-column.flex-auto.pt4.ph3.ph0-l
+      .flex.flex-column.flex-auto.mt4.pt4.ph3.ph0-l
         p.lh-copy.f4
           | We are currently pausing new signups in order to work on our system.
         p.lh-copy.f4
           | To find out more, please visit the forums at&nbsp;
           a(href='https://community.resonate.coop') community.resonate.coop
+          | .
         p.lh-copy.f4
           | If you do have an account, you can&nbsp;
-          a(href='/login') log in&nbsp;
-          | to update your account details.
+          a(href='/login') log in
+          | &nbsp;to update your account details.
 
 block footer
   include footer
diff --git a/web/layout.pug b/web/layout.pug
index 3b079a9..feec941 100644
--- a/web/layout.pug
+++ b/web/layout.pug
@@ -21,14 +21,11 @@ html(lang='en' dir='ltr' x-data='')
     if isDevelopment
       script.
         new EventSource('https://localhost:8000/esbuild').addEventListener('change', () => location.reload())
-      //link(rel='stylesheet' href='https://unpkg.com/tachyons@4.12.0/css/tachyons.css')
-      //link(rel='stylesheet' href='https://localhost:8000/css/main.min.css')
-      script(type='text/javascript' async='' defer='' src='https://localhost:8000/js/main.js')
-      link(href='/css/index-2c9e12e8.css' rel='stylesheet')
+      script(type='text/javascript' async='' defer='' src='https://localhost:8000/js/main.js?v='+version)
+      link(href='https://localhost:8000/css/main.css?v='+version rel='stylesheet')
     else
-      link(href='/css/index-2c9e12e8.css' rel='stylesheet')
-      link(rel='stylesheet' href='/css/main.min.css')
-      script(type='text/javascript' async='' defer='' src='/js/main.min.js')
+      link(rel='stylesheet' href='/css/main.css?v='+version)
+      script(type='text/javascript' async='' defer='' src='/js/main.min.js?v='+version)
   //body(class="color-scheme--light" :class="{ 'color-scheme--dark': $store.darkMode.on, 'color-scheme--light': !$store.darkMode.on }")
   body(class='color-scheme--light')
     block header
diff --git a/web/login.go b/web/login.go
index e2f8f36..63e3ef5 100644
--- a/web/login.go
+++ b/web/login.go
@@ -39,6 +39,7 @@ func (s *Service) loginForm(w http.ResponseWriter, r *http.Request) {
 
 	Login(
 		s.cnf.IsDevelopment,
+		s.cnf.Version,
 		r.URL.Path,
 		getQueryString(query),
 		string(csrf.TemplateField(r)),
diff --git a/web/login.pug b/web/login.pug
index 5b7265d..8cf15fa 100644
--- a/web/login.pug
+++ b/web/login.pug
@@ -7,6 +7,7 @@ block content
   :go:func
     Login(
       isDevelopment bool,
+      version,
       path,
       query,
       csrfField,
@@ -27,7 +28,7 @@ block content
           a.db.ph3(href='../web/logout') Log out
 
   .flex.flex-column.flex-auto.items-center.justify-center.min-vh-100.mh3.pb6
-    .flex.flex-column.w-100.w-auto-l.ph0.ph4-ns.pt4.pb3
+    .flex.flex-column.w-100.w-auto-l.ph0.ph3.ph4-ns.pt4.pb3
       .flex.flex-column
         h2.f3.fw1.mt3.near-black.near-black--light.light-gray--dark.lh-title
           | Log in to 
diff --git a/web/membership.go b/web/membership.go
index 8f8b21e..ad52dcf 100644
--- a/web/membership.go
+++ b/web/membership.go
@@ -247,6 +247,7 @@ func (s *Service) membershipForm(w http.ResponseWriter, r *http.Request) {
 
 	RenderMembership(
 		s.cnf.IsDevelopment,
+		s.cnf.Version,
 		r.URL.Path,
 		getQueryString(query),
 		string(csrf.TemplateField(r)),
diff --git a/web/membership.pug b/web/membership.pug
index 6700b8d..3061a29 100644
--- a/web/membership.pug
+++ b/web/membership.pug
@@ -7,6 +7,7 @@ block content
   :go:func
     RenderMembership(
       isDevelopment bool,
+      version,
       path,
       query,
       csrfField,
diff --git a/web/password_reset.go b/web/password_reset.go
index 1bd4715..b95999e 100644
--- a/web/password_reset.go
+++ b/web/password_reset.go
@@ -77,6 +77,7 @@ func (s *Service) passwordResetForm(w http.ResponseWriter, r *http.Request) {
 
 		PasswordResetUpdatePassword(
 			s.cnf.IsDevelopment,
+			s.cnf.Version,
 			r.URL.Path,
 			getQueryString(query),
 			string(csrf.TemplateField(r)),
@@ -103,6 +104,7 @@ func (s *Service) passwordResetForm(w http.ResponseWriter, r *http.Request) {
 
 	PasswordReset(
 		s.cnf.IsDevelopment,
+		s.cnf.Version,
 		r.URL.Path,
 		getQueryString(query),
 		string(csrf.TemplateField(r)),
diff --git a/web/password_reset.pug b/web/password_reset.pug
index 350a5ff..50c1852 100644
--- a/web/password_reset.pug
+++ b/web/password_reset.pug
@@ -7,6 +7,7 @@ block content
   :go:func
     PasswordReset(
       isDevelopment bool,
+      version,
       path,
       query,
       csrfField,
@@ -40,7 +41,7 @@ block content
             .flex.mt3
               .flex.mr3
                 .flex.flex-auto.justify-end.pr1
-                  button.bg-white.black.bg-black--dark.near-white--dark.dib.pv3.ph5.flex-shrink-0.f5.grow.ba.bw.b--near-black.b--dark-gray--dark(type='submit')
+                  button.bg-white.black.bg-white--light.black--light.bg-black--dark.near-white--dark.dib.pv3.ph5.flex-shrink-0.f5.grow.ba.bw.b--near-black.b--dark-gray--dark(type='submit')
                     | Reset my password
 
 block footer
diff --git a/web/password_reset_update_password.pug b/web/password_reset_update_password.pug
index 80ab824..fda9732 100644
--- a/web/password_reset_update_password.pug
+++ b/web/password_reset_update_password.pug
@@ -7,6 +7,7 @@ block content
   :go:func
     PasswordResetUpdatePassword(
       isDevelopment bool,
+      version,
       path,
       query,
       csrfField,
diff --git a/web/profile.go b/web/profile.go
index 376dd0b..42b4477 100644
--- a/web/profile.go
+++ b/web/profile.go
@@ -31,7 +31,7 @@ func (s *Service) profileForm(w http.ResponseWriter, r *http.Request) {
 
 	err = sessionService.SetFlashMessage(&session.Flash{
 		Type:    "Info",
-		Message: "Profile form is disabled",
+		Message: "The artist profile form is currently disabled. Contact us if you need to update your data.",
 	})
 	if err != nil {
 		http.Error(w, err.Error(), http.StatusInternalServerError)
diff --git a/web/profile.pug b/web/profile.pug
index 05f8ef8..11b0619 100644
--- a/web/profile.pug
+++ b/web/profile.pug
@@ -7,6 +7,7 @@ block content
   :go:func
     RenderProfile(
       isDevelopment bool,
+      version,
       path,
       query,
       csrfField,