From 04b5396bc0c1fb98f9f6ca5d1b85d69314d9e114 Mon Sep 17 00:00:00 2001
From: Kevin Ansfield <kevin@lookingsideways.co.uk>
Date: Fri, 23 Mar 2018 18:22:20 +0000
Subject: [PATCH] Switch to packaged version of Spirit

no issue
- remove the manually copied Spirit CSS files
- remove the manually copied Spirit helpers
- install `ember-cli-ghost-spirit` addon
- remove manual postcss configuration
- update all `color()` functions in CSS to `color-mod()`
- fixed invalid `color-mod()` usage in `power-calendar.css`
- bump sub-dependencies
---
 app/styles/app-dark.css                       |   44 +-
 app/styles/app.css                            |    8 +
 app/styles/components/badges.css              |   28 +-
 app/styles/components/dropdowns.css           |   10 +-
 app/styles/components/koenig.css              |   24 +-
 app/styles/components/modals.css              |    2 +-
 app/styles/components/notifications.css       |   18 +-
 app/styles/components/power-calendar.css      |   12 +-
 app/styles/components/power-select.css        |    6 +-
 app/styles/components/publishmenu.css         |   16 +-
 app/styles/components/settings-menu.css       |    8 +-
 app/styles/components/tour.css                |   18 +-
 app/styles/components/unsplash.css            |    2 +-
 app/styles/components/uploader.css            |    4 +-
 app/styles/layouts/apps.css                   |    2 +-
 app/styles/layouts/auth.css                   |    6 +-
 app/styles/layouts/content.css                |    8 +-
 app/styles/layouts/editor.css                 |   12 +-
 app/styles/layouts/flow.css                   |    2 +-
 app/styles/layouts/main.css                   |   18 +-
 app/styles/layouts/settings.css               |   10 +-
 app/styles/layouts/users.css                  |   28 +-
 app/styles/patterns/buttons.css               |   88 +-
 app/styles/patterns/forms.css                 |   34 +-
 app/styles/patterns/global.css                |    9 +-
 app/styles/patterns/labels.css                |   10 +-
 app/styles/patterns/navlist.css               |    6 +-
 app/styles/patterns/tables.css                |    2 +-
 app/styles/patterns/throbber.css              |    6 +-
 app/styles/spirit-product/_animations.css     |  140 ---
 app/styles/spirit-product/_aspect-ratios.css  |  135 ---
 .../spirit-product/_background-position.css   |  126 --
 .../spirit-product/_background-size.css       |   17 -
 app/styles/spirit-product/_border-colors.css  |  129 --
 app/styles/spirit-product/_border-radius.css  |  126 --
 app/styles/spirit-product/_border-style.css   |   47 -
 app/styles/spirit-product/_border-widths.css  |   73 --
 app/styles/spirit-product/_borders.css        |   56 -
 app/styles/spirit-product/_box-shadow.css     |   15 -
 app/styles/spirit-product/_box-sizing.css     |   48 -
 app/styles/spirit-product/_clears.css         |   39 -
 app/styles/spirit-product/_code.css           |   11 -
 app/styles/spirit-product/_colors.css         |  119 --
 app/styles/spirit-product/_coordinates.css    |  468 -------
 app/styles/spirit-product/_custom-styles.css  |  129 --
 app/styles/spirit-product/_debug-children.css |   14 -
 app/styles/spirit-product/_debug-grid.css     |   26 -
 app/styles/spirit-product/_debug.css          |  132 --
 app/styles/spirit-product/_display.css        |  100 --
 app/styles/spirit-product/_dropdown.css       |   94 --
 app/styles/spirit-product/_flexbox.css        |  250 ----
 app/styles/spirit-product/_floats.css         |   46 -
 app/styles/spirit-product/_font-family.css    |   44 -
 app/styles/spirit-product/_font-style.css     |   26 -
 app/styles/spirit-product/_font-weight.css    |   42 -
 app/styles/spirit-product/_forms.css          |   59 -
 app/styles/spirit-product/_gradients.css      |   83 --
 app/styles/spirit-product/_heights.css        |  187 ---
 app/styles/spirit-product/_hovers.css         |  403 -------
 app/styles/spirit-product/_icons.css          |  510 --------
 app/styles/spirit-product/_images.css         |    3 -
 app/styles/spirit-product/_letter-spacing.css |   32 -
 app/styles/spirit-product/_line-height.css    |   50 -
 app/styles/spirit-product/_links.css          |   19 -
 app/styles/spirit-product/_lists.css          |    1 -
 app/styles/spirit-product/_max-widths.css     |  178 ---
 app/styles/spirit-product/_media-queries.css  |   28 -
 app/styles/spirit-product/_min-heights.css    |  158 ---
 app/styles/spirit-product/_min-widths.css     |  178 ---
 .../spirit-product/_module-template.css       |   22 -
 .../spirit-product/_negative-margins.css      |  526 --------
 app/styles/spirit-product/_nested.css         |   56 -
 app/styles/spirit-product/_normalize.css      |  449 -------
 app/styles/spirit-product/_nudge.css          |  682 -----------
 app/styles/spirit-product/_opacity.css        |   13 -
 app/styles/spirit-product/_outlines.css       |   32 -
 app/styles/spirit-product/_overflow.css       |   75 --
 app/styles/spirit-product/_position.css       |   38 -
 app/styles/spirit-product/_rotations.css      |   43 -
 app/styles/spirit-product/_skins.css          |  221 ----
 app/styles/spirit-product/_spacing-backup.css |  861 -------------
 app/styles/spirit-product/_spacing.css        | 1072 -----------------
 app/styles/spirit-product/_tables.css         |   17 -
 app/styles/spirit-product/_text-align.css     |   43 -
 .../spirit-product/_text-block-spacings.css   |   53 -
 .../spirit-product/_text-decoration.css       |   31 -
 app/styles/spirit-product/_text-transform.css |   43 -
 app/styles/spirit-product/_type-scale.css     |   95 --
 app/styles/spirit-product/_typography.css     |  144 ---
 app/styles/spirit-product/_utilities.css      |   50 -
 app/styles/spirit-product/_vertical-align.css |   36 -
 app/styles/spirit-product/_visibility.css     |   51 -
 app/styles/spirit-product/_white-space.css    |   34 -
 app/styles/spirit-product/_widths.css         |  208 ----
 app/styles/spirit-product/_word-break.css     |   36 -
 app/styles/spirit-product/_z-index.css        |   53 -
 app/styles/spirit-product/spirit-product.css  |   76 --
 app/styles/spirit.css                         |    1 -
 ember-cli-build.js                            |   40 -
 lib/asset-delivery/index.js                   |    1 -
 lib/koenig-editor/addon/helpers/kg-style.js   |  326 -----
 lib/koenig-editor/app/helpers/kg-style.js     |    1 -
 package.json                                  |   10 +-
 yarn.lock                                     |  904 +++++++++++---
 104 files changed, 996 insertions(+), 10129 deletions(-)
 delete mode 100644 app/styles/spirit-product/_animations.css
 delete mode 100644 app/styles/spirit-product/_aspect-ratios.css
 delete mode 100644 app/styles/spirit-product/_background-position.css
 delete mode 100644 app/styles/spirit-product/_background-size.css
 delete mode 100644 app/styles/spirit-product/_border-colors.css
 delete mode 100644 app/styles/spirit-product/_border-radius.css
 delete mode 100644 app/styles/spirit-product/_border-style.css
 delete mode 100644 app/styles/spirit-product/_border-widths.css
 delete mode 100644 app/styles/spirit-product/_borders.css
 delete mode 100644 app/styles/spirit-product/_box-shadow.css
 delete mode 100644 app/styles/spirit-product/_box-sizing.css
 delete mode 100644 app/styles/spirit-product/_clears.css
 delete mode 100644 app/styles/spirit-product/_code.css
 delete mode 100644 app/styles/spirit-product/_colors.css
 delete mode 100644 app/styles/spirit-product/_coordinates.css
 delete mode 100644 app/styles/spirit-product/_custom-styles.css
 delete mode 100644 app/styles/spirit-product/_debug-children.css
 delete mode 100644 app/styles/spirit-product/_debug-grid.css
 delete mode 100644 app/styles/spirit-product/_debug.css
 delete mode 100644 app/styles/spirit-product/_display.css
 delete mode 100644 app/styles/spirit-product/_dropdown.css
 delete mode 100644 app/styles/spirit-product/_flexbox.css
 delete mode 100644 app/styles/spirit-product/_floats.css
 delete mode 100644 app/styles/spirit-product/_font-family.css
 delete mode 100644 app/styles/spirit-product/_font-style.css
 delete mode 100644 app/styles/spirit-product/_font-weight.css
 delete mode 100644 app/styles/spirit-product/_forms.css
 delete mode 100644 app/styles/spirit-product/_gradients.css
 delete mode 100644 app/styles/spirit-product/_heights.css
 delete mode 100644 app/styles/spirit-product/_hovers.css
 delete mode 100644 app/styles/spirit-product/_icons.css
 delete mode 100644 app/styles/spirit-product/_images.css
 delete mode 100644 app/styles/spirit-product/_letter-spacing.css
 delete mode 100644 app/styles/spirit-product/_line-height.css
 delete mode 100644 app/styles/spirit-product/_links.css
 delete mode 100644 app/styles/spirit-product/_lists.css
 delete mode 100644 app/styles/spirit-product/_max-widths.css
 delete mode 100644 app/styles/spirit-product/_media-queries.css
 delete mode 100644 app/styles/spirit-product/_min-heights.css
 delete mode 100644 app/styles/spirit-product/_min-widths.css
 delete mode 100644 app/styles/spirit-product/_module-template.css
 delete mode 100644 app/styles/spirit-product/_negative-margins.css
 delete mode 100644 app/styles/spirit-product/_nested.css
 delete mode 100644 app/styles/spirit-product/_normalize.css
 delete mode 100644 app/styles/spirit-product/_nudge.css
 delete mode 100644 app/styles/spirit-product/_opacity.css
 delete mode 100644 app/styles/spirit-product/_outlines.css
 delete mode 100644 app/styles/spirit-product/_overflow.css
 delete mode 100644 app/styles/spirit-product/_position.css
 delete mode 100644 app/styles/spirit-product/_rotations.css
 delete mode 100644 app/styles/spirit-product/_skins.css
 delete mode 100644 app/styles/spirit-product/_spacing-backup.css
 delete mode 100644 app/styles/spirit-product/_spacing.css
 delete mode 100644 app/styles/spirit-product/_tables.css
 delete mode 100644 app/styles/spirit-product/_text-align.css
 delete mode 100644 app/styles/spirit-product/_text-block-spacings.css
 delete mode 100644 app/styles/spirit-product/_text-decoration.css
 delete mode 100644 app/styles/spirit-product/_text-transform.css
 delete mode 100644 app/styles/spirit-product/_type-scale.css
 delete mode 100644 app/styles/spirit-product/_typography.css
 delete mode 100644 app/styles/spirit-product/_utilities.css
 delete mode 100644 app/styles/spirit-product/_vertical-align.css
 delete mode 100644 app/styles/spirit-product/_visibility.css
 delete mode 100644 app/styles/spirit-product/_white-space.css
 delete mode 100644 app/styles/spirit-product/_widths.css
 delete mode 100644 app/styles/spirit-product/_word-break.css
 delete mode 100644 app/styles/spirit-product/_z-index.css
 delete mode 100644 app/styles/spirit-product/spirit-product.css
 delete mode 100644 app/styles/spirit.css
 delete mode 100644 lib/koenig-editor/addon/helpers/kg-style.js
 delete mode 100644 lib/koenig-editor/app/helpers/kg-style.js

diff --git a/app/styles/app-dark.css b/app/styles/app-dark.css
index 560d3b0bc5..bf3044b4a0 100644
--- a/app/styles/app-dark.css
+++ b/app/styles/app-dark.css
@@ -1,3 +1,11 @@
+/* Spirit - Ghost's CSS framework
+/* ---------------------------------------------------------- */
+/*
+    includes normalize v7 so must come first to avoid clobbering
+    our old non-Spirit classes
+*/
+@import "spirit/spirit-product.css";
+
 /* Patterns: Groups of Styles
 /* ---------------------------------------------------------- */
 @import "patterns/global.css";
@@ -61,12 +69,12 @@ body {
 }
 
 pre {
-    border: color(var(--lightgrey) l(+5%));
+    border: color-mod(var(--lightgrey) l(+5%));
     background: var(--lightgrey);
 }
 
 hr {
-    border-color: color(var(--lightgrey) l(+5%));
+    border-color: color-mod(var(--lightgrey) l(+5%));
 }
 
 input,
@@ -74,8 +82,8 @@ input,
 .gh-select,
 .gh-select select {
     color: var(--darkgrey);
-    border-color: color(var(--lightgrey));
-    background: color(var(--lightgrey));
+    border-color: color-mod(var(--lightgrey));
+    background: color-mod(var(--lightgrey));
 }
 
 .gh-nav,
@@ -94,13 +102,13 @@ input,
 }
 
 .gh-nav-search .ember-power-select-trigger {
-    border-color: color(var(--lightgrey));
-    background: color(var(--lightgrey));
+    border-color: color-mod(var(--lightgrey));
+    background: color-mod(var(--lightgrey));
 }
 
 .ember-power-select-multiple-trigger {
-    border-color: color(var(--lightgrey));
-    background: color(var(--lightgrey));
+    border-color: color-mod(var(--lightgrey));
+    background: color-mod(var(--lightgrey));
 }
 
 .ember-power-select-dropdown {
@@ -110,14 +118,14 @@ input,
 .ember-power-select-dropdown,
 .ember-power-select-options:not([role="group"]),
 .ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
-    border-color: color(var(--lightgrey));
-    background: color(var(--lightgrey));
+    border-color: color-mod(var(--lightgrey));
+    background: color-mod(var(--lightgrey));
 }
 
 .ember-basic-dropdown--opened > .ember-power-select-trigger,
 .ember-power-select-trigger[aria-expanded="true"],
 .ember-power-select-search input {
-    border-color: color(var(--lightgrey));
+    border-color: color-mod(var(--lightgrey));
 }
 
 .ember-power-calendar-weekdays,
@@ -140,8 +148,8 @@ input,
 }
 
 .gh-btn {
-    border: color(var(--darkgrey) l(-27%) blackness(+15%)) 1px solid ;
-    color: color(var(--darkgrey) l(-27%) blackness(+15%));
+    border: color-mod(var(--darkgrey) l(-27%) blackness(+15%)) 1px solid ;
+    color: color-mod(var(--darkgrey) l(-27%) blackness(+15%));
     text-shadow: none;
 }
 .gh-btn-blue,
@@ -170,7 +178,7 @@ input,
 
 .dropdown-menu > li > a,
 .dropdown-menu > li > button {
-    color: color(var(--lightgrey) lightness(+20%));
+    color: color-mod(var(--lightgrey) lightness(+20%));
 }
 
 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > button:hover, .dropdown-menu > li > button:focus {
@@ -222,7 +230,7 @@ input,
 }
 
 .gh-main > section.gh-editor-fullscreen {
-    background: color(#212A2E l(+2%));
+    background: color-mod(#212A2E l(+2%));
 }
 
 .dropdown-menu {
@@ -250,7 +258,7 @@ input,
 }
 
 .seo-preview-title {
-    color: color(#1e0fbe l(+25%));
+    color: color-mod(#1e0fbe l(+25%));
 }
 
 .seo-preview-description {
@@ -300,7 +308,7 @@ input,
 }
 
 .gh-unsplash-search:focus {
-    background-color: color(var(--lightgrey));
+    background-color: color-mod(var(--lightgrey));
 }
 
 .gh-unsplash-zoom {
@@ -326,5 +334,5 @@ input,
 }
 
 .CodeMirror .CodeMirror-code .cm-string {
-    color: color(#183691 l(+25%));
+    color: color-mod(#183691 l(+25%));
 }
diff --git a/app/styles/app.css b/app/styles/app.css
index 3bc719d2ff..040c362002 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -1,3 +1,11 @@
+/* Spirit - Ghost's CSS framework
+/* ---------------------------------------------------------- */
+/*
+    includes normalize v7 so must come first to avoid clobbering
+    our old non-Spirit classes
+*/
+@import "spirit/spirit-product.css";
+
 /* Patterns: Groups of Styles
 /* ---------------------------------------------------------- */
 @import "patterns/global.css";
diff --git a/app/styles/components/badges.css b/app/styles/components/badges.css
index 4bcb4ac9d3..2903bfa76b 100644
--- a/app/styles/components/badges.css
+++ b/app/styles/components/badges.css
@@ -4,7 +4,7 @@
 .gh-badge {
     display: inline-block;
     padding: 2px 4px 3px;
-    border: color(var(--green) blackness(+8%)) 1px solid;
+    border: color-mod(var(--green) blackness(+8%)) 1px solid;
     color: #fff;
     font-size: 0.8em;
     line-height: 1em;
@@ -15,39 +15,39 @@
     white-space: nowrap;
     user-select: none;
     background: linear-gradient(
-    color(var(--green) whiteness(+4%)),
-    color(var(--green) blackness(+4%))
+    color-mod(var(--green) whiteness(+4%)),
+    color-mod(var(--green) blackness(+4%))
     );
     border-radius: 3px;
 }
 
 .gh-badge-blue {
-    border: color(var(--blue) blackness(+8%)) 1px solid;
+    border: color-mod(var(--blue) blackness(+8%)) 1px solid;
     background: linear-gradient(
-    color(var(--blue) whiteness(+10%)),
-    color(var(--blue) blackness(+4%))
+    color-mod(var(--blue) whiteness(+10%)),
+    color-mod(var(--blue) blackness(+4%))
     );
 }
 
 .gh-badge-red {
-    border: color(var(--red) blackness(+8%)) 1px solid;
+    border: color-mod(var(--red) blackness(+8%)) 1px solid;
     background: linear-gradient(
-    color(var(--red) whiteness(+10%)),
-    color(var(--red) blackness(+4%))
+    color-mod(var(--red) whiteness(+10%)),
+    color-mod(var(--red) blackness(+4%))
     );
 }
 
 .gh-badge-black {
-    border: color(var(--darkgrey) blackness(+8%)) 1px solid;
+    border: color-mod(var(--darkgrey) blackness(+8%)) 1px solid;
     background: linear-gradient(
-    color(var(--darkgrey) whiteness(+10%)),
-    color(var(--darkgrey) blackness(+4%))
+    color-mod(var(--darkgrey) whiteness(+10%)),
+    color-mod(var(--darkgrey) blackness(+4%))
     );
 }
 
 .gh-badge-outline {
-    border-color: color(var(--midgrey) l(+35%));
-    color: color(var(--midgrey) l(+25%));
+    border-color: color-mod(var(--midgrey) l(+35%));
+    color: color-mod(var(--midgrey) l(+25%));
     font-weight: 400;
     background: transparent;
     box-shadow: none;
diff --git a/app/styles/components/dropdowns.css b/app/styles/components/dropdowns.css
index 7fdcc696c8..c18166370b 100644
--- a/app/styles/components/dropdowns.css
+++ b/app/styles/components/dropdowns.css
@@ -42,7 +42,7 @@
     overflow: hidden;
     margin: 8px 0;
     height: 1px;
-    background: color(#dfe1e3 lightness(+5%));
+    background: color-mod(#dfe1e3 lightness(+5%));
 }
 
 .dropdown-menu li {
@@ -57,7 +57,7 @@
     padding: 6px 10px;
     width: 100%;
     border-radius: 3px;
-    color: color(var(--darkgrey) lightness(+20%));
+    color: color-mod(var(--darkgrey) lightness(+20%));
     text-align: left;
     white-space: nowrap;
     font-size: 1.3rem;
@@ -71,11 +71,11 @@
     height: 14px;
     width: 14px;
     line-height: 1em;
-    fill: color(var(--darkgrey) lightness(+20%));
+    fill: color-mod(var(--darkgrey) lightness(+20%));
 }
 
 .dropdown-menu svg path {
-    stroke: color(var(--darkgrey) lightness(+20%));
+    stroke: color-mod(var(--darkgrey) lightness(+20%));
 }
 
 @media (max-width: 500px) {
@@ -98,7 +98,7 @@
 .dropdown-menu > li > a:focus,
 .dropdown-menu > li > button:hover,
 .dropdown-menu > li > button:focus {
-    background: color(var(--blue) alpha(-85%));
+    background: color-mod(var(--blue) alpha(-85%));
     color: var(--darkgrey);
     text-decoration: none;
 }
diff --git a/app/styles/components/koenig.css b/app/styles/components/koenig.css
index 48aca90696..13df14658a 100644
--- a/app/styles/components/koenig.css
+++ b/app/styles/components/koenig.css
@@ -51,13 +51,13 @@
     text-align: center;
     user-select: none;
     cursor: pointer;
-    color: color(var(--lightgrey) l(-10%));
+    color: color-mod(var(--lightgrey) l(-10%));
     background: linear-gradient(
-        color(var(--darkgrey) l(-3%)),
-        color(var(--darkgrey) l(-8%))
+        color-mod(var(--darkgrey) l(-3%)),
+        color-mod(var(--darkgrey) l(-8%))
     );
     border-radius: 5px;
-    box-shadow: 0 0 0 1px color(var(--darkgrey) l(-10%)), 0 8px 16px rgba(26,39,49,0.16), rgba(255,255,255,0.09) 0 1px 0 0 inset;
+    box-shadow: 0 0 0 1px color-mod(var(--darkgrey) l(-10%)), 0 8px 16px rgba(26,39,49,0.16), rgba(255,255,255,0.09) 0 1px 0 0 inset;
     z-index:110; /* places it above the title */
     pointer-events: none !important; /* no interactivity when hidden */
     opacity: 0;
@@ -81,7 +81,7 @@
     height: 0;
     border-left: transparent 10px solid;
     border-right: transparent 10px solid;
-    border-top: color(var(--darkgrey) l(-10%)) 8px solid;
+    border-top: color-mod(var(--darkgrey) l(-10%)) 8px solid;
     transition-property: left;
     transition-duration: 100ms;
 }
@@ -136,10 +136,10 @@
 
 .koenig-toolbar-btn svg g {
     stroke-width: 2px;
-    stroke: color(var(--lightgrey) l(-10%));
+    stroke: color-mod(var(--lightgrey) l(-10%));
 }
 .koenig-toolbar-btn-list svg path {
-    fill: color(var(--lightgrey) l(-10%));
+    fill: color-mod(var(--lightgrey) l(-10%));
 }
 
 .koenig-toolbar-btn:hover,
@@ -203,7 +203,7 @@
     height: 40px;
     width: 1px;
     margin: 0 9px 0 8px;
-    background: color(var(--darkgrey) l(-10%));
+    background: color-mod(var(--darkgrey) l(-10%));
     box-shadow: rgba(255,255,255,0.04) 1px 0 0 0;
 }
 
@@ -361,7 +361,7 @@
 
 .koenig-cardmenu-card:hover, .koenig-cardmenu-card.selected {
     cursor: pointer;
-    background: color(var(--lightgrey) l(+3%) s(-10%));
+    background: color-mod(var(--lightgrey) l(+3%) s(-10%));
 }
 .koenig-cardmenu-card:hover .koenig-cardmenu-label, .koenig-cardmenu-card.selected .koenig-cardmenu-label {
     color: var(--darkgrey);
@@ -375,7 +375,7 @@
     margin: 12px -15px;
     font-size: 1.2rem;
     text-align: center;
-    background: color(var(--lightgrey) l(+3%) s(-10%));
+    background: color-mod(var(--lightgrey) l(+3%) s(-10%));
 }
 
 
@@ -387,7 +387,7 @@
     position: relative;
     display: flex;
     width: calc(100% + 60px);
-    border: 2px solid  color(var(--blue) alpha(-85%));
+    border: 2px solid  color-mod(var(--blue) alpha(-85%));
     flex-direction: row;
     border-radius: 4px;
     padding: 10px;
@@ -398,7 +398,7 @@
 }
 
 .koenig-card:hover {
-    border-color: color(var(--blue) alpha(-25%));
+    border-color: color-mod(var(--blue) alpha(-25%));
 }
 
 .koenig-card--selected {
diff --git a/app/styles/components/modals.css b/app/styles/components/modals.css
index d4885f4cd7..b7602a39d9 100644
--- a/app/styles/components/modals.css
+++ b/app/styles/components/modals.css
@@ -143,7 +143,7 @@
 
 .modal-body .gh-image-uploader {
     margin: 0;
-    background: color(var(--lightgrey) l(+4%));
+    background: color-mod(var(--lightgrey) l(+4%));
 }
 
 
diff --git a/app/styles/components/notifications.css b/app/styles/components/notifications.css
index ffb16fe5c3..09b1290e3f 100644
--- a/app/styles/components/notifications.css
+++ b/app/styles/components/notifications.css
@@ -18,7 +18,7 @@
     margin-top: 5px;
     padding: 4px;
     width: 240px;
-    border: color(var(--blue) l(-10%)) 1px solid;
+    border: color-mod(var(--blue) l(-10%)) 1px solid;
     background: var(--blue);
     border-radius: 4px;
     box-shadow: rgba(0,0,0,0.06) 0 1px 7px;
@@ -102,7 +102,7 @@
 /* ---------------------------------------------------------- */
 
 .gh-notification-red {
-    border: color(var(--red) lightness(+28%)) 1px solid;
+    border: color-mod(var(--red) lightness(+28%)) 1px solid;
 }
 
 .gh-notification-red em {
@@ -110,14 +110,14 @@
 }
 
 .gh-notification-red:hover .gh-notification-content {
-    background: color(var(--red) lightness(+40%));
+    background: color-mod(var(--red) lightness(+40%));
 }
 
 /* Green notification
 /* ---------------------------------------------------------- */
 
 .gh-notification-green {
-    border: color(var(--green) lightness(+28%)) 1px solid;
+    border: color-mod(var(--green) lightness(+28%)) 1px solid;
 }
 
 .gh-notification-green em {
@@ -125,7 +125,7 @@
 }
 
 .gh-notification-green:hover .gh-notification-content {
-    background: color(var(--green) lightness(+40%));
+    background: color-mod(var(--green) lightness(+40%));
 }
 
 /* Schedule notification top
@@ -208,7 +208,7 @@
 /* ---------------------------------------------------------- */
 
 .gh-alert-blue {
-    border-bottom: color(var(--blue) lightness(-10%)) 1px solid;
+    border-bottom: color-mod(var(--blue) lightness(-10%)) 1px solid;
     background: var(--blue);
     color: #fff;
 }
@@ -226,7 +226,7 @@
 /* ---------------------------------------------------------- */
 
 .gh-alert-red {
-    border-bottom: color(var(--red) lightness(-10%)) 1px solid;
+    border-bottom: color-mod(var(--red) lightness(-10%)) 1px solid;
     background: var(--red);
     color: #fff;
 }
@@ -247,7 +247,7 @@
 /* ---------------------------------------------------------- */
 
 .gh-alert-green {
-    border-bottom: color(var(--green) lightness(-7%)) 1px solid;
+    border-bottom: color-mod(var(--green) lightness(-7%)) 1px solid;
     background: var(--green);
     color: #fff;
 }
@@ -268,7 +268,7 @@
 /* ---------------------------------------------------------- */
 
 .gh-alert-black {
-    border-bottom: color(var(--darkgrey) lightness(-10%)) 1px solid;
+    border-bottom: color-mod(var(--darkgrey) lightness(-10%)) 1px solid;
     background: var(--darkgrey);
     color: #fff;
 }
diff --git a/app/styles/components/power-calendar.css b/app/styles/components/power-calendar.css
index f14b181275..147e7430ad 100644
--- a/app/styles/components/power-calendar.css
+++ b/app/styles/components/power-calendar.css
@@ -90,12 +90,12 @@
 .ember-power-calendar-nav-control {
   line-height: 1;
   font-size: 150%;
-  color: rgb(0,120,201);
+  color: #0078c9;
 }
 
 .ember-power-calendar-nav-control:focus {
   transform: scale(1.2);
-  color: color(rgb(0,120,201), lightness(+10%));
+  color: color-mod(#0078c9 l(+10%));
 }
 
 .ember-power-calendar-day--current-month {
@@ -115,22 +115,22 @@
 .ember-power-calendar-day--selected,
 .ember-power-calendar-day--selected:not([disabled]):hover {
   font-weight: bold;
-  background-color: color(rgb(0,120,201), lightness(+50%));
+  background-color: color-mod(#0078c9 l(+50%));
   color: #656D78;
 }
 
 .ember-power-calendar-day--selected.ember-power-calendar-day--range-start,
 .ember-power-calendar-day--selected.ember-power-calendar-day--range-end {
-  background-color: color(rgb(0,120,201), lightness(+40%));
+  background-color: color-mod(#0078c9 l(+40%));
 }
 
 .ember-power-calendar-day--selected.ember-power-calendar-day--range-start:hover,
 .ember-power-calendar-day--selected.ember-power-calendar-day--range-end:hover {
-    background-color: color(rgb(0,120,201), lightness(+40%));
+    background-color: color-mod(#0078c9 l(+40%));
 }
 
 .ember-power-calendar-day--focused {
-  box-shadow: inset 0px -2px 0px 0px rgb(0,120,201);
+  box-shadow: inset 0px -2px 0px 0px #0078c9;
 }
 
 .ember-power-calendar-day--interactive[disabled] {
diff --git a/app/styles/components/power-select.css b/app/styles/components/power-select.css
index 3f2798bd48..243d04449c 100644
--- a/app/styles/components/power-select.css
+++ b/app/styles/components/power-select.css
@@ -42,11 +42,11 @@
 .ember-power-select-option {
     margin: 0;
     padding: 6px 10px;
-    color: color(var(--darkgrey) lightness(+20%));
+    color: color-mod(var(--darkgrey) lightness(+20%));
 }
 
 .ember-power-select-option[aria-current="true"] {
-    background: color(var(--blue) alpha(-85%));
+    background: color-mod(var(--blue) alpha(-85%));
     color: var(--darkgrey);
 }
 
@@ -135,7 +135,7 @@
 }
 
 .ember-power-select-group .ember-power-select-option[aria-current="true"] {
-    background: color(var(--blue) alpha(-85%));
+    background: color-mod(var(--blue) alpha(-85%));
     color: var(--darkgrey);
 }
 
diff --git a/app/styles/components/publishmenu.css b/app/styles/components/publishmenu.css
index 07f03a58b3..b88f06b264 100644
--- a/app/styles/components/publishmenu.css
+++ b/app/styles/components/publishmenu.css
@@ -90,7 +90,7 @@
     position: relative;
     width: 15px;
     height: 15px;
-    border: color(var(--lightgrey) l(-10%)) 1px solid;
+    border: color-mod(var(--lightgrey) l(-10%)) 1px solid;
     border-radius: 100%;
     background: #fff;
 }
@@ -112,7 +112,7 @@
     font-size: 1.3rem;
     line-height: 1.4em;
     font-weight: 200;
-    color: color(var(--midgrey) l(+10%));
+    color: color-mod(var(--midgrey) l(+10%));
 }
 
 .gh-publishmenu-radio-label:hover,
@@ -121,7 +121,7 @@
 }
 
 .gh-publishmenu-radio.active .gh-publishmenu-radio-button {
-    border-color: color(var(--blue) l(-12%));
+    border-color: color-mod(var(--blue) l(-12%));
     background: var(--blue);
 }
 
@@ -154,7 +154,7 @@
     position: relative;
     margin: 7px 0 4px;
     padding: 6px 8px;
-    border: color(var(--lightgrey) l(-5%) s(-10%)) 1px solid;
+    border: color-mod(var(--lightgrey) l(-5%) s(-10%)) 1px solid;
     border-radius: 3px;
     transition: border-color 0.15s linear;
     background: #fff;
@@ -175,7 +175,7 @@
     padding: 0;
     width: 100%;
     border: none;
-    color: color(var(--midgrey) l(-18%));
+    color: color-mod(var(--midgrey) l(-18%));
     font-size: 1.3rem;
     line-height: 1em;
     font-weight: 400;
@@ -190,19 +190,19 @@
 
 .gh-date-time-picker-date:focus,
 .gh-date-time-picker-time:focus {
-    border-color: color(var(--lightgrey) l(-15%) s(-10%));
+    border-color: color-mod(var(--lightgrey) l(-15%) s(-10%));
 }
 
 .gh-date-time-picker-date svg {
     width: 14px;
     height: 14px;
-    fill: color(var(--midgrey) l(+15%));
+    fill: color-mod(var(--midgrey) l(+15%));
 }
 
 .gh-date-time-picker-timezone {
     font-size: 1.1rem;
     font-weight: 200;
-    color: color(var(--midgrey) l(+17%));
+    color: color-mod(var(--midgrey) l(+17%));
     margin-left: -30px;
 }
 
diff --git a/app/styles/components/settings-menu.css b/app/styles/components/settings-menu.css
index 26b4a06091..cfa6e889b3 100644
--- a/app/styles/components/settings-menu.css
+++ b/app/styles/components/settings-menu.css
@@ -14,7 +14,7 @@
     width: 350px;
     max-width: 100%;
     overflow: hidden;
-    background: color(var(--lightgrey) l(+4%));
+    background: color-mod(var(--lightgrey) l(+4%));
     transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
     transform: translate3d(350px, 0px, 0px);
 }
@@ -187,9 +187,9 @@
 
 .settings-menu-delete-button:hover,
 .settings-menu-delete-button:hover svg path {
-    stroke: color(var(--red) lightness(-10%));
-    fill: color(var(--red) lightness(-10%));
-    color: color(var(--red) lightness(-10%));
+    stroke: color-mod(var(--red) lightness(-10%));
+    fill: color-mod(var(--red) lightness(-10%));
+    color: color-mod(var(--red) lightness(-10%));
 }
 
 .post-setting-custom-excerpt {
diff --git a/app/styles/components/tour.css b/app/styles/components/tour.css
index a8e99e1cd1..3762cbb7a0 100644
--- a/app/styles/components/tour.css
+++ b/app/styles/components/tour.css
@@ -31,7 +31,7 @@
     max-width: none;
     width: 460px;
     color: #fff;
-    background: linear-gradient(135deg, color(var(--blue) l(+3%)) 0%,color(var(--blue) l(-5%) s(-5%)) 100%);
+    background: linear-gradient(135deg, color-mod(var(--blue) l(+3%)) 0%,color(var(--blue) l(-5%) s(-5%)) 100%);
     box-shadow: rgba(0,0,0,0.05) 0 0 0 1px inset, rgba(0,0,0,0.15) 0 1px 8px;
     border-radius: 10px;
 }
@@ -87,7 +87,7 @@
 .tour .popover-triangle-top-left:before,
 .tour .popover-triangle-top-right:before {
     border-right: 14px solid transparent;
-    border-bottom: calc(14px * 0.8) solid color(var(--blue) l(-5%) s(-10%));
+    border-bottom: calc(14px * 0.8) solid color-mod(var(--blue) l(-5%) s(-10%));
     border-left: 14px solid transparent;
 }
 
@@ -96,14 +96,14 @@
 .tour .popover-triangle-top-right:after {
     top: -10px;
     border-right: 14px solid transparent;
-    border-bottom: calc(14px * 0.8) solid color(var(--blue) l(-5%) s(-10%));
+    border-bottom: calc(14px * 0.8) solid color-mod(var(--blue) l(-5%) s(-10%));
     border-left: 14px solid transparent;
 }
 
 .tour .popover-triangle-bottom:before,
 .tour .popover-triangle-bottom-left:before,
 .tour .popover-triangle-bottom-right:before {
-    border-top: calc(14px * 0.8) solid color(var(--blue) l(-5%) s(-10%));
+    border-top: calc(14px * 0.8) solid color-mod(var(--blue) l(-5%) s(-10%));
     border-right: 14px solid transparent;
     border-left: 14px solid transparent;
 }
@@ -112,7 +112,7 @@
 .tour .popover-triangle-bottom-left:after,
 .tour .popover-triangle-bottom-right:after {
     bottom: -10px;
-    border-top: calc(14px * 0.8) solid color(var(--blue) l(-5%) s(-10%));
+    border-top: calc(14px * 0.8) solid color-mod(var(--blue) l(-5%) s(-10%));
     border-right: 14px solid transparent;
     border-left: 14px solid transparent;
 }
@@ -121,7 +121,7 @@
 .tour .popover-triangle-left-top:before,
 .tour .popover-triangle-left-bottom:before {
     border-top: 14px solid transparent;
-    border-right: calc(14px * 0.8) solid color(var(--blue) l(-5%) s(-10%));
+    border-right: calc(14px * 0.8) solid color-mod(var(--blue) l(-5%) s(-10%));
     border-bottom: 14px solid transparent;
 }
 
@@ -130,7 +130,7 @@
 .tour .popover-triangle-left-bottom:after {
     left: -10px;
     border-top: 14px solid transparent;
-    border-right: calc(14px * 0.8) solid color(var(--blue) l(-5%) s(-10%));
+    border-right: calc(14px * 0.8) solid color-mod(var(--blue) l(-5%) s(-10%));
     border-bottom: 14px solid transparent;
 }
 
@@ -139,7 +139,7 @@
 .tour .popover-triangle-right-bottom:before {
     border-top: 14px solid transparent;
     border-bottom: 14px solid transparent;
-    border-left: calc(14px * 0.8) solid color(var(--blue) l(-5%) s(-10%));
+    border-left: calc(14px * 0.8) solid color-mod(var(--blue) l(-5%) s(-10%));
 }
 
 .tour .popover-triangle-right:after,
@@ -148,5 +148,5 @@
     right: -10px;
     border-top: 14px solid transparent;
     border-bottom: 14px solid transparent;
-    border-left: calc(14px * 0.8) solid color(var(--blue) l(-5%) s(-10%));
+    border-left: calc(14px * 0.8) solid color-mod(var(--blue) l(-5%) s(-10%));
 }
diff --git a/app/styles/components/unsplash.css b/app/styles/components/unsplash.css
index 9a85b6a772..ea686d41e1 100644
--- a/app/styles/components/unsplash.css
+++ b/app/styles/components/unsplash.css
@@ -57,7 +57,7 @@
 }
 
 .gh-unsplash-close svg {
-    fill: color(var(--midgrey) l(+15%));
+    fill: color-mod(var(--midgrey) l(+15%));
 }
 
 .gh-unsplash-header {
diff --git a/app/styles/components/uploader.css b/app/styles/components/uploader.css
index 1fb7cf38c1..3349cc26c7 100644
--- a/app/styles/components/uploader.css
+++ b/app/styles/components/uploader.css
@@ -10,7 +10,7 @@
     min-height: 130px;
     overflow: hidden;
     margin: 1.6em 0;
-    color: color(var(--midgrey) l(-18%));
+    color: color-mod(var(--midgrey) l(-18%));
     text-align: center;
     background: #fff;
     border-radius: 4px;
@@ -93,7 +93,7 @@
 .gh-image-uploader .failed {
     margin: 1em 2em;
     font-size: 16px;
-    color: color(var(--midgrey));
+    color: color-mod(var(--midgrey));
 }
 
 /* TODO: remove the gh-image-uploader classes once it's using gh-progrss-bar */
diff --git a/app/styles/layouts/apps.css b/app/styles/layouts/apps.css
index cc4205fea0..05c2413a09 100644
--- a/app/styles/layouts/apps.css
+++ b/app/styles/layouts/apps.css
@@ -47,7 +47,7 @@
     flex: 1 1 100%;
 }
 .apps-grid-cell:hover {
-    background: color(var(--lightgrey) l(+5%));
+    background: color-mod(var(--lightgrey) l(+5%));
 }
 
 .apps-card-app {
diff --git a/app/styles/layouts/auth.css b/app/styles/layouts/auth.css
index 36c386825c..a5b0b6726d 100644
--- a/app/styles/layouts/auth.css
+++ b/app/styles/layouts/auth.css
@@ -34,7 +34,7 @@
     top: 10px;
     right: 1px;
     bottom: 10px;
-    border-left: color(var(--lightgrey) l(-5%) s(-10%)) 1px solid;
+    border-left: color-mod(var(--lightgrey) l(-5%) s(-10%)) 1px solid;
     border-radius: 0;
 }
 .forgotten-link span {
@@ -45,8 +45,8 @@
 }
 
 .forgotten-link:hover {
-    border-left: color(var(--lightgrey) l(-15%) s(-10%)) 1px solid;
-    color: color(var(--blue) l(-10%));
+    border-left: color-mod(var(--lightgrey) l(-15%) s(-10%)) 1px solid;
+    color: color-mod(var(--blue) l(-10%));
     text-decoration: none;
 }
 
diff --git a/app/styles/layouts/content.css b/app/styles/layouts/content.css
index 7b38128ef3..c489bad996 100644
--- a/app/styles/layouts/content.css
+++ b/app/styles/layouts/content.css
@@ -9,7 +9,7 @@
     justify-content: space-between;
     margin: 2vw 0 1vw;
     padding: 10px 0 0 0;
-    border-top: color(var(--lightgrey)) 1px solid;
+    border-top: color-mod(var(--lightgrey)) 1px solid;
     list-style: none;
 }
 
@@ -50,7 +50,7 @@
 .gh-contentfilter li a {
     display: block;
     padding: 13px 1px 0;
-    color: color(var(--midgrey) l(+8%));
+    color: color-mod(var(--midgrey) l(+8%));
     font-size: 1.5rem;
     font-weight: 300;
     letter-spacing: 0.3px;
@@ -118,7 +118,7 @@
     position: relative;
     margin: 0;
     padding: 24px 0 25px 0;
-    border-bottom: color(var(--lightgrey)) 1px solid;
+    border-bottom: color-mod(var(--lightgrey)) 1px solid;
 }
 
 .gh-posts-list-item a:hover {
@@ -133,7 +133,7 @@
 }
 
 .gh-content-entry-title a {
-    color: color(var(--darkgrey) l(+3%));
+    color: color-mod(var(--darkgrey) l(+3%));
 }
 
 .gh-posts-list-item p {
diff --git a/app/styles/layouts/editor.css b/app/styles/layouts/editor.css
index 6d43586241..f42e8d505b 100644
--- a/app/styles/layouts/editor.css
+++ b/app/styles/layouts/editor.css
@@ -501,7 +501,7 @@
 
 .gh-markdown-editor .CodeMirror pre {
     padding: 0;
-    color: color(var(--darkgrey) l(+5%));
+    color: color-mod(var(--darkgrey) l(+5%));
     font-family: "Consolas", monaco, monospace;
     font-size: 1.6rem;
 }
@@ -529,7 +529,7 @@
 
 .gh-editor .editor-preview,
 .gh-markdown-editor-preview {
-    color: color(var(--darkgrey) l(+5%));
+    color: color-mod(var(--darkgrey) l(+5%));
     font-family: Georgia, Times, Serif;
     font-size: 1.9rem;
 }
@@ -596,7 +596,7 @@
 
 /* TODO: need a way to make stroke + fill global without causing issues with certain icons */
 .gh-editor-image-upload .gh-btn-grey svg path {
-    stroke: color(var(--darkgrey) l(+15%));
+    stroke: color-mod(var(--darkgrey) l(+15%));
 }
 
 .editor-toolbar a {
@@ -651,12 +651,12 @@
 
 .editor-toolbar i.separator {
     border-right: none;
-    border-left: color(var(--lightgrey) l(-3%)) 1px solid;
+    border-left: color-mod(var(--lightgrey) l(-3%)) 1px solid;
 }
 
 .editor-toolbar a.active,
 .editor-toolbar a:hover {
-    border-color: color(var(--lightgrey) l(-5%));
+    border-color: color-mod(var(--lightgrey) l(-5%));
 }
 
 .gh-markdown-editor .CodeMirror .CodeMirror-selectedtext {
@@ -664,5 +664,5 @@
 }
 
 .CodeMirror .CodeMirror-selected {
-    background: color(var(--blue) lightness(+30%));
+    background: color-mod(var(--blue) lightness(+30%));
 }
diff --git a/app/styles/layouts/flow.css b/app/styles/layouts/flow.css
index a2bf476bc6..13bd76adc6 100644
--- a/app/styles/layouts/flow.css
+++ b/app/styles/layouts/flow.css
@@ -135,7 +135,7 @@
 .gh-flow-nav .active .step {
     border: var(--green) 2px solid;
     background: transparent;
-    color: color(var(--green) lightness(-10%));
+    color: color-mod(var(--green) lightness(-10%));
     cursor: default;
 }
 
diff --git a/app/styles/layouts/main.css b/app/styles/layouts/main.css
index 36410c0a2c..2f5d5c6b24 100644
--- a/app/styles/layouts/main.css
+++ b/app/styles/layouts/main.css
@@ -60,7 +60,7 @@ body > .ember-view:not(.default-liquid-destination) {
     display: flex;
     flex-direction: column;
     min-width: 0; /* TODO: This is a bullshit Firefox hack */
-    background: color(var(--lightgrey) l(+4%));
+    background: color-mod(var(--lightgrey) l(+4%));
     transform: translateX(0);
 }
 
@@ -92,7 +92,7 @@ body > .ember-view:not(.default-liquid-destination) {
 
 .gh-nav-menu svg path {
     stroke-width: 1px;
-    stroke: color(var(--darkgrey));
+    stroke: color-mod(var(--darkgrey));
 }
 
 .gh-nav-menu-icon {
@@ -203,13 +203,13 @@ body > .ember-view:not(.default-liquid-destination) {
 }
 
 .gh-nav-list .active {
-    background: color(var(--blue) lightness(+10%));
+    background: color-mod(var(--blue) lightness(+10%));
     color: #fff;
     opacity: 1;
 }
 
 .gh-nav-list a:not(.active):hover {
-    background: color(var(--blue) alpha(-85%));
+    background: color-mod(var(--blue) alpha(-85%));
     color: var(--darkgrey);
     opacity: 1;
 }
@@ -247,12 +247,12 @@ body > .ember-view:not(.default-liquid-destination) {
     justify-content: center;
     align-items: center;
     height: 46px;
-    border-top: color(var(--lightgrey) l(-1%)) 1px solid;
+    border-top: color-mod(var(--lightgrey) l(-1%)) 1px solid;
     text-align: center;
     font-size: 1.2rem;
     line-height: 1em;
     font-weight: 300;
-    color:  color(var(--midgrey) l(+5%));
+    color:  color-mod(var(--midgrey) l(+5%));
 }
 
 @media (max-width: 500px) {
@@ -264,7 +264,7 @@ body > .ember-view:not(.default-liquid-destination) {
 .gh-nav-foot-sitelink svg {
     width: 13px;
     margin-left: 5px;
-    fill: color(var(--midgrey) l(+5%));
+    fill: color-mod(var(--midgrey) l(+5%));
 }
 
 /* Mobile Nav Menu (Slides out)
@@ -356,7 +356,7 @@ body > .ember-view:not(.default-liquid-destination) {
     right: -8px;
     height: 34px;
     width: 25px;
-    border: color(var(--lightgrey) l(+4%)) 5px solid;
+    border: color-mod(var(--lightgrey) l(+4%)) 5px solid;
     border-radius: 4px;
     cursor: pointer;
 }
@@ -492,7 +492,7 @@ body > .ember-view:not(.default-liquid-destination) {
     }
 
     .gh-mobile-nav-bar a.active {
-        background: color(var(--blue) lightness(+10%));
+        background: color-mod(var(--blue) lightness(+10%));
         color: #fff;
     }
 
diff --git a/app/styles/layouts/settings.css b/app/styles/layouts/settings.css
index 763c7679bb..910cd620ce 100644
--- a/app/styles/layouts/settings.css
+++ b/app/styles/layouts/settings.css
@@ -172,7 +172,7 @@
 .gh-blognav-grab svg {
     width: 16px;
     height: 16px;
-    fill: color(var(--midgrey) l(+15%));
+    fill: color-mod(var(--midgrey) l(+15%));
 }
 
 .gh-blognav-line {
@@ -196,7 +196,7 @@
 }
 
 .gh-blognav-delete svg {
-    fill: color(var(--midgrey) l(+15%));
+    fill: color-mod(var(--midgrey) l(+15%));
     height: 14px;
     width: 14px;
     transition: fill 0.1s linear;
@@ -228,7 +228,7 @@
 
 .gh-blognav-add:hover,
 .gh-blognav-add:focus {
-    background: color(var(--green) lightness(-10%));
+    background: color-mod(var(--green) lightness(-10%));
 }
 
 .gh-blognav-item:not(.gh-blognav-item--sortable) {
@@ -241,11 +241,11 @@
         margin-right: -1px;
     }
     .gh-blognav-label input {
-        border-right-color: color(var(--lightgrey) l(-5%) s(-10%));
+        border-right-color: color-mod(var(--lightgrey) l(-5%) s(-10%));
         border-radius: 4px 0 0 4px;
     }
     .gh-blognav-url input {
-        border-left-color: color(var(--lightgrey) l(-5%) s(-10%));
+        border-left-color: color-mod(var(--lightgrey) l(-5%) s(-10%));
         border-radius: 0 4px 4px 0;
     }
     .gh-blognav-item input:focus {
diff --git a/app/styles/layouts/users.css b/app/styles/layouts/users.css
index 95088dedc9..c88af6ff4e 100644
--- a/app/styles/layouts/users.css
+++ b/app/styles/layouts/users.css
@@ -99,41 +99,41 @@
 /* ---------------------------------------------------------- */
 
 .gh-badge.owner {
-    border: color(var(--darkgrey) blackness(+8%)) 1px solid;
+    border: color-mod(var(--darkgrey) blackness(+8%)) 1px solid;
     background: linear-gradient(
-    color(var(--darkgrey) whiteness(+10%)),
-    color(var(--darkgrey) blackness(+4%))
+    color-mod(var(--darkgrey) whiteness(+10%)),
+    color-mod(var(--darkgrey) blackness(+4%))
     );
 }
 
 .gh-badge.administrator {
-    border: color(var(--red) blackness(+8%)) 1px solid;
+    border: color-mod(var(--red) blackness(+8%)) 1px solid;
     background: linear-gradient(
-    color(var(--red) whiteness(+10%)),
-    color(var(--red) blackness(+4%))
+    color-mod(var(--red) whiteness(+10%)),
+    color-mod(var(--red) blackness(+4%))
     );
 }
 
 .gh-badge.editor {
-    border: color(var(--blue) blackness(+8%)) 1px solid;
+    border: color-mod(var(--blue) blackness(+8%)) 1px solid;
     background: linear-gradient(
-    color(var(--blue) whiteness(+10%)),
-    color(var(--blue) blackness(+4%))
+    color-mod(var(--blue) whiteness(+10%)),
+    color-mod(var(--blue) blackness(+4%))
     );
 }
 
 .gh-badge.author {
-    border: color(var(--lightgrey) blackness(+8%)) 1px solid;
-    color: color(var(--midgrey) l(+5%));
+    border: color-mod(var(--lightgrey) blackness(+8%)) 1px solid;
+    color: color-mod(var(--midgrey) l(+5%));
     background: #fff;
 }
 
 .gh-badge.suspended {
     margin-left: 15px;
-    border: color(var(--red) blackness(+8%)) 1px solid;
+    border: color-mod(var(--red) blackness(+8%)) 1px solid;
     background: linear-gradient(
-    color(var(--red) whiteness(+10%)),
-    color(var(--red) blackness(+4%))
+    color-mod(var(--red) whiteness(+10%)),
+    color-mod(var(--red) blackness(+4%))
     );
 }
 
diff --git a/app/styles/patterns/buttons.css b/app/styles/patterns/buttons.css
index 76a0aa99ac..0425d6601b 100644
--- a/app/styles/patterns/buttons.css
+++ b/app/styles/patterns/buttons.css
@@ -6,12 +6,12 @@
 .gh-btn {
     display: inline-block;
     outline: none;
-    border: 1px solid color(var(--lightgrey) l(-5%) s(-10%));
-    color: color(var(--lightgrey) l(-27%) blackness(+15%));
+    border: 1px solid color-mod(var(--lightgrey) l(-5%) s(-10%));
+    color: color-mod(var(--lightgrey) l(-27%) blackness(+15%));
     text-shadow: 0 1px 0 #fff;
     text-decoration: none !important;
     user-select: none;
-    fill: color(var(--lightgrey) l(-27%) blackness(+15%));
+    fill: color-mod(var(--lightgrey) l(-27%) blackness(+15%));
     border-radius: 5px;
     transition: all 0.2s ease;
     transition-property: color, border-color, background, width, height;
@@ -36,7 +36,7 @@
 }
 
 .gh-btn:hover {
-    border-color: color(var(--lightgrey) l(-15%) s(-10%));
+    border-color: color-mod(var(--lightgrey) l(-15%) s(-10%));
 }
 
 /* When disabled */
@@ -79,12 +79,12 @@ fieldset[disabled] .gh-btn {
 .gh-btn-grey {
     padding: 1px;
     border: 0;
-    color: color(var(--darkgrey) l(+15%));
+    color: color-mod(var(--darkgrey) l(+15%));
     text-shadow: 0 1px 0 #fff;
     fill: var(--darkgrey);
     background: linear-gradient(
-    color(var(--lightgrey) l(-3%)),
-    color(var(--lightgrey) l(-8%))
+    color-mod(var(--lightgrey) l(-3%)),
+    color-mod(var(--lightgrey) l(-8%))
     );
     box-shadow: 0 1px 0 rgba(0,0,0,0.05);
     transition: none !important;
@@ -93,8 +93,8 @@ fieldset[disabled] .gh-btn {
 /* The background of the span is the main visual element */
 .gh-btn-grey span {
     background: linear-gradient(
-    color(var(--lightgrey) l(+10%)),
-    color(var(--lightgrey) l(+4%))
+    color-mod(var(--lightgrey) l(+10%)),
+    color-mod(var(--lightgrey) l(+4%))
     );
     box-shadow: 0 1px 0 #fff inset;
 }
@@ -102,11 +102,11 @@ fieldset[disabled] .gh-btn {
 /* When clicked or focused with keyboard */
 .gh-btn-grey:active,
 .gh-btn-grey:focus {
-    background: color(var(--midgrey) l(+25%));
+    background: color-mod(var(--midgrey) l(+25%));
 }
 .gh-btn-grey:active span,
 .gh-btn-grey:focus span {
-    background: color(var(--lightgrey) l(+15%));
+    background: color-mod(var(--lightgrey) l(+15%));
     box-shadow: none;
 }
 
@@ -122,8 +122,8 @@ fieldset[disabled] .gh-btn {
     text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
     fill: #fff;
     background: linear-gradient(
-    color(var(--blue) blackness(+10%)),
-    color(var(--blue) l(-15%) saturation(-15%))
+    color-mod(var(--blue) blackness(+10%)),
+    color-mod(var(--blue) l(-15%) saturation(-15%))
     );
     box-shadow: 0 1px 0 rgba(0,0,0,0.12);
     transition: none !important;
@@ -132,10 +132,10 @@ fieldset[disabled] .gh-btn {
 /* The background of the span is the main visual element */
 .gh-btn-blue span {
     background: linear-gradient(
-    color(var(--blue) whiteness(+5%)),
-    color(var(--blue) l(-5%) saturation(-8%)) 60%,
-    color(var(--blue) l(-5%) saturation(-8%)) 90%,
-    color(var(--blue) l(-3%) saturation(-8%))
+    color-mod(var(--blue) whiteness(+5%)),
+    color-mod(var(--blue) l(-5%) saturation(-8%)) 60%,
+    color-mod(var(--blue) l(-5%) saturation(-8%)) 90%,
+    color-mod(var(--blue) l(-3%) saturation(-8%))
     );
     box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset;
 }
@@ -143,11 +143,11 @@ fieldset[disabled] .gh-btn {
 /* When clicked or focused with keyboard */
 .gh-btn-blue:active,
 .gh-btn-blue:focus {
-    background: color(var(--blue) l(-20%) saturation(-15%));
+    background: color-mod(var(--blue) l(-20%) saturation(-15%));
 }
 .gh-btn-blue:active span,
 .gh-btn-blue:focus span {
-    background: color(var(--blue) l(-7%) saturation(-10%));
+    background: color-mod(var(--blue) l(-7%) saturation(-10%));
     box-shadow: none;
 }
 
@@ -162,8 +162,8 @@ fieldset[disabled] .gh-btn {
     text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
     fill: #fff;
     background: linear-gradient(
-    color(var(--green) blackness(+5%)),
-    color(var(--green) l(-9%) saturation(-9%))
+    color-mod(var(--green) blackness(+5%)),
+    color-mod(var(--green) l(-9%) saturation(-9%))
     );
     box-shadow: 0 1px 1px rgba(0,0,0,0.14);
     transition: none !important;
@@ -172,10 +172,10 @@ fieldset[disabled] .gh-btn {
 /* The background of the span is the main visual element */
 .gh-btn-green span {
     background: linear-gradient(
-    color(var(--green) whiteness(+4%)),
-    color(var(--green) l(-3%) saturation(-7%)) 60%,
-    color(var(--green) l(-3%) saturation(-7%)) 90%,
-    color(var(--green) l(-3%) saturation(-9%))
+    color-mod(var(--green) whiteness(+4%)),
+    color-mod(var(--green) l(-3%) saturation(-7%)) 60%,
+    color-mod(var(--green) l(-3%) saturation(-7%)) 90%,
+    color-mod(var(--green) l(-3%) saturation(-9%))
     );
     box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset;
 }
@@ -183,11 +183,11 @@ fieldset[disabled] .gh-btn {
 /* When clicked or focused with keyboard */
 .gh-btn-green:active,
 .gh-btn-green:focus {
-    background: color(var(--green) l(-9%) saturation(-9%));
+    background: color-mod(var(--green) l(-9%) saturation(-9%));
 }
 .gh-btn-green:active span,
 .gh-btn-green:focus span {
-    background: color(var(--green) l(-3%) saturation(-7%));
+    background: color-mod(var(--green) l(-3%) saturation(-7%));
     box-shadow: none;
 }
 
@@ -203,8 +203,8 @@ fieldset[disabled] .gh-btn {
     text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
     fill: #fff;
     background: linear-gradient(
-    color(var(--red) blackness(+10%)),
-    color(var(--red) l(-15%) saturation(-15%))
+    color-mod(var(--red) blackness(+10%)),
+    color-mod(var(--red) l(-15%) saturation(-15%))
     );
     box-shadow: 0 1px 0 rgba(0,0,0,0.12);
     transition: none !important;
@@ -213,10 +213,10 @@ fieldset[disabled] .gh-btn {
 /* The background of the span is the main visual element */
 .gh-btn-red span {
     background: linear-gradient(
-    color(var(--red) whiteness(+7%)),
-    color(var(--red) l(-7%) saturation(-10%)) 60%,
-    color(var(--red) l(-7%) saturation(-10%)) 90%,
-    color(var(--red) l(-4%) saturation(-10%))
+    color-mod(var(--red) whiteness(+7%)),
+    color-mod(var(--red) l(-7%) saturation(-10%)) 60%,
+    color-mod(var(--red) l(-7%) saturation(-10%)) 90%,
+    color-mod(var(--red) l(-4%) saturation(-10%))
     );
     box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset;
 }
@@ -224,11 +224,11 @@ fieldset[disabled] .gh-btn {
 /* When clicked or focused with keyboard */
 .gh-btn-red:active,
 .gh-btn-red:focus {
-    background: color(var(--red) l(-20%) saturation(-15%));
+    background: color-mod(var(--red) l(-20%) saturation(-15%));
 }
 .gh-btn-red:active span,
 .gh-btn-red:focus span {
-    background: color(var(--red) l(-7%) saturation(-10%));
+    background: color-mod(var(--red) l(-7%) saturation(-10%));
     box-shadow: none;
 }
 
@@ -243,8 +243,8 @@ fieldset[disabled] .gh-btn {
     text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
     fill: #fff;
     background: linear-gradient(
-    color(var(--darkgrey) blackness(+10%)),
-    color(var(--darkgrey) l(-15%) saturation(-15%))
+    color-mod(var(--darkgrey) blackness(+10%)),
+    color-mod(var(--darkgrey) l(-15%) saturation(-15%))
     );
     box-shadow: 0 1px 0 rgba(0,0,0,0.12);
     transition: none !important;
@@ -253,10 +253,10 @@ fieldset[disabled] .gh-btn {
 /* The background of the span is the main visual element */
 .gh-btn-black span {
     background: linear-gradient(
-    color(var(--darkgrey) whiteness(+7%)),
-    color(var(--darkgrey) l(-7%) saturation(-10%)) 60%,
-    color(var(--darkgrey) l(-7%) saturation(-10%)) 90%,
-    color(var(--darkgrey) l(-4%) saturation(-10%))
+    color-mod(var(--darkgrey) whiteness(+7%)),
+    color-mod(var(--darkgrey) l(-7%) saturation(-10%)) 60%,
+    color-mod(var(--darkgrey) l(-7%) saturation(-10%)) 90%,
+    color-mod(var(--darkgrey) l(-4%) saturation(-10%))
     );
     box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset;
 }
@@ -264,11 +264,11 @@ fieldset[disabled] .gh-btn {
 /* When clicked or focused with keyboard */
 .gh-btn-black:active,
 .gh-btn-black:focus {
-    background: color(var(--darkgrey) l(-20%) saturation(-15%));
+    background: color-mod(var(--darkgrey) l(-20%) saturation(-15%));
 }
 .gh-btn-black:active span,
 .gh-btn-black:focus span {
-    background: color(var(--darkgrey) l(-7%) saturation(-10%));
+    background: color-mod(var(--darkgrey) l(-7%) saturation(-10%));
     box-shadow: none;
 }
 
@@ -308,7 +308,7 @@ fieldset[disabled] .gh-btn {
 }
 
 .gh-btn-icon svg.gh-spinner rect {
-    fill: color(var(--midgrey) l(+15%));
+    fill: color-mod(var(--midgrey) l(+15%));
 }
 
 .gh-btn-icon-right svg,
diff --git a/app/styles/patterns/forms.css b/app/styles/patterns/forms.css
index c0ab7e854c..2ffb5c0c33 100644
--- a/app/styles/patterns/forms.css
+++ b/app/styles/patterns/forms.css
@@ -25,7 +25,7 @@ legend {
     display: block;
     width: 100%;
     margin: 2em 0;
-    border-bottom: color(var(--lightgrey) l(-5%) s(-10%)) 1px solid;
+    border-bottom: color-mod(var(--lightgrey) l(-5%) s(-10%)) 1px solid;
     color: var(--midgrey);
     font-size: 1.2em;
     line-height: 2.0em;
@@ -37,12 +37,12 @@ input {
 }
 
 ::-webkit-input-placeholder {
-    color: color(var(--midgrey) l(+18%));
+    color: color-mod(var(--midgrey) l(+18%));
     font-weight: 200;
 }
 
 :-ms-input-placeholder {
-    color: color(var(--midgrey) l(+18%));
+    color: color-mod(var(--midgrey) l(+18%));
     font-weight: 200;
 }
 
@@ -103,12 +103,12 @@ input {
     z-index: 2;
     width: 14px;
     height: 14px;
-    fill: color(var(--midgrey) l(+15%));
+    fill: color-mod(var(--midgrey) l(+15%));
     transform: translateY(-7px);
 }
 
 .gh-input-icon.gh-icon-link svg path {
-    stroke: color(var(--midgrey) l(+15%));
+    stroke: color-mod(var(--midgrey) l(+15%));
 }
 
 .gh-input-icon input {
@@ -129,8 +129,8 @@ select {
     width: 100%;
     height: 40px;
     padding: 10px 12px;
-    border: color(var(--lightgrey) l(-5%) s(-10%)) 1px solid;
-    color: color(var(--midgrey) l(-18%));
+    border: color-mod(var(--lightgrey) l(-5%) s(-10%)) 1px solid;
+    color: color-mod(var(--midgrey) l(-18%));
     font-size: 1.6rem;
     line-height: 1em;
     font-weight: 300;
@@ -159,7 +159,7 @@ select.error {
 .gh-select:focus,
 select:focus {
     outline: 0;
-    border-color: color(var(--lightgrey) l(-15%) s(-10%));
+    border-color: color-mod(var(--lightgrey) l(-15%) s(-10%));
 }
 
 textarea {
@@ -209,13 +209,13 @@ textarea {
     width: 18px;
     height: 18px;
     margin-right: 7px;
-    border: 1px solid color(var(--lightgrey) l(-5%) s(-10%));
-    background: color(var(--lightgrey) l(+4%));
+    border: 1px solid color-mod(var(--lightgrey) l(-5%) s(-10%));
+    background: color-mod(var(--lightgrey) l(+4%));
 }
 
 .for-checkbox label:hover input:not(:checked) + .input-toggle-component,
 .for-radio label:hover input:not(:checked) + .input-toggle-component {
-    border-color: color(var(--lightgrey) l(-15%) s(-10%));
+    border-color: color-mod(var(--lightgrey) l(-15%) s(-10%));
 }
 
 .for-checkbox .input-toggle-component {
@@ -242,7 +242,7 @@ textarea {
 }
 
 .for-checkbox input:checked + .input-toggle-component {
-    border-color: color(var(--green) lightness(-10%));
+    border-color: color-mod(var(--green) lightness(-10%));
     background: var(--green);
 }
 
@@ -272,7 +272,7 @@ textarea {
 }
 
 .for-radio input:checked + .input-toggle-component {
-    border-color: color(var(--green) lightness(-10%));
+    border-color: color-mod(var(--green) lightness(-10%));
     background: var(--green);
 }
 
@@ -308,7 +308,7 @@ textarea {
 }
 
 .gh-select svg path {
-    stroke: color(var(--midgrey) l(+15%));
+    stroke: color-mod(var(--midgrey) l(+15%));
 }
 
 .gh-select select {
@@ -334,12 +334,12 @@ textarea {
 }
 
 .gh-select.disabled select {
-    color: color(var(--midgrey) l(+18%));
+    color: color-mod(var(--midgrey) l(+18%));
     cursor: default;
 }
 
 .gh-select.disabled svg path {
-    stroke: color(var(--midgrey) l(+30%));
+    stroke: color-mod(var(--midgrey) l(+30%));
 }
 
 
@@ -367,6 +367,6 @@ textarea {
         padding: 7px 10px 7px 8px;
     }
     .gh-select:focus {
-        border-color: color(var(--lightgrey) l(-15%) s(-10%));
+        border-color: color-mod(var(--lightgrey) l(-15%) s(-10%));
     }
 }
diff --git a/app/styles/patterns/global.css b/app/styles/patterns/global.css
index 24dc29120b..d349122534 100644
--- a/app/styles/patterns/global.css
+++ b/app/styles/patterns/global.css
@@ -120,7 +120,7 @@ body {
 }
 
 ::selection {
-    background: color(var(--blue) lightness(+20%));
+    background: color-mod(var(--blue) lightness(+20%));
 }
 
 
@@ -296,7 +296,7 @@ tt {
 code,
 tt {
     padding: 0.2rem 0.3rem 0.1rem;
-    border: color(#f5f7f8 lightness(-10%)) 1px solid;
+    border: color-mod(#f5f7f8 lightness(-10%)) 1px solid;
     background: #f5f7f8;
     border-radius: 2px;
     color: #c25;
@@ -311,7 +311,7 @@ pre {
     margin: 1.6em 0;
     padding: 10px;
     width: 100%;
-    border: color(#f5f7f8 lightness(-10%)) 1px solid;
+    border: color-mod(#f5f7f8 lightness(-10%)) 1px solid;
     background: #f5f7f8;
     border-radius: 3px;
     white-space: pre;
@@ -355,6 +355,7 @@ button {
     border: none;
     background: transparent;
     box-shadow: none;
+    line-height: inherit;
 }
 
 i {
@@ -487,7 +488,7 @@ img {
 
 @keyframes keyboard-focus-style-fade-out {
     from {
-        box-shadow: inset 0 0 30px 1px color(var(--midgrey) lightness(+20%));
+        box-shadow: inset 0 0 30px 1px color-mod(var(--midgrey) lightness(+20%));
     }
     to {
         box-shadow: none;
diff --git a/app/styles/patterns/labels.css b/app/styles/patterns/labels.css
index 851230f04c..9a97767a67 100644
--- a/app/styles/patterns/labels.css
+++ b/app/styles/patterns/labels.css
@@ -59,7 +59,7 @@ a.label:focus {
 
 .label-default[href]:hover,
 .label-default[href]:focus {
-    background-color: color(#a1adb3 lightness(-10%));
+    background-color: color-mod(#a1adb3 lightness(-10%));
 }
 
 .label-alt {
@@ -73,7 +73,7 @@ a.label:focus {
 
 .label-alt[href]:hover,
 .label-alt[href]:focus {
-    background-color: color(#666 lightness(-10%));
+    background-color: color-mod(#666 lightness(-10%));
 }
 
 .label-blue {
@@ -87,7 +87,7 @@ a.label:focus {
 
 .label-blue[href]:hover,
 .label-blue[href]:focus {
-    background-color: color(var(--blue) lightness(-10%));
+    background-color: color-mod(var(--blue) lightness(-10%));
 }
 
 .label-green {
@@ -101,7 +101,7 @@ a.label:focus {
 
 .label-green[href]:hover,
 .label-green[href]:focus {
-    background-color: color(var(--green) lightness(-10%));
+    background-color: color-mod(var(--green) lightness(-10%));
 }
 
 .label-red {
@@ -115,5 +115,5 @@ a.label:focus {
 
 .label-red[href]:hover,
 .label-red[href]:focus {
-    background-color: color(var(--red) lightness(-10%));
+    background-color: color-mod(var(--red) lightness(-10%));
 }
diff --git a/app/styles/patterns/navlist.css b/app/styles/patterns/navlist.css
index 052a0bad22..a81a3f0070 100644
--- a/app/styles/patterns/navlist.css
+++ b/app/styles/patterns/navlist.css
@@ -4,7 +4,7 @@
 .nav-list {
     padding: 0;
     max-width: 500px;
-    border: 1px solid color(var(--lightgrey) l(-5%) s(-10%));
+    border: 1px solid color-mod(var(--lightgrey) l(-5%) s(-10%));
     background: #fff;
     border-radius: var(--border-radius);
 }
@@ -22,7 +22,7 @@
 }
 
 .nav-list-item:hover {
-    background: color(var(--lightgrey) l(+6%));
+    background: color-mod(var(--lightgrey) l(+6%));
     cursor: pointer;
 }
 
@@ -37,7 +37,7 @@
 }
 
 .nav-list-item:not(:last-of-type) {
-    border-bottom: 1px solid color(var(--lightgrey) l(-5%) s(-10%));
+    border-bottom: 1px solid color-mod(var(--lightgrey) l(-5%) s(-10%));
 }
 
 .nav-list-item button {
diff --git a/app/styles/patterns/tables.css b/app/styles/patterns/tables.css
index 89763ccb65..ca16179496 100644
--- a/app/styles/patterns/tables.css
+++ b/app/styles/patterns/tables.css
@@ -53,7 +53,7 @@ table td,
 
 .table tbody > tr:nth-child(odd) > td,
 .table tbody > tr:nth-child(odd) > th {
-    background-color: color(#dfe1e3 lightness(+10%));
+    background-color: color-mod(#dfe1e3 lightness(+10%));
 }
 
 .table.plain tbody > tr:nth-child(odd) > td,
diff --git a/app/styles/patterns/throbber.css b/app/styles/patterns/throbber.css
index 67f05af453..07a6c4d499 100644
--- a/app/styles/patterns/throbber.css
+++ b/app/styles/patterns/throbber.css
@@ -19,9 +19,9 @@
     display: block;
     width: 14px;
     height: 14px;
-    background: color(var(--blue) alpha(0.9));
+    background: color-mod(var(--blue) alpha(0.9));
     border-radius: 100%;
-    box-shadow: color(var(--blue) alpha(0.9)) 0 0 0 2px;
+    box-shadow: color-mod(var(--blue) alpha(0.9)) 0 0 0 2px;
 }
 
 .throbber:before {
@@ -36,7 +36,7 @@
     border: rgba(255,255,255,0.1) 2px solid;
     background: rgba(255,255,255,0.4);
     border-radius: 100%;
-    box-shadow: color(var(--blue) alpha(0.7)) 0 0 0 2px;
+    box-shadow: color-mod(var(--blue) alpha(0.7)) 0 0 0 2px;
     animation-name: throbber-pulse, throbber-fade;
     animation-duration: 1.5s;
     animation-timing-function: ease-in-out;
diff --git a/app/styles/spirit-product/_animations.css b/app/styles/spirit-product/_animations.css
deleted file mode 100644
index fb53224c95..0000000000
--- a/app/styles/spirit-product/_animations.css
+++ /dev/null
@@ -1,140 +0,0 @@
-/*
-  HOVER EFFECTS
-
-    - Dim
-    - Glow
-    - Hide Child
-    - Underline text
-    - Grow
-    - Pointer
-    - Shadow
-*/
-
-:root {
-  --animation-speed-fast: 0.15s;
-  --animation-speed-normal: 0.3s;
-  --animation-speed-slow: 0.45s;
-}
-
-
-
-/* Animations
-/* -------------------------------------------------------- */
-.anim-fast          {  transition: all var(--animation-speed-fast) ease;  }
-.anim-normal        {  transition: all var(--animation-speed-normal) ease;  }
-.anim-slow          {  transition: all var(--animation-speed-slow) ease;  }
-
-
-/*
-
-  Dim element on hover by adding the dim class.
-
-*/
-.dim {
-  opacity: 1;
-  transition: opacity var(--animation-speed-fast) ease-in;
-}
-.dim:hover,
-.dim:focus {
-  opacity: .5;
-  transition: opacity var(--animation-speed-fast) ease-in;
-}
-.dim:active {
-  opacity: .8; transition: opacity var(--animation-speed-fast) ease-out;
-}
-
-/*
-
-  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: all var(--animation-speed-normal) ease-in;
-}
-.hide-child:hover  .child,
-.hide-child:focus  .child,
-.hide-child:active .child {
-  opacity: 1;
-  transition: all var(--animation-speed-normal) ease-in;
-}
-
-.underline-hover:hover,
-.underline-hover:focus {
-  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: translateY(0) translateZ(0);
-  transition: transform var(--animation-speed-normal) ease-out;
-}
-
-.grow:hover,
-.grow:focus {
-  transform: translateY(-0.6rem) scale(1.002);
-}
-
-.grow:active {
-  transform: scale(.90);
-}
-
-/* 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 {
-  position: relative;
-  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-}
-
-.shadow-hover::after {
-  content: '';
-  box-shadow: 0 0 1px rgba(0,0,0,.05), 0 5px 18px rgba(0,0,0,.09);
-  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 var(--animation-speed-normal) ease-in-out;
-}
diff --git a/app/styles/spirit-product/_aspect-ratios.css b/app/styles/spirit-product/_aspect-ratios.css
deleted file mode 100644
index 1ee67e1d96..0000000000
--- a/app/styles/spirit-product/_aspect-ratios.css
+++ /dev/null
@@ -1,135 +0,0 @@
-/*
-
-   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 (--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 (--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 (--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;
-    }
-}
diff --git a/app/styles/spirit-product/_background-position.css b/app/styles/spirit-product/_background-position.css
deleted file mode 100644
index 4d850b6a55..0000000000
--- a/app/styles/spirit-product/_background-position.css
+++ /dev/null
@@ -1,126 +0,0 @@
-/*
-
-    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 (--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 (--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 (--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;   
-  }
-}
diff --git a/app/styles/spirit-product/_background-size.css b/app/styles/spirit-product/_background-size.css
deleted file mode 100644
index bcb90a00c8..0000000000
--- a/app/styles/spirit-product/_background-size.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.cover { background-size: cover!important; }
-.contain { background-size: contain!important; }
-
-@media (--breakpoint-not-small) {
-  .cover-ns { background-size: cover!important; }
-  .contain-ns { background-size: contain!important; }
-}
-
-@media (--breakpoint-medium) {
-  .cover-m { background-size: cover!important; }
-  .contain-m { background-size: contain!important; }
-}
-
-@media (--breakpoint-large) {
-  .cover-l { background-size: cover!important; }
-  .contain-l { background-size: contain!important; }
-}
diff --git a/app/styles/spirit-product/_border-colors.css b/app/styles/spirit-product/_border-colors.css
deleted file mode 100644
index cabb1224fb..0000000000
--- a/app/styles/spirit-product/_border-colors.css
+++ /dev/null
@@ -1,129 +0,0 @@
-/*
-
-   BORDER COLORS
-
-   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--blue           { border-color: var(--blue); }
-.b--green          { border-color: var(--green); }
-.b--purple          { border-color: var(--purple); }
-.b--yellow         { border-color: var(--yellow); }
-.b--red            { border-color: var(--red); }
-.b--pink           { border-color: var(--pink); }
-.b--white          { border-color: var(--white); }
-
-.b--white-10          { border-color: var(--white-10); }
-.b--white-20          { border-color: var(--white-20); }
-.b--white-30          { border-color: var(--white-30); }
-.b--white-40          { border-color: var(--white-40); }
-.b--white-50          { border-color: var(--white-50); }
-.b--white-60          { border-color: var(--white-60); }
-.b--white-70          { border-color: var(--white-70); }
-.b--white-80          { border-color: var(--white-80); }
-.b--white-90          { border-color: var(--white-90); }
-
-.b--black-10          { border-color: var(--black-10); }
-.b--black-20          { border-color: var(--black-20); }
-.b--black-30          { border-color: var(--black-30); }
-.b--black-40          { border-color: var(--black-40); }
-.b--black-50          { border-color: var(--black-50); }
-.b--black-60          { border-color: var(--black-60); }
-.b--black-70          { border-color: var(--black-70); }
-.b--black-80          { border-color: var(--black-80); }
-.b--black-90          { border-color: var(--black-90); }
-
-.b--darkgrey       { border-color: var(--darkgrey); }
-.b--middarkgrey    { border-color: var(--middarkgrey); }
-.b--midgrey        { border-color: var(--midgrey); }
-.b--midlightgrey   { border-color: var(--midlightgrey); }
-.b--lightgrey      { border-color: var(--lightgrey); }
-.b--whitegrey      { border-color: var(--whitegrey); }
-
-/* Shades */
-.b--blue-p3       { border-color: var(--blue-p3); }
-.b--blue-p2       { border-color: var(--blue-p2); }
-.b--blue-p1       { border-color: var(--blue-p1); }
-.b--blue-m1       { border-color: var(--blue-m1); }
-.b--blue-m2       { border-color: var(--blue-m2); }
-.b--blue-m3       { border-color: var(--blue-m3); }
-
-.b--green-p3       { border-color: var(--green-p3); }
-.b--green-p2       { border-color: var(--green-p2); }
-.b--green-p1       { border-color: var(--green-p1); }
-.b--green-m1       { border-color: var(--green-m1); }
-.b--green-m2       { border-color: var(--green-m2); }
-.b--green-m3       { border-color: var(--green-m3); }
-
-.b--purple-p3       { border-color: var(--purple-p3); }
-.b--purple-p2       { border-color: var(--purple-p2); }
-.b--purple-p1       { border-color: var(--purple-p1); }
-.b--purple-m1       { border-color: var(--purple-m1); }
-.b--purple-m2       { border-color: var(--purple-m2); }
-.b--purple-m3       { border-color: var(--purple-m3); }
-
-.b--yellow-p3       { border-color: var(--yellow-p3); }
-.b--yellow-p2       { border-color: var(--yellow-p2); }
-.b--yellow-p1       { border-color: var(--yellow-p1); }
-.b--yellow-m1       { border-color: var(--yellow-m1); }
-.b--yellow-m2       { border-color: var(--yellow-m2); }
-.b--yellow-m3       { border-color: var(--yellow-m3); }
-
-.b--red-p3       { border-color: var(--red-p3); }
-.b--red-p2       { border-color: var(--red-p2); }
-.b--red-p1       { border-color: var(--red-p1); }
-.b--red-m1       { border-color: var(--red-m1); }
-.b--red-m2       { border-color: var(--red-m2); }
-.b--red-m3       { border-color: var(--red-m3); }
-
-.b--pink-p3       { border-color: var(--pink-p3); }
-.b--pink-p2       { border-color: var(--pink-p2); }
-.b--pink-p1       { border-color: var(--pink-p1); }
-.b--pink-m1       { border-color: var(--pink-m1); }
-.b--pink-m2       { border-color: var(--pink-m2); }
-.b--pink-m3       { border-color: var(--pink-m3); }
-
-.b--darkgrey-p2       { border-color: var(--darkgrey-p2); }
-.b--darkgrey-p1       { border-color: var(--darkgrey-p1); }
-.b--darkgrey-m1       { border-color: var(--darkgrey-m1); }
-.b--darkgrey-m2       { border-color: var(--darkgrey-m2); }
-
-.b--middarkgrey-p2       { border-color: var(--middarkgrey-p2); }
-.b--middarkgrey-p1       { border-color: var(--middarkgrey-p1); }
-.b--middarkgrey-m1       { border-color: var(--middarkgrey-m1); }
-.b--middarkgrey-m2       { border-color: var(--middarkgrey-m2); }
-
-.b--midgrey-p2       { border-color: var(--midgrey-p2); }
-.b--midgrey-p1       { border-color: var(--midgrey-p1); }
-.b--midgrey-m1       { border-color: var(--midgrey-m1); }
-.b--midgrey-m2       { border-color: var(--midgrey-m2); }
-
-.b--midlightgrey-p2       { border-color: var(--midlightgrey-p2); }
-.b--midlightgrey-p1       { border-color: var(--midlightgrey-p1); }
-.b--midlightgrey-m1       { border-color: var(--midlightgrey-m1); }
-.b--midlightgrey-m2       { border-color: var(--midlightgrey-m2); }
-
-.b--lightgrey-p2       { border-color: var(--lightgrey-p2); }
-.b--lightgrey-p1       { border-color: var(--lightgrey-p1); }
-.b--lightgrey-m1       { border-color: var(--lightgrey-m1); }
-.b--lightgrey-m2       { border-color: var(--lightgrey-m2); }
-
-.b--whitegrey-p2       { border-color: var(--whitegrey-p2); }
-.b--whitegrey-p1       { border-color: var(--whitegrey-p1); }
-.b--whitegrey-m1       { border-color: var(--whitegrey-m1); }
-.b--whitegrey-m2       { border-color: var(--whitegrey-m2); }
-
-.b--transparent { border-color: var(--transparent); }
-.b--inherit { border-color: inherit; }
diff --git a/app/styles/spirit-product/_border-radius.css b/app/styles/spirit-product/_border-radius.css
deleted file mode 100644
index 5bdd913769..0000000000
--- a/app/styles/spirit-product/_border-radius.css
+++ /dev/null
@@ -1,126 +0,0 @@
-/*
-
-   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; }
-  .br1 {        border-radius: .2rem; }
-  .br2 {        border-radius: .3rem; }
-  .br3 {        border-radius: .4rem; }
-  .br4 {        border-radius: .8rem; }
-  .br-100 {     border-radius: 100%; }
-  .br-pill {    border-radius: 9999px; }
-  .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 (--breakpoint-not-small) {
-  .br0-ns {     border-radius: 0; }
-  .br1-ns {     border-radius: .2rem; }
-  .br2-ns {     border-radius: .3rem; }
-  .br3-ns {     border-radius: .5rem; }
-  .br4-ns {     border-radius: .8rem; }
-  .br-100-ns {  border-radius: 100%; }
-  .br-pill-ns { border-radius: 9999px; }
-  .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-medium) {
-  .br0-m {     border-radius: 0; }
-  .br1-m {     border-radius: .2rem; }
-  .br2-m {     border-radius: .3rem; }
-  .br3-m {     border-radius: .5rem; }
-  .br4-m {     border-radius: .8rem; }
-  .br-100-m {  border-radius: 100%; }
-  .br-pill-m { border-radius: 9999px; }
-  .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-large) {
-  .br0-l {     border-radius: 0; }
-  .br1-l {     border-radius: .2rem; }
-  .br2-l {     border-radius: .3rem; }
-  .br3-l {     border-radius: .5rem; }
-  .br4-l {     border-radius: .8rem; }
-  .br-100-l {  border-radius: 100%; }
-  .br-pill-l { border-radius: 9999px; }
-  .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;
-  }
-}
diff --git a/app/styles/spirit-product/_border-style.css b/app/styles/spirit-product/_border-style.css
deleted file mode 100644
index 46c2517e41..0000000000
--- a/app/styles/spirit-product/_border-style.css
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
-
-   BORDER STYLES
-
-   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 (--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 (--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 (--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; }
-}
diff --git a/app/styles/spirit-product/_border-widths.css b/app/styles/spirit-product/_border-widths.css
deleted file mode 100644
index 1a95091e57..0000000000
--- a/app/styles/spirit-product/_border-widths.css
+++ /dev/null
@@ -1,73 +0,0 @@
-/*
-
-   BORDER WIDTHS
-
-   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; }
-.bw1 { border-width: .125rem; }
-.bw2 { border-width: .25rem; }
-.bw3 { border-width: .5rem; }
-.bw4 { border-width: 1rem; }
-.bw5 { border-width: 2rem; }
-
-/* Resets */
-.bt-0 { border-top-width: 0; }
-.br-0 { border-right-width: 0; }
-.bb-0 { border-bottom-width: 0; }
-.bl-0 { border-left-width: 0; }
-
-@media (--breakpoint-not-small) {
-  .bw0-ns { border-width: 0; }
-  .bw1-ns { border-width: .125rem; }
-  .bw2-ns { border-width: .25rem; }
-  .bw3-ns { border-width: .5rem; }
-  .bw4-ns { border-width: 1rem; }
-  .bw5-ns { border-width: 2rem; }
-  .bt-0-ns { border-top-width: 0; }
-  .br-0-ns { border-right-width: 0; }
-  .bb-0-ns { border-bottom-width: 0; }
-  .bl-0-ns { border-left-width: 0; }
-}
-
-@media (--breakpoint-medium) {
-  .bw0-m { border-width: 0; }
-  .bw1-m { border-width: .125rem; }
-  .bw2-m { border-width: .25rem; }
-  .bw3-m { border-width: .5rem; }
-  .bw4-m { border-width: 1rem; }
-  .bw5-m { border-width: 2rem; }
-  .bt-0-m { border-top-width: 0; }
-  .br-0-m { border-right-width: 0; }
-  .bb-0-m { border-bottom-width: 0; }
-  .bl-0-m { border-left-width: 0; }
-}
-
-@media (--breakpoint-large) {
-  .bw0-l { border-width: 0; }
-  .bw1-l { border-width: .125rem; }
-  .bw2-l { border-width: .25rem; }
-  .bw3-l { border-width: .5rem; }
-  .bw4-l { border-width: 1rem; }
-  .bw5-l { border-width: 2rem; }
-  .bt-0-l { border-top-width: 0; }
-  .br-0-l { border-right-width: 0; }
-  .bb-0-l { border-bottom-width: 0; }
-  .bl-0-l { border-left-width: 0; }
-}
diff --git a/app/styles/spirit-product/_borders.css b/app/styles/spirit-product/_borders.css
deleted file mode 100644
index 1d94312ba9..0000000000
--- a/app/styles/spirit-product/_borders.css
+++ /dev/null
@@ -1,56 +0,0 @@
-/*
-
-    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 (--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 (--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 (--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; }
-}
diff --git a/app/styles/spirit-product/_box-shadow.css b/app/styles/spirit-product/_box-shadow.css
deleted file mode 100644
index f9f63baa2f..0000000000
--- a/app/styles/spirit-product/_box-shadow.css
+++ /dev/null
@@ -1,15 +0,0 @@
-/*
-
-  BOX-SHADOW
-
-  Media Query Extensions:
-   -ns = not-small
-   -m  = medium
-   -l  = large
-
- */
-
-.shadow-1           { box-shadow: 0 0 1px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.03); }
-.shadow-1-strong    { box-shadow: 0 0 1px rgba(0,0,0,.15), 0 2px 4px rgba(0,0,0,.03); }
-.shadow-2           { box-shadow: 0 0 1px rgba(0,0,0,.05), 0 5px 18px rgba(0,0,0,.08); }
-.shadow-3           { box-shadow: 0 0 1px rgba(0,0,0,.05), 0 10px 28px rgba(0,0,0,.07); }
diff --git a/app/styles/spirit-product/_box-sizing.css b/app/styles/spirit-product/_box-sizing.css
deleted file mode 100644
index 8a965e0902..0000000000
--- a/app/styles/spirit-product/_box-sizing.css
+++ /dev/null
@@ -1,48 +0,0 @@
-/*
- 
-  BOX SIZING
-
-*/
-
-html,
-body,
-div,
-article,
-aside,
-section,
-main,
-nav,
-footer,
-header,
-form,
-fieldset,
-legend,
-pre,
-code,
-a,
-h1,h2,h3,h4,h5,h6,
-p,
-ul,
-ol,
-li,
-dl,
-dt,
-dd,
-blockquote,
-figcaption,
-figure,
-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;
-}
-
diff --git a/app/styles/spirit-product/_clears.css b/app/styles/spirit-product/_clears.css
deleted file mode 100644
index 4366b91363..0000000000
--- a/app/styles/spirit-product/_clears.css
+++ /dev/null
@@ -1,39 +0,0 @@
-/*
-
-   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 (--breakpoint-not-small) {
-  .cl-ns { clear: left; }
-  .cr-ns { clear: right; }
-  .cb-ns { clear: both; }
-  .cn-ns { clear: none; }
-}
-
-@media (--breakpoint-medium) {
-  .cl-m { clear: left; }
-  .cr-m { clear: right; }
-  .cb-m { clear: both; }
-  .cn-m { clear: none; }
-}
-
-@media (--breakpoint-large) {
-  .cl-l { clear: left; }
-  .cr-l { clear: right; }
-  .cb-l { clear: both; }
-  .cn-l { clear: none; }
-}
diff --git a/app/styles/spirit-product/_code.css b/app/styles/spirit-product/_code.css
deleted file mode 100644
index ac691f30d4..0000000000
--- a/app/styles/spirit-product/_code.css
+++ /dev/null
@@ -1,11 +0,0 @@
-/*
-
-   CODE
-
-*/
-
-.pre {
-  overflow-x: auto;
-  overflow-y: hidden;
-  overflow:   scroll;
-}
diff --git a/app/styles/spirit-product/_colors.css b/app/styles/spirit-product/_colors.css
deleted file mode 100644
index 6b4c1ce9c0..0000000000
--- a/app/styles/spirit-product/_colors.css
+++ /dev/null
@@ -1,119 +0,0 @@
-/*
-
-   Ghost color variables
-   Modifications use PostCSS color function: https://github.com/postcss/postcss-color-function
-
-*/
-
-:root {
-    /* Base colors */
-    --blue: #3eb0ef;
-    --green: #a4d037;
-    --purple: #ad26b4;
-    --yellow: #fecd35;
-    --red: #f05230;
-    --pink: #fa3a57;
-    --white: #ffffff;
-
-    --white-10: rgba(255, 255, 255, 0.1);
-    --white-20: rgba(255, 255, 255, 0.2);
-    --white-30: rgba(255, 255, 255, 0.3);
-    --white-40: rgba(255, 255, 255, 0.4);
-    --white-50: rgba(255, 255, 255, 0.5);
-    --white-60: rgba(255, 255, 255, 0.6);
-    --white-70: rgba(255, 255, 255, 0.7);
-    --white-80: rgba(255, 255, 255, 0.8);
-    --white-90: rgba(255, 255, 255, 0.9);
-
-    --black-10: rgba(40, 48, 52, 0.1);
-    --black-20: rgba(40, 48, 52, 0.2);
-    --black-30: rgba(40, 48, 52, 0.3);
-    --black-40: rgba(40, 48, 52, 0.4);
-    --black-50: rgba(40, 48, 52, 0.5);
-    --black-60: rgba(40, 48, 52, 0.6);
-    --black-70: rgba(40, 48, 52, 0.7);
-    --black-80: rgba(40, 48, 52, 0.8);
-    --black-90: rgba(40, 48, 52, 0.9);
-
-    --darkgrey: #343f44;
-    --middarkgrey: #54666D;
-    --midgrey: #738a94;
-    --midlightgrey: #9BAEB8;
-    --lightgrey: #c5d2d9;
-    --whitegrey: #e5eff5;
-
-    --transparent:transparent;
-
-    /* Tone variations */
-    --blue-p3: color(var(--blue) l(+15%));
-    --blue-p2: color(var(--blue) l(+10%));
-    --blue-p1: color(var(--blue) l(+5%));
-    --blue-m1: color(var(--blue) l(-5%));
-    --blue-m2: color(var(--blue) l(-10%));
-    --blue-m3: color(var(--blue) l(-15%));
-
-    --green-p3: color(var(--green) l(+15%));
-    --green-p2: color(var(--green) l(+10%));
-    --green-p1: color(var(--green) l(+5%));
-    --green-m1: color(var(--green) l(-5%));
-    --green-m2: color(var(--green) l(-10%));
-    --green-m3: color(var(--green) l(-15%));
-
-    --purple-p3: color(var(--purple) l(+15%));
-    --purple-p2: color(var(--purple) l(+10%));
-    --purple-p1: color(var(--purple) l(+5%));
-    --purple-m1: color(var(--purple) l(-5%));
-    --purple-m2: color(var(--purple) l(-10%));
-    --purple-m3: color(var(--purple) l(-15%));
-
-    --yellow-p3: color(var(--yellow) l(+15%));
-    --yellow-p2: color(var(--yellow) l(+10%));
-    --yellow-p1: color(var(--yellow) l(+5%));
-    --yellow-m1: color(var(--yellow) l(-5%));
-    --yellow-m2: color(var(--yellow) l(-10%));
-    --yellow-m3: color(var(--yellow) l(-13%));
-
-    --red-p3: color(var(--red) l(+15%));
-    --red-p2: color(var(--red) l(+10%));
-    --red-p1: color(var(--red) l(+5%));
-    --red-m1: color(var(--red) l(-5%));
-    --red-m2: color(var(--red) l(-10%));
-    --red-m3: color(var(--red) l(-15%));
-
-    --pink-p3: color(var(--pink) l(+15%));
-    --pink-p2: color(var(--pink) l(+10%));
-    --pink-p1: color(var(--pink) l(+5%));
-    --pink-m1: color(var(--pink) l(-5%));
-    --pink-m2: color(var(--pink) l(-10%));
-    --pink-m3: color(var(--pink) l(-15%));
-
-    --darkgrey-p2: color(var(--darkgrey) h(-1) l(+7%));
-    --darkgrey-p1: color(var(--darkgrey) h(+1) l(+3%));
-    --darkgrey-m1: color(var(--darkgrey) l(-3%));
-    --darkgrey-m2: color(var(--darkgrey) l(-6%));
-
-    --middarkgrey-p2: color(var(--middarkgrey) h(+1%) l(+7%));
-    --middarkgrey-p1: color(var(--middarkgrey) h(+2%) l(+4%));
-    --middarkgrey-m1: color(var(--middarkgrey) h(+2%) l(-3%));
-    --middarkgrey-m2: color(var(--middarkgrey) h(+1%) l(-7%));
-
-    --midgrey-p2: color(var(--midgrey) h(+2%) s(+2%) l(+7%));
-    --midgrey-p1: color(var(--midgrey) h(+1%) s(+1%) l(+4%));
-    --midgrey-m1: color(var(--midgrey) h(+1%) l(-3%));
-    --midgrey-m2: color(var(--midgrey) l(-7%));
-
-    --midlightgrey-p2: color(var(--midlightgrey) h(-3%) s(+2%) l(+8%));
-    --midlightgrey-p1: color(var(--midlightgrey) h(-1%) s(+1%) l(+4%));
-    --midlightgrey-m1: color(var(--midlightgrey) h(+1%) s(-1%) l(-3%));
-    --midlightgrey-m2: color(var(--midlightgrey) h(-3%) s(-2%) l(-7%));
-
-    --lightgrey-p2: color(var(--lightgrey) h(+1%) s(+14%) l(+8%));
-    --lightgrey-p1: color(var(--lightgrey) h(+1%) s(+12%) l(+6%));
-    --lightgrey-m1: color(var(--lightgrey) s(-1%) l(-4%));
-    --lightgrey-m2: color(var(--lightgrey) h(-2%) s(-2%) l(-7%));
-
-    --whitegrey-p2: color(var(--whitegrey) h(+7%) s(-4%) l(+5%));
-    --whitegrey-p1: color(var(--whitegrey) h(+1%) s(-2%) l(+3%));
-    --whitegrey-m1: color(var(--whitegrey) h(-1%) s(-7%) l(-3%));
-    --whitegrey-m2: color(var(--whitegrey) h(-1%) s(-11%) l(-6%));
-}
diff --git a/app/styles/spirit-product/_coordinates.css b/app/styles/spirit-product/_coordinates.css
deleted file mode 100644
index 4f2756e758..0000000000
--- a/app/styles/spirit-product/_coordinates.css
+++ /dev/null
@@ -1,468 +0,0 @@
-/*
-
-    Base:
-        top
-        right
-        bottom
-        left
-
-    Value:
-        -(n) = (n * grid)
-
-    Media Query Extensions:
-        -ns = not-small
-        -m  = medium
-        -l  = large
-
-*/
-
-.top-0 {    top: 0; }
-.top-1 {    top: calc(var(--grid-size) * 1); }
-.top-2 {    top: calc(var(--grid-size) * 2); }
-.top-3 {    top: calc(var(--grid-size) * 3); }
-.top-4 {    top: calc(var(--grid-size) * 4); }
-.top-5 {    top: calc(var(--grid-size) * 5); }
-.top-6 {    top: calc(var(--grid-size) * 6); }
-.top-7 {    top: calc(var(--grid-size) * 7); }
-.top-8 {    top: calc(var(--grid-size) * 8); }
-.top-9 {    top: calc(var(--grid-size) * 9); }
-.top-10 {    top: calc(var(--grid-size) * 10); }
-.top-11 {    top: calc(var(--grid-size) * 11); }
-.top-12 {    top: calc(var(--grid-size) * 12); }
-.top-13 {    top: calc(var(--grid-size) * 13); }
-.top-14 {    top: calc(var(--grid-size) * 14); }
-.top-15 {    top: calc(var(--grid-size) * 15); }
-.top-16 {    top: calc(var(--grid-size) * 16); }
-.top-17 {    top: calc(var(--grid-size) * 17); }
-.top-18 {    top: calc(var(--grid-size) * 18); }
-.top-19 {    top: calc(var(--grid-size) * 19); }
-.top-20 {    top: calc(var(--grid-size) * 20); }
-.top-25 {    top: calc(var(--grid-size) * 25); }
-.top-30 {    top: calc(var(--grid-size) * 30); }
-.top-40 {    top: calc(var(--grid-size) * 40); }
-.top-50 {    top: calc(var(--grid-size) * 50); }
-
-.right-0 {    right: 0; }
-.right-1 {    right: calc(var(--grid-size) * 1); }
-.right-2 {    right: calc(var(--grid-size) * 2); }
-.right-3 {    right: calc(var(--grid-size) * 3); }
-.right-4 {    right: calc(var(--grid-size) * 4); }
-.right-5 {    right: calc(var(--grid-size) * 5); }
-.right-6 {    right: calc(var(--grid-size) * 6); }
-.right-7 {    right: calc(var(--grid-size) * 7); }
-.right-8 {    right: calc(var(--grid-size) * 8); }
-.right-9 {    right: calc(var(--grid-size) * 9); }
-.right-10 {    right: calc(var(--grid-size) * 10); }
-.right-11 {    right: calc(var(--grid-size) * 11); }
-.right-12 {    right: calc(var(--grid-size) * 12); }
-.right-13 {    right: calc(var(--grid-size) * 13); }
-.right-14 {    right: calc(var(--grid-size) * 14); }
-.right-15 {    right: calc(var(--grid-size) * 15); }
-.right-16 {    right: calc(var(--grid-size) * 16); }
-.right-17 {    right: calc(var(--grid-size) * 17); }
-.right-18 {    right: calc(var(--grid-size) * 18); }
-.right-19 {    right: calc(var(--grid-size) * 19); }
-.right-20 {    right: calc(var(--grid-size) * 20); }
-.right-25 {    right: calc(var(--grid-size) * 25); }
-.right-30 {    right: calc(var(--grid-size) * 30); }
-.right-40 {    right: calc(var(--grid-size) * 40); }
-.right-50 {    right: calc(var(--grid-size) * 50); }
-
-.bottom-0 {    bottom: 0; }
-.bottom-1 {    bottom: calc(var(--grid-size) * 1); }
-.bottom-2 {    bottom: calc(var(--grid-size) * 2); }
-.bottom-3 {    bottom: calc(var(--grid-size) * 3); }
-.bottom-4 {    bottom: calc(var(--grid-size) * 4); }
-.bottom-5 {    bottom: calc(var(--grid-size) * 5); }
-.bottom-6 {    bottom: calc(var(--grid-size) * 6); }
-.bottom-7 {    bottom: calc(var(--grid-size) * 7); }
-.bottom-8 {    bottom: calc(var(--grid-size) * 8); }
-.bottom-9 {    bottom: calc(var(--grid-size) * 9); }
-.bottom-10 {    bottom: calc(var(--grid-size) * 10); }
-.bottom-11 {    bottom: calc(var(--grid-size) * 11); }
-.bottom-12 {    bottom: calc(var(--grid-size) * 12); }
-.bottom-13 {    bottom: calc(var(--grid-size) * 13); }
-.bottom-14 {    bottom: calc(var(--grid-size) * 14); }
-.bottom-15 {    bottom: calc(var(--grid-size) * 15); }
-.bottom-16 {    bottom: calc(var(--grid-size) * 16); }
-.bottom-17 {    bottom: calc(var(--grid-size) * 17); }
-.bottom-18 {    bottom: calc(var(--grid-size) * 18); }
-.bottom-19 {    bottom: calc(var(--grid-size) * 19); }
-.bottom-20 {    bottom: calc(var(--grid-size) * 20); }
-.bottom-25 {    bottom: calc(var(--grid-size) * 25); }
-.bottom-30 {    bottom: calc(var(--grid-size) * 30); }
-.bottom-40 {    bottom: calc(var(--grid-size) * 40); }
-.bottom-50 {    bottom: calc(var(--grid-size) * 50); }
-
-.left-0 {    left: 0; }
-.left-1 {    left: calc(var(--grid-size) * 1); }
-.left-2 {    left: calc(var(--grid-size) * 2); }
-.left-3 {    left: calc(var(--grid-size) * 3); }
-.left-4 {    left: calc(var(--grid-size) * 4); }
-.left-5 {    left: calc(var(--grid-size) * 5); }
-.left-6 {    left: calc(var(--grid-size) * 6); }
-.left-7 {    left: calc(var(--grid-size) * 7); }
-.left-8 {    left: calc(var(--grid-size) * 8); }
-.left-9 {    left: calc(var(--grid-size) * 9); }
-.left-10 {    left: calc(var(--grid-size) * 10); }
-.left-11 {    left: calc(var(--grid-size) * 11); }
-.left-12 {    left: calc(var(--grid-size) * 12); }
-.left-13 {    left: calc(var(--grid-size) * 13); }
-.left-14 {    left: calc(var(--grid-size) * 14); }
-.left-15 {    left: calc(var(--grid-size) * 15); }
-.left-16 {    left: calc(var(--grid-size) * 16); }
-.left-17 {    left: calc(var(--grid-size) * 17); }
-.left-18 {    left: calc(var(--grid-size) * 18); }
-.left-19 {    left: calc(var(--grid-size) * 19); }
-.left-20 {    left: calc(var(--grid-size) * 20); }
-.left-25 {    left: calc(var(--grid-size) * 25); }
-.left-30 {    left: calc(var(--grid-size) * 30); }
-.left-40 {    left: calc(var(--grid-size) * 40); }
-.left-50 {    left: calc(var(--grid-size) * 50); }
-
-.absolute--fill {
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-
-
-@media (--breakpoint-not-small) {
-    .top-0-ns {    top: 0; }
-    .top-1-ns {    top: calc(var(--grid-size) * 1); }
-    .top-2-ns {    top: calc(var(--grid-size) * 2); }
-    .top-3-ns {    top: calc(var(--grid-size) * 3); }
-    .top-4-ns {    top: calc(var(--grid-size) * 4); }
-    .top-5-ns {    top: calc(var(--grid-size) * 5); }
-    .top-6-ns {    top: calc(var(--grid-size) * 6); }
-    .top-7-ns {    top: calc(var(--grid-size) * 7); }
-    .top-8-ns {    top: calc(var(--grid-size) * 8); }
-    .top-9-ns {    top: calc(var(--grid-size) * 9); }
-    .top-10-ns {    top: calc(var(--grid-size) * 10); }
-    .top-11-ns {    top: calc(var(--grid-size) * 11); }
-    .top-12-ns {    top: calc(var(--grid-size) * 12); }
-    .top-13-ns {    top: calc(var(--grid-size) * 13); }
-    .top-14-ns {    top: calc(var(--grid-size) * 14); }
-    .top-15-ns {    top: calc(var(--grid-size) * 15); }
-    .top-16-ns {    top: calc(var(--grid-size) * 16); }
-    .top-17-ns {    top: calc(var(--grid-size) * 17); }
-    .top-18-ns {    top: calc(var(--grid-size) * 18); }
-    .top-19-ns {    top: calc(var(--grid-size) * 19); }
-    .top-20-ns {    top: calc(var(--grid-size) * 20); }
-    .top-25-ns {    top: calc(var(--grid-size) * 25); }
-    .top-30-ns {    top: calc(var(--grid-size) * 30); }
-    .top-40-ns {    top: calc(var(--grid-size) * 40); }
-    .top-50-ns {    top: calc(var(--grid-size) * 50); }
-
-    .right-0-ns {    right: 0; }
-    .right-1-ns {    right: calc(var(--grid-size) * 1); }
-    .right-2-ns {    right: calc(var(--grid-size) * 2); }
-    .right-3-ns {    right: calc(var(--grid-size) * 3); }
-    .right-4-ns {    right: calc(var(--grid-size) * 4); }
-    .right-5-ns {    right: calc(var(--grid-size) * 5); }
-    .right-6-ns {    right: calc(var(--grid-size) * 6); }
-    .right-7-ns {    right: calc(var(--grid-size) * 7); }
-    .right-8-ns {    right: calc(var(--grid-size) * 8); }
-    .right-9-ns {    right: calc(var(--grid-size) * 9); }
-    .right-10-ns {    right: calc(var(--grid-size) * 10); }
-    .right-11-ns {    right: calc(var(--grid-size) * 11); }
-    .right-12-ns {    right: calc(var(--grid-size) * 12); }
-    .right-13-ns {    right: calc(var(--grid-size) * 13); }
-    .right-14-ns {    right: calc(var(--grid-size) * 14); }
-    .right-15-ns {    right: calc(var(--grid-size) * 15); }
-    .right-16-ns {    right: calc(var(--grid-size) * 16); }
-    .right-17-ns {    right: calc(var(--grid-size) * 17); }
-    .right-18-ns {    right: calc(var(--grid-size) * 18); }
-    .right-19-ns {    right: calc(var(--grid-size) * 19); }
-    .right-20-ns {    right: calc(var(--grid-size) * 20); }
-    .right-25-ns {    right: calc(var(--grid-size) * 25); }
-    .right-30-ns {    right: calc(var(--grid-size) * 30); }
-    .right-40-ns {    right: calc(var(--grid-size) * 40); }
-    .right-50-ns {    right: calc(var(--grid-size) * 50); }
-
-    .bottom-0-ns {    bottom: 0; }
-    .bottom-1-ns {    bottom: calc(var(--grid-size) * 1); }
-    .bottom-2-ns {    bottom: calc(var(--grid-size) * 2); }
-    .bottom-3-ns {    bottom: calc(var(--grid-size) * 3); }
-    .bottom-4-ns {    bottom: calc(var(--grid-size) * 4); }
-    .bottom-5-ns {    bottom: calc(var(--grid-size) * 5); }
-    .bottom-6-ns {    bottom: calc(var(--grid-size) * 6); }
-    .bottom-7-ns {    bottom: calc(var(--grid-size) * 7); }
-    .bottom-8-ns {    bottom: calc(var(--grid-size) * 8); }
-    .bottom-9-ns {    bottom: calc(var(--grid-size) * 9); }
-    .bottom-10-ns {    bottom: calc(var(--grid-size) * 10); }
-    .bottom-11-ns {    bottom: calc(var(--grid-size) * 11); }
-    .bottom-12-ns {    bottom: calc(var(--grid-size) * 12); }
-    .bottom-13-ns {    bottom: calc(var(--grid-size) * 13); }
-    .bottom-14-ns {    bottom: calc(var(--grid-size) * 14); }
-    .bottom-15-ns {    bottom: calc(var(--grid-size) * 15); }
-    .bottom-16-ns {    bottom: calc(var(--grid-size) * 16); }
-    .bottom-17-ns {    bottom: calc(var(--grid-size) * 17); }
-    .bottom-18-ns {    bottom: calc(var(--grid-size) * 18); }
-    .bottom-19-ns {    bottom: calc(var(--grid-size) * 19); }
-    .bottom-20-ns {    bottom: calc(var(--grid-size) * 20); }
-    .bottom-25-ns {    bottom: calc(var(--grid-size) * 25); }
-    .bottom-30-ns {    bottom: calc(var(--grid-size) * 30); }
-    .bottom-40-ns {    bottom: calc(var(--grid-size) * 40); }
-    .bottom-50-ns {    bottom: calc(var(--grid-size) * 50); }
-
-    .left-0-ns {    left: 0; }
-    .left-1-ns {    left: calc(var(--grid-size) * 1); }
-    .left-2-ns {    left: calc(var(--grid-size) * 2); }
-    .left-3-ns {    left: calc(var(--grid-size) * 3); }
-    .left-4-ns {    left: calc(var(--grid-size) * 4); }
-    .left-5-ns {    left: calc(var(--grid-size) * 5); }
-    .left-6-ns {    left: calc(var(--grid-size) * 6); }
-    .left-7-ns {    left: calc(var(--grid-size) * 7); }
-    .left-8-ns {    left: calc(var(--grid-size) * 8); }
-    .left-9-ns {    left: calc(var(--grid-size) * 9); }
-    .left-10-ns {    left: calc(var(--grid-size) * 10); }
-    .left-11-ns {    left: calc(var(--grid-size) * 11); }
-    .left-12-ns {    left: calc(var(--grid-size) * 12); }
-    .left-13-ns {    left: calc(var(--grid-size) * 13); }
-    .left-14-ns {    left: calc(var(--grid-size) * 14); }
-    .left-15-ns {    left: calc(var(--grid-size) * 15); }
-    .left-16-ns {    left: calc(var(--grid-size) * 16); }
-    .left-17-ns {    left: calc(var(--grid-size) * 17); }
-    .left-18-ns {    left: calc(var(--grid-size) * 18); }
-    .left-19-ns {    left: calc(var(--grid-size) * 19); }
-    .left-20-ns {    left: calc(var(--grid-size) * 20); }
-    .left-25-ns {    left: calc(var(--grid-size) * 25); }
-    .left-30-ns {    left: calc(var(--grid-size) * 30); }
-    .left-40-ns {    left: calc(var(--grid-size) * 40); }
-    .left-50-ns {    left: calc(var(--grid-size) * 50); }
-
-    .absolute--fill-ns {
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-    }
-}
-
-@media (--breakpoint-medium) {
-    .top-0-m {    top: 0; }
-    .top-1-m {    top: calc(var(--grid-size) * 1); }
-    .top-2-m {    top: calc(var(--grid-size) * 2); }
-    .top-3-m {    top: calc(var(--grid-size) * 3); }
-    .top-4-m {    top: calc(var(--grid-size) * 4); }
-    .top-5-m {    top: calc(var(--grid-size) * 5); }
-    .top-6-m {    top: calc(var(--grid-size) * 6); }
-    .top-7-m {    top: calc(var(--grid-size) * 7); }
-    .top-8-m {    top: calc(var(--grid-size) * 8); }
-    .top-9-m {    top: calc(var(--grid-size) * 9); }
-    .top-10-m {    top: calc(var(--grid-size) * 10); }
-    .top-11-m {    top: calc(var(--grid-size) * 11); }
-    .top-12-m {    top: calc(var(--grid-size) * 12); }
-    .top-13-m {    top: calc(var(--grid-size) * 13); }
-    .top-14-m {    top: calc(var(--grid-size) * 14); }
-    .top-15-m {    top: calc(var(--grid-size) * 15); }
-    .top-16-m {    top: calc(var(--grid-size) * 16); }
-    .top-17-m {    top: calc(var(--grid-size) * 17); }
-    .top-18-m {    top: calc(var(--grid-size) * 18); }
-    .top-19-m {    top: calc(var(--grid-size) * 19); }
-    .top-20-m {    top: calc(var(--grid-size) * 20); }
-    .top-25-m {    top: calc(var(--grid-size) * 25); }
-    .top-30-m {    top: calc(var(--grid-size) * 30); }
-    .top-40-m {    top: calc(var(--grid-size) * 40); }
-    .top-50-m {    top: calc(var(--grid-size) * 50); }
-
-    .right-0-m {    right: 0; }
-    .right-1-m {    right: calc(var(--grid-size) * 1); }
-    .right-2-m {    right: calc(var(--grid-size) * 2); }
-    .right-3-m {    right: calc(var(--grid-size) * 3); }
-    .right-4-m {    right: calc(var(--grid-size) * 4); }
-    .right-5-m {    right: calc(var(--grid-size) * 5); }
-    .right-6-m {    right: calc(var(--grid-size) * 6); }
-    .right-7-m {    right: calc(var(--grid-size) * 7); }
-    .right-8-m {    right: calc(var(--grid-size) * 8); }
-    .right-9-m {    right: calc(var(--grid-size) * 9); }
-    .right-10-m {    right: calc(var(--grid-size) * 10); }
-    .right-11-m {    right: calc(var(--grid-size) * 11); }
-    .right-12-m {    right: calc(var(--grid-size) * 12); }
-    .right-13-m {    right: calc(var(--grid-size) * 13); }
-    .right-14-m {    right: calc(var(--grid-size) * 14); }
-    .right-15-m {    right: calc(var(--grid-size) * 15); }
-    .right-16-m {    right: calc(var(--grid-size) * 16); }
-    .right-17-m {    right: calc(var(--grid-size) * 17); }
-    .right-18-m {    right: calc(var(--grid-size) * 18); }
-    .right-19-m {    right: calc(var(--grid-size) * 19); }
-    .right-20-m {    right: calc(var(--grid-size) * 20); }
-    .right-25-m {    right: calc(var(--grid-size) * 25); }
-    .right-30-m {    right: calc(var(--grid-size) * 30); }
-    .right-40-m {    right: calc(var(--grid-size) * 40); }
-    .right-50-m {    right: calc(var(--grid-size) * 50); }
-
-    .bottom-0-m {    bottom: 0; }
-    .bottom-1-m {    bottom: calc(var(--grid-size) * 1); }
-    .bottom-2-m {    bottom: calc(var(--grid-size) * 2); }
-    .bottom-3-m {    bottom: calc(var(--grid-size) * 3); }
-    .bottom-4-m {    bottom: calc(var(--grid-size) * 4); }
-    .bottom-5-m {    bottom: calc(var(--grid-size) * 5); }
-    .bottom-6-m {    bottom: calc(var(--grid-size) * 6); }
-    .bottom-7-m {    bottom: calc(var(--grid-size) * 7); }
-    .bottom-8-m {    bottom: calc(var(--grid-size) * 8); }
-    .bottom-9-m {    bottom: calc(var(--grid-size) * 9); }
-    .bottom-10-m {    bottom: calc(var(--grid-size) * 10); }
-    .bottom-11-m {    bottom: calc(var(--grid-size) * 11); }
-    .bottom-12-m {    bottom: calc(var(--grid-size) * 12); }
-    .bottom-13-m {    bottom: calc(var(--grid-size) * 13); }
-    .bottom-14-m {    bottom: calc(var(--grid-size) * 14); }
-    .bottom-15-m {    bottom: calc(var(--grid-size) * 15); }
-    .bottom-16-m {    bottom: calc(var(--grid-size) * 16); }
-    .bottom-17-m {    bottom: calc(var(--grid-size) * 17); }
-    .bottom-18-m {    bottom: calc(var(--grid-size) * 18); }
-    .bottom-19-m {    bottom: calc(var(--grid-size) * 19); }
-    .bottom-20-m {    bottom: calc(var(--grid-size) * 20); }
-    .bottom-25-m {    bottom: calc(var(--grid-size) * 25); }
-    .bottom-30-m {    bottom: calc(var(--grid-size) * 30); }
-    .bottom-40-m {    bottom: calc(var(--grid-size) * 40); }
-    .bottom-50-m {    bottom: calc(var(--grid-size) * 50); }
-
-    .left-0-m {    left: 0; }
-    .left-1-m {    left: calc(var(--grid-size) * 1); }
-    .left-2-m {    left: calc(var(--grid-size) * 2); }
-    .left-3-m {    left: calc(var(--grid-size) * 3); }
-    .left-4-m {    left: calc(var(--grid-size) * 4); }
-    .left-5-m {    left: calc(var(--grid-size) * 5); }
-    .left-6-m {    left: calc(var(--grid-size) * 6); }
-    .left-7-m {    left: calc(var(--grid-size) * 7); }
-    .left-8-m {    left: calc(var(--grid-size) * 8); }
-    .left-9-m {    left: calc(var(--grid-size) * 9); }
-    .left-10-m {    left: calc(var(--grid-size) * 10); }
-    .left-11-m {    left: calc(var(--grid-size) * 11); }
-    .left-12-m {    left: calc(var(--grid-size) * 12); }
-    .left-13-m {    left: calc(var(--grid-size) * 13); }
-    .left-14-m {    left: calc(var(--grid-size) * 14); }
-    .left-15-m {    left: calc(var(--grid-size) * 15); }
-    .left-16-m {    left: calc(var(--grid-size) * 16); }
-    .left-17-m {    left: calc(var(--grid-size) * 17); }
-    .left-18-m {    left: calc(var(--grid-size) * 18); }
-    .left-19-m {    left: calc(var(--grid-size) * 19); }
-    .left-20-m {    left: calc(var(--grid-size) * 20); }
-    .left-25-m {    left: calc(var(--grid-size) * 25); }
-    .left-30-m {    left: calc(var(--grid-size) * 30); }
-    .left-40-m {    left: calc(var(--grid-size) * 40); }
-    .left-50-m {    left: calc(var(--grid-size) * 50); }
-
-    .absolute--fill-m {
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-    }
-}
-
-@media (--breakpoint-large) {
-    .top-0-l {    top: 0; }
-    .top-1-l {    top: calc(var(--grid-size) * 1); }
-    .top-2-l {    top: calc(var(--grid-size) * 2); }
-    .top-3-l {    top: calc(var(--grid-size) * 3); }
-    .top-4-l {    top: calc(var(--grid-size) * 4); }
-    .top-5-l {    top: calc(var(--grid-size) * 5); }
-    .top-6-l {    top: calc(var(--grid-size) * 6); }
-    .top-7-l {    top: calc(var(--grid-size) * 7); }
-    .top-8-l {    top: calc(var(--grid-size) * 8); }
-    .top-9-l {    top: calc(var(--grid-size) * 9); }
-    .top-10-l {    top: calc(var(--grid-size) * 10); }
-    .top-11-l {    top: calc(var(--grid-size) * 11); }
-    .top-12-l {    top: calc(var(--grid-size) * 12); }
-    .top-13-l {    top: calc(var(--grid-size) * 13); }
-    .top-14-l {    top: calc(var(--grid-size) * 14); }
-    .top-15-l {    top: calc(var(--grid-size) * 15); }
-    .top-16-l {    top: calc(var(--grid-size) * 16); }
-    .top-17-l {    top: calc(var(--grid-size) * 17); }
-    .top-18-l {    top: calc(var(--grid-size) * 18); }
-    .top-19-l {    top: calc(var(--grid-size) * 19); }
-    .top-20-l {    top: calc(var(--grid-size) * 20); }
-    .top-25-l {    top: calc(var(--grid-size) * 25); }
-    .top-30-l {    top: calc(var(--grid-size) * 30); }
-    .top-40-l {    top: calc(var(--grid-size) * 40); }
-    .top-50-l {    top: calc(var(--grid-size) * 50); }
-
-    .right-0-l {    right: 0; }
-    .right-1-l {    right: calc(var(--grid-size) * 1); }
-    .right-2-l {    right: calc(var(--grid-size) * 2); }
-    .right-3-l {    right: calc(var(--grid-size) * 3); }
-    .right-4-l {    right: calc(var(--grid-size) * 4); }
-    .right-5-l {    right: calc(var(--grid-size) * 5); }
-    .right-6-l {    right: calc(var(--grid-size) * 6); }
-    .right-7-l {    right: calc(var(--grid-size) * 7); }
-    .right-8-l {    right: calc(var(--grid-size) * 8); }
-    .right-9-l {    right: calc(var(--grid-size) * 9); }
-    .right-10-l {    right: calc(var(--grid-size) * 10); }
-    .right-11-l {    right: calc(var(--grid-size) * 11); }
-    .right-12-l {    right: calc(var(--grid-size) * 12); }
-    .right-13-l {    right: calc(var(--grid-size) * 13); }
-    .right-14-l {    right: calc(var(--grid-size) * 14); }
-    .right-15-l {    right: calc(var(--grid-size) * 15); }
-    .right-16-l {    right: calc(var(--grid-size) * 16); }
-    .right-17-l {    right: calc(var(--grid-size) * 17); }
-    .right-18-l {    right: calc(var(--grid-size) * 18); }
-    .right-19-l {    right: calc(var(--grid-size) * 19); }
-    .right-20-l {    right: calc(var(--grid-size) * 20); }
-    .right-25-l {    right: calc(var(--grid-size) * 25); }
-    .right-30-l {    right: calc(var(--grid-size) * 30); }
-    .right-40-l {    right: calc(var(--grid-size) * 40); }
-    .right-50-l {    right: calc(var(--grid-size) * 50); }
-
-    .bottom-0-l {    bottom: 0; }
-    .bottom-1-l {    bottom: calc(var(--grid-size) * 1); }
-    .bottom-2-l {    bottom: calc(var(--grid-size) * 2); }
-    .bottom-3-l {    bottom: calc(var(--grid-size) * 3); }
-    .bottom-4-l {    bottom: calc(var(--grid-size) * 4); }
-    .bottom-5-l {    bottom: calc(var(--grid-size) * 5); }
-    .bottom-6-l {    bottom: calc(var(--grid-size) * 6); }
-    .bottom-7-l {    bottom: calc(var(--grid-size) * 7); }
-    .bottom-8-l {    bottom: calc(var(--grid-size) * 8); }
-    .bottom-9-l {    bottom: calc(var(--grid-size) * 9); }
-    .bottom-10-l {    bottom: calc(var(--grid-size) * 10); }
-    .bottom-11-l {    bottom: calc(var(--grid-size) * 11); }
-    .bottom-12-l {    bottom: calc(var(--grid-size) * 12); }
-    .bottom-13-l {    bottom: calc(var(--grid-size) * 13); }
-    .bottom-14-l {    bottom: calc(var(--grid-size) * 14); }
-    .bottom-15-l {    bottom: calc(var(--grid-size) * 15); }
-    .bottom-16-l {    bottom: calc(var(--grid-size) * 16); }
-    .bottom-17-l {    bottom: calc(var(--grid-size) * 17); }
-    .bottom-18-l {    bottom: calc(var(--grid-size) * 18); }
-    .bottom-19-l {    bottom: calc(var(--grid-size) * 19); }
-    .bottom-20-l {    bottom: calc(var(--grid-size) * 20); }
-    .bottom-25-l {    bottom: calc(var(--grid-size) * 25); }
-    .bottom-30-l {    bottom: calc(var(--grid-size) * 30); }
-    .bottom-40-l {    bottom: calc(var(--grid-size) * 40); }
-    .bottom-50-l {    bottom: calc(var(--grid-size) * 50); }
-
-    .left-0-l {    left: 0; }
-    .left-1-l {    left: calc(var(--grid-size) * 1); }
-    .left-2-l {    left: calc(var(--grid-size) * 2); }
-    .left-3-l {    left: calc(var(--grid-size) * 3); }
-    .left-4-l {    left: calc(var(--grid-size) * 4); }
-    .left-5-l {    left: calc(var(--grid-size) * 5); }
-    .left-6-l {    left: calc(var(--grid-size) * 6); }
-    .left-7-l {    left: calc(var(--grid-size) * 7); }
-    .left-8-l {    left: calc(var(--grid-size) * 8); }
-    .left-9-l {    left: calc(var(--grid-size) * 9); }
-    .left-10-l {    left: calc(var(--grid-size) * 10); }
-    .left-11-l {    left: calc(var(--grid-size) * 11); }
-    .left-12-l {    left: calc(var(--grid-size) * 12); }
-    .left-13-l {    left: calc(var(--grid-size) * 13); }
-    .left-14-l {    left: calc(var(--grid-size) * 14); }
-    .left-15-l {    left: calc(var(--grid-size) * 15); }
-    .left-16-l {    left: calc(var(--grid-size) * 16); }
-    .left-17-l {    left: calc(var(--grid-size) * 17); }
-    .left-18-l {    left: calc(var(--grid-size) * 18); }
-    .left-19-l {    left: calc(var(--grid-size) * 19); }
-    .left-20-l {    left: calc(var(--grid-size) * 20); }
-    .left-25-l {    left: calc(var(--grid-size) * 25); }
-    .left-30-l {    left: calc(var(--grid-size) * 30); }
-    .left-40-l {    left: calc(var(--grid-size) * 40); }
-    .left-50-l {    left: calc(var(--grid-size) * 50); }
-
-    .absolute--fill-l {
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-    }
-}
diff --git a/app/styles/spirit-product/_custom-styles.css b/app/styles/spirit-product/_custom-styles.css
deleted file mode 100644
index 09cae0babe..0000000000
--- a/app/styles/spirit-product/_custom-styles.css
+++ /dev/null
@@ -1,129 +0,0 @@
-/*
-
-    Namespaces:
-        kg- = koenig related classes
-        gh- = client related classes
-
-*/
-
-/* Buttons */
-button, .btn-base {
-    transition: none!important;
-    text-decoration: none!important;
-    user-select: none;
-    outline: none;
-}
-
-.btn-base span {
-    padding: 0 14px;
-    height: 33px;
-    line-height: 33px;
-    border-radius: 4px;
-}
-
-/* Blue button */
-.btn-blue {
-    padding: 1px;
-    background: linear-gradient(
-    color(var(--blue) blackness(+10%)),
-    color(var(--blue) lightness(-15%) saturation(-15%))
-    );
-    text-shadow: 0 -1px 0 rgba(0,0,0,.1);
-    box-shadow: 0 1px 0 rgba(0,0,0,.12);
-}
-
-.btn-blue span {
-    background: linear-gradient(
-    color(var(--blue) whiteness(+7%)),
-    color(var(--blue) lightness(-7%) saturation(-10%)) 60%,
-    color(var(--blue) lightness(-7%) saturation(-10%)) 90%,
-    color(var(--blue) lightness(-4%) saturation(-10%))
-    );
-    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1);
-}
-.btn-blue:active,
-.btn-blue:focus {
-    background: color(var(--blue) lightness(-20%) saturation(-15%));
-}
-.btn-blue:active span,
-.btn-blue:focus span {
-    background: color(var(--blue) lightness(-7%) saturation(-10%));
-    box-shadow: none;
-}
-
-/* Green button */
-.btn-green {
-    padding: 1px;
-    background: linear-gradient(
-    color(var(--green) blackness(+7%)),
-    color(var(--green) lightness(-10%) saturation(-10%))
-    );
-    text-shadow: 0 -1px 0 rgba(0,0,0,.1);
-    box-shadow: 0 1px 0 rgba(0,0,0,.12);
-}
-
-.btn-green span {
-    background: linear-gradient(
-    color(var(--green) whiteness(+5%)),
-    color(var(--green) lightness(-4%) saturation(-8%)) 60%,
-    color(var(--green) lightness(-4%) saturation(-8%)) 90%,
-    color(var(--green) lightness(-4%) saturation(-10%))
-    );
-    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1);
-}
-
-.btn-green:active,
-.btn-green:focus {
-    background: color(var(--green) lightness(-10%) saturation(-10%));
-}
-.btn-green:active span,
-.btn-green:focus span {
-    background: color(var(--green) lightness(-4%) saturation(-8%));
-    box-shadow: none;
-}
-
-
-/* Koenig Styles */
-.kg-editor {
-    font-family: georgia,
-                 serif;
-}
-.kg-editor a {
-    color: var(--darkgrey-m2);
-    text-decoration: none;
-    box-shadow: inset 0 -1px 0 var(--blue);
-}
-.kg-editor a:hover {
-    color: var(--blue);
-}
-.kg-code-inline {
-    padding: 0 5px 2px;
-}
-.kg-link     { box-shadow: inset 0 -1px 0 var(--blue); }
-.kg-mark { background-color: ##fdffb6; }
-.kg-card-hover:hover,
-.kg-card-selected {
-    border: 1px solid var(--blue);
-}
-/* force a 16:10 aspect ratio */
-.kg-media-placeholder:before {
-    content: "";
-    float: left;
-    padding-bottom: 62.5%;
-}
-.kg-media-placeholder:after {
-    clear: left;
-    content: " ";
-    display: table;
-}
-
-
-/* Client styles */
-.gh-nav-link:hover {
-    background: rgba(62,176,239,.15)
-}
-
-.gh-logo svg g {
-    fill: white;
-    opacity: 1.0;
-}
diff --git a/app/styles/spirit-product/_debug-children.css b/app/styles/spirit-product/_debug-children.css
deleted file mode 100644
index 10204dacc2..0000000000
--- a/app/styles/spirit-product/_debug-children.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*
-
-  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; }
-
diff --git a/app/styles/spirit-product/_debug-grid.css b/app/styles/spirit-product/_debug-grid.css
deleted file mode 100644
index 8bb85bc567..0000000000
--- a/app/styles/spirit-product/_debug-grid.css
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
-
-   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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII=) repeat top left;
-}
-
-.debug-grid-16 {
-  background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII=) repeat top left;
-}
-
-.debug-grid-8-solid {
-  background:white url(data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw==) repeat top left;
-}
-
-.debug-grid-16-solid {
-  background:white url(data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7) repeat top left;
-}
diff --git a/app/styles/spirit-product/_debug.css b/app/styles/spirit-product/_debug.css
deleted file mode 100644
index f09f2b5190..0000000000
--- a/app/styles/spirit-product/_debug.css
+++ /dev/null
@@ -1,132 +0,0 @@
-/* 
- 
-  DEBUG (PESTICIDE)
-  Docs: http://tachyons.io/docs/debug/
-
-  This is a partial you have to manually include in your
-  build file. It places a different colored outline on 
-  each element which can help you debug layout issues.
-  There is also a handy chrome extension that can 
-  be found at http://pesticide.io
-
-*/
-
-body {        outline: 1px solid  #2980B9!important; }
-article {     outline: 1px solid  #3498DB!important; }
-nav {         outline: 1px solid  #0088C3!important; }
-aside {       outline: 1px solid  #33A0CE!important; }
-section {     outline: 1px solid  #66B8DA!important; }
-header {      outline: 1px solid  #99CFE7!important; }
-footer {      outline: 1px solid  #CCE7F3!important; }
-h1 {          outline: 1px solid  #162544!important; }
-h2 {          outline: 1px solid  #314E6E!important; }
-h3 {          outline: 1px solid  #3E5E85!important; }
-h4 {          outline: 1px solid  #449BAF!important; }
-h5 {          outline: 1px solid  #C7D1CB!important; }
-h6 {          outline: 1px solid  #4371D0!important; }
-main {        outline: 1px solid  #2F4F90!important; }
-address {     outline: 1px solid  #1A2C51!important; }
-div {         outline: 1px solid  #036CDB!important; }
-
-
-p {           outline: 1px solid  #AC050B!important; }
-hr {          outline: 1px solid  #FF063F!important; }
-pre {         outline: 1px solid  #850440!important; }
-blockquote {  outline: 1px solid  #F1B8E7!important; }
-ol {          outline: 1px solid  #FF050C!important; }
-ul {          outline: 1px solid  #D90416!important; }
-li {          outline: 1px solid  #D90416!important; }
-dl {          outline: 1px solid  #FD3427!important; }
-dt {          outline: 1px solid  #FF0043!important; }
-dd {          outline: 1px solid  #E80174!important; }
-figure {      outline: 1px solid  #FF00BB!important; }
-figcaption {  outline: 1px solid  #BF0032!important; }
-
-
-
-table {       outline: 1px solid  #00CC99!important; }
-caption {     outline: 1px solid  #37FFC4!important; }
-thead {       outline: 1px solid  #98DACA!important; }
-tbody {       outline: 1px solid  #64A7A0!important; }
-tfoot {       outline: 1px solid  #22746B!important; }
-tr {          outline: 1px solid  #86C0B2!important; }
-th {          outline: 1px solid  #A1E7D6!important; }
-td {          outline: 1px solid  #3F5A54!important; }
-col {         outline: 1px solid  #6C9A8F!important; }
-colgroup {    outline: 1px solid  #6C9A9D!important; }
-
-
-button {      outline: 1px solid  #DA8301!important; }
-datalist {    outline: 1px solid  #C06000!important; }
-fieldset {    outline: 1px solid  #D95100!important; }
-form {        outline: 1px solid  #D23600!important; }
-input {       outline: 1px solid  #FCA600!important; }
-keygen {      outline: 1px solid  #B31E00!important; }
-label {       outline: 1px solid  #EE8900!important; }
-legend {      outline: 1px solid  #DE6D00!important; }
-meter {       outline: 1px solid  #E8630C!important; }
-optgroup {    outline: 1px solid  #B33600!important; }
-option {      outline: 1px solid  #FF8A00!important; }
-output {      outline: 1px solid  #FF9619!important; }
-progress {    outline: 1px solid  #E57C00!important; }
-select {      outline: 1px solid  #E26E0F!important; }
-textarea {    outline: 1px solid  #CC5400!important; }
-
-
-
-details {     outline: 1px solid  #33848F!important; }
-summary {     outline: 1px solid  #60A1A6!important; }
-command {     outline: 1px solid  #438DA1!important; }
-menu {        outline: 1px solid  #449DA6!important; }
-
-
-
-del {         outline: 1px solid  #BF0000!important; }
-ins {         outline: 1px solid  #400000!important; }
-
-
-
-img     {     outline: 1px solid #22746B!important; }
-iframe  {     outline: 1px solid #64A7A0!important; }
-embed   {     outline: 1px solid #98DACA!important; }
-object  {     outline: 1px solid #00CC99!important; }
-param   {     outline: 1px solid #37FFC4!important; }
-video   {     outline: 1px solid #6EE866!important; }
-audio   {     outline: 1px solid #027353!important; }
-source  {     outline: 1px solid #012426!important; }
-canvas  {     outline: 1px solid #A2F570!important; }
-track   {     outline: 1px solid #59A600!important; }
-map     {     outline: 1px solid #7BE500!important; }
-area    {     outline: 1px solid #305900!important; }
-
-
-
-a {           outline: 1px solid #FF62AB!important; }
-em {          outline: 1px solid #800B41!important; }
-strong {      outline: 1px solid #FF1583!important; }
-i {           outline: 1px solid #803156!important; }
-b {           outline: 1px solid #CC1169!important; }
-u {           outline: 1px solid #FF0430!important; }
-s {           outline: 1px solid #F805E3!important; }
-small {       outline: 1px solid #D107B2!important; }
-abbr {        outline: 1px solid #4A0263!important; }
-q {           outline: 1px solid #240018!important; }
-cite {        outline: 1px solid #64003C!important; }
-dfn {         outline: 1px solid #B4005A!important; }
-sub {         outline: 1px solid #DBA0C8!important; }
-sup {         outline: 1px solid #CC0256!important; }
-time {        outline: 1px solid #D6606D!important; }
-code {        outline: 1px solid #E04251!important; }
-kbd {         outline: 1px solid #5E001F!important; }
-samp {        outline: 1px solid #9C0033!important; }
-var {         outline: 1px solid #D90047!important; }
-mark {        outline: 1px solid #FF0053!important; }
-bdi {         outline: 1px solid #BF3668!important; }
-bdo {         outline: 1px solid #6F1400!important; }
-ruby {        outline: 1px solid #FF7B93!important; }
-rt {          outline: 1px solid #FF2F54!important; }
-rp {          outline: 1px solid #803E49!important; }
-span {        outline: 1px solid #CC2643!important; }
-br {          outline: 1px solid #DB687D!important; }
-wbr {         outline: 1px solid #DB175B!important; }
-
diff --git a/app/styles/spirit-product/_display.css b/app/styles/spirit-product/_display.css
deleted file mode 100644
index d145d07ddf..0000000000
--- a/app/styles/spirit-product/_display.css
+++ /dev/null
@@ -1,100 +0,0 @@
-/*
-
-   Base:
-    d = display
-
-   Modifiers:
-    n     = none
-    b     = block
-    ib    = inline-block
-    it    = inline-table
-    t     = table
-    tc    = table-cell
-    t-row          = table-row
-    t-columm       = table-column
-    t-column-group = 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 (--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 (--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 (--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%;
-  }
-}
diff --git a/app/styles/spirit-product/_dropdown.css b/app/styles/spirit-product/_dropdown.css
deleted file mode 100644
index 6028e99ada..0000000000
--- a/app/styles/spirit-product/_dropdown.css
+++ /dev/null
@@ -1,94 +0,0 @@
-/* Ghost Dropdown
-/* -------------------------------------------------------- */
-.trans-from-up      {  transform: scale(0.9) translateY(-10px); }
-
-.dd-w1,
-.dd-w2,
-.dd-w3              {
-    margin-right: 50%;
-    pointer-events: none;
-}
-
-.dd-w1              {  width: 16rem;  right: -8rem;  }
-.dd-w2              {  width: 20rem;  right: -10rem;  }
-.dd-w3              {  width: 24rem;  right: -12rem;  }
-
-.gd-drop.active .dd-w1,
-.gd-drop.active .dd-w2,
-.gd-drop.active .dd-w3,
-.gd-drop.dropdown-expanded .dd-w1,
-.gd-drop.dropdown-expanded .dd-w2,
-.gd-drop.dropdown-expanded .dd-w3 {
-    opacity: 1;
-    transition: all 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-    transform: scale(1) translateY(0px);
-    pointer-events: auto;
-}
-
-/* Dropdown triagle */
-.dd-w1:after,
-.dd-w3:after,
-.dd-w2:after        {
-    content: "";
-    position: absolute;
-    bottom: 100%;
-    width: 0;
-    height: 0;
-    border-width: 0 0.6rem 0.6rem 0.6rem;
-    border-style: solid;
-    border-color: #fff transparent;
-    left: calc(50% - 6px);
-}
-
-.dd-w1:before,
-.dd-w3:before,
-.dd-w2:before       {
-    content: "";
-    position: absolute;
-    bottom: 100%;
-    width: 0;
-    height: 0;
-    border-width: 0 8px 8px 8px;
-    border-style: solid;
-    border-color: rgba(0,0,0,0.07) transparent;
-    left: calc(50% - 8px);
-}
-
-.dd-up {
-    top: auto;
-    bottom: 85%;
-    right: calc(50% - 12rem);
-    margin-right: 0;
-}
-
-.dd-up:after,
-.dd-up:before {
-    content: "";
-    position: absolute;
-    top: 100%;
-    right: auto;
-    bottom: auto;
-    width: 0;
-    height: 0;
-    border-style: solid;
-}
-
-.dd-up:before {
-    left: calc(50% - 8px);
-    border-width: 8px 8px 0;
-    border-color: rgba(0,0,0,.07) transparent;
-}
-
-.dd-up:after {
-    left: calc(50% - 6px);
-    border-width: 6px 6px 0;
-    border-color: #fff transparent;
-}
-
-
-/* TO BE DONE: add all classes (per group) to media queries */
-@media (--breakpoint-not-small) { }
-
-@media (--breakpoint-medium) { }
-
-@media (--breakpoint-large) { }
diff --git a/app/styles/spirit-product/_flexbox.css b/app/styles/spirit-product/_flexbox.css
deleted file mode 100644
index 5002be7cd7..0000000000
--- a/app/styles/spirit-product/_flexbox.css
+++ /dev/null
@@ -1,250 +0,0 @@
-/*
-
-  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 (--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 (--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 (--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; }
-}
diff --git a/app/styles/spirit-product/_floats.css b/app/styles/spirit-product/_floats.css
deleted file mode 100644
index 5b878917eb..0000000000
--- a/app/styles/spirit-product/_floats.css
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
-
-   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 (--breakpoint-not-small) {
-  .fl-ns { float: left; _display: inline; }
-  .fr-ns { float: right; _display: inline; }
-  .fn-ns { float: none; }
-}
-
-@media (--breakpoint-medium) {
-  .fl-m { float: left; _display: inline; }
-  .fr-m { float: right; _display: inline; }
-  .fn-m { float: none; }
-}
-
-@media (--breakpoint-large) {
-  .fl-l { float: left; _display: inline; }
-  .fr-l { float: right; _display: inline; }
-  .fn-l { float: none; }
-}
diff --git a/app/styles/spirit-product/_font-family.css b/app/styles/spirit-product/_font-family.css
deleted file mode 100644
index c8b9a238aa..0000000000
--- a/app/styles/spirit-product/_font-family.css
+++ /dev/null
@@ -1,44 +0,0 @@
-.sans-serif {
-  font-family: -apple-system, BlinkMacSystemFont,
-               'avenir next', avenir,
-               'helvetica neue', helvetica,
-               ubuntu,
-               roboto, noto,
-               'segoe ui', arial,
-               sans-serif;
-}
-
-.serif {
-  font-family: georgia,
-               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: monospace,monospace;
-}
-
-.courier {
-  font-family: 'Courier Next',
-               courier,
-               monospace;
-}
-
-
-/* Sans-Serif Typefaces */
-
-.whitney {
-    font-family: "Whitney SSm A", "Whitney SSm B",
-                 sans-serif;
-}
diff --git a/app/styles/spirit-product/_font-style.css b/app/styles/spirit-product/_font-style.css
deleted file mode 100644
index f8869f9ee7..0000000000
--- a/app/styles/spirit-product/_font-style.css
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
-
-   Media Query Extensions:
-     -ns = not-small
-     -m  = medium
-     -l  = large
-
-*/
-
-.i         { font-style: italic; }
-.fs-normal { font-style: normal; }
-
-@media (--breakpoint-not-small) {
-  .i-ns       { font-style: italic; }
-  .fs-normal-ns     { font-style: normal; }
-}
-
-@media (--breakpoint-medium) {
-  .i-m       { font-style: italic; }
-  .fs-normal-m     { font-style: normal; }
-}
-
-@media (--breakpoint-large) {
-  .i-l       { font-style: italic; }
-  .fs-normal-l     { font-style: normal; }
-}
diff --git a/app/styles/spirit-product/_font-weight.css b/app/styles/spirit-product/_font-weight.css
deleted file mode 100644
index de85fd76b3..0000000000
--- a/app/styles/spirit-product/_font-weight.css
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
-
-   Media Query Extensions:
-     -ns = not-small
-     -m  = medium
-     -l  = large
-
-*/
-
-.normal             { font-weight: 300; }
-.b, strong          { font-weight: 700; }
-
-.fw1     { font-weight: 100; }
-.fw3    { font-weight: 300; }
-.fw4    { font-weight: 400; }
-.fw6      { font-weight: 600; }
-.fw7      { font-weight: 700; }
-
-
-@media (--breakpoint-not-small) {
-    .fw1-ns     { font-weight: 100; }
-    .fw3-ns    { font-weight: 300; }
-    .fw4-ns    { font-weight: 400; }
-    .fw6-ns      { font-weight: 600; }
-    .fw7-ns      { font-weight: 700; }
-}
-
-@media (--breakpoint-medium) {
-    .fw1-m     { font-weight: 100; }
-    .fw3-m    { font-weight: 300; }
-    .fw4-m    { font-weight: 400; }
-    .fw6-m      { font-weight: 600; }
-    .fw7-m      { font-weight: 700; }
-}
-
-@media (--breakpoint-large) {
-    .fw1-l     { font-weight: 100; }
-    .fw3-l    { font-weight: 300; }
-    .fw4-l    { font-weight: 400; }
-    .fw6-l      { font-weight: 600; }
-    .fw7-l      { font-weight: 700; }
-}
diff --git a/app/styles/spirit-product/_forms.css b/app/styles/spirit-product/_forms.css
deleted file mode 100644
index 710db66aad..0000000000
--- a/app/styles/spirit-product/_forms.css
+++ /dev/null
@@ -1,59 +0,0 @@
-/*
-
-   FORMS
-
-*/
-
-.input-reset {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-}
-
-.button-reset::-moz-focus-inner,
-.input-reset::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-
-.form-icon {
-    position: absolute;
-    top: calc(50% + 2px);
-    left: 12px;
-    z-index: 100;
-    height: 14px;
-    fill: #a6bac5;
-}
-
-.form-text {
-    user-select: none;
-    transition: border-color .15s linear;
-    -webkit-appearance: none;
-    outline: none;
-}
-
-.form-text::placeholder {
-    color: var(--midlightgrey);
-}
-
-.form-input-w-icon {
-    padding-left: 35px;
-}
-
-.form-input-w-button {
-    padding-right: 77px;
-}
-
-.form-btn-forgot {
-    right: 1px;
-    padding: 5px 11px 5px 12px;
-    border: none;
-    border-left: 1px solid var(--lightgrey);
-    background-color: transparent;
-    top: 27px;
-    line-height: 1.1em;
-}
-
-.form-response {
-    top: 0;
-    right: 0;
-}
diff --git a/app/styles/spirit-product/_gradients.css b/app/styles/spirit-product/_gradients.css
deleted file mode 100644
index cf6cc3a758..0000000000
--- a/app/styles/spirit-product/_gradients.css
+++ /dev/null
@@ -1,83 +0,0 @@
-.bg-lgr-blue {
-    background: linear-gradient(color(var(--blue-p3)), color(var(--blue)));
-}
-.bg-rgr-blue {
-    background: radial-gradient(circle farthest-corner at left bottom, color(var(--blue-p3)) 0%, color(var(--blue))) 100%;
-}
-
-.bg-lgr-green {
-    background: linear-gradient(color(var(--green-p3)), color(var(--green)));
-}
-.bg-rgr-green {
-    background: radial-gradient(circle farthest-corner at left bottom, color(var(--green-p3)) 0%, color(var(--green))) 100%;
-}
-
-.bg-lgr-purple {
-    background: linear-gradient(color(var(--purple-p3)), color(var(--purple)));
-}
-.bg-rgr-purple {
-    background: radial-gradient(circle farthest-corner at left bottom, color(var(--purple-p3)) 0%, color(var(--purple))) 100%;
-}
-
-.bg-lgr-yellow {
-    background: linear-gradient(color(var(--yellow-p3)), color(var(--yellow)));
-}
-.bg-rgr-yellow {
-    background: radial-gradient(circle farthest-corner at left bottom, color(var(--yellow-p3)) 0%, color(var(--yellow))) 100%;
-}
-
-.bg-lgr-red {
-    background: linear-gradient(color(var(--red-p3)), color(var(--red)));
-}
-.bg-rgr-red {
-    background: radial-gradient(circle farthest-corner at left bottom, color(var(--red-p3)) 0%, color(var(--red))) 100%;
-}
-
-.bg-lgr-pink {
-    background: linear-gradient(color(var(--pink-p3)), color(var(--pink)));
-}
-.bg-rgr-pink {
-    background: radial-gradient(circle farthest-corner at left bottom, color(var(--pink-p3)) 0%, color(var(--pink))) 100%;
-}
-
-.bg-lgr-whitegrey {
-    background: linear-gradient(color(var(--whitegrey-p2)), color(var(--whitegrey)));
-}
-.bg-rgr-whitegrey {
-    background: radial-gradient(circle farthest-corner at left bottom, color(var(--whitegrey-p2)) 0%, color(var(--whitegrey))) 100%;
-}
-
-.bg-lgr-lightgrey {
-    background: linear-gradient(color(var(--lightgrey-p2)), color(var(--lightgrey)));
-}
-.bg-rgr-lightgrey {
-    background: radial-gradient(circle farthest-corner at left bottom, color(var(--lightgrey-p2)) 0%, color(var(--lightgrey))) 100%;
-}
-
-.bg-lgr-midlightgrey {
-    background: linear-gradient(color(var(--midlightgrey-p2)), color(var(--midlightgrey)));
-}
-.bg-rgr-midlightgrey {
-    background: radial-gradient(circle farthest-corner at left bottom, color(var(--midlightgrey-p2)) 0%, color(var(--midlightgrey))) 100%;
-}
-
-.bg-lgr-midgrey {
-    background: linear-gradient(color(var(--midgrey-p2)), color(var(--midgrey-m1)));
-}
-.bg-rgr-midgrey {
-    background: radial-gradient(circle farthest-corner at left bottom, color(var(--midgrey-p2)) 0%, color(var(--midgrey-m1))) 100%;
-}
-
-.bg-lgr-middarkgrey {
-    background: linear-gradient(color(var(--middarkgrey-p2)), color(var(--middarkgrey-m1)));
-}
-.bg-rgr-middarkgrey {
-    background: radial-gradient(circle farthest-corner at left bottom, color(var(--middarkgrey-p2)) 0%, color(var(--middarkgrey-m1))) 100%;
-}
-
-.bg-lgr-darkgrey {
-    background: linear-gradient(color(var(--darkgrey-p2)), color(var(--darkgrey-m2)));
-}
-.bg-rgr-darkgrey {
-    background: radial-gradient(circle farthest-corner at left bottom, color(var(--darkgrey-p2)) 0%, color(var(--darkgrey-m2))) 100%;
-}
diff --git a/app/styles/spirit-product/_heights.css b/app/styles/spirit-product/_heights.css
deleted file mode 100644
index 95c6875327..0000000000
--- a/app/styles/spirit-product/_heights.css
+++ /dev/null
@@ -1,187 +0,0 @@
-/*
-
-    Base:
-        h = height
-
-    Value:
-        (n) = (n * grid size)
-        -(m) = (m)%
-        -auto = auto
-        -inherit = inherit
-
-    ---------------------------------------------
-
-    Base:
-        vh = viewport based height
-
-    Value:
-        -(m) = (m)vh
-
-    Media Query Extensions:
-        -ns = not-small
-        -m  = medium
-        -l  = large
-
-*/
-
-.h1 {    height: calc(var(--grid-size) * 1); }
-.h2 {    height: calc(var(--grid-size) * 2); }
-.h3 {    height: calc(var(--grid-size) * 3); }
-.h4 {    height: calc(var(--grid-size) * 4); }
-.h5 {    height: calc(var(--grid-size) * 5); }
-.h6 {    height: calc(var(--grid-size) * 6); }
-.h7 {    height: calc(var(--grid-size) * 7); }
-.h8 {    height: calc(var(--grid-size) * 8); }
-.h9 {    height: calc(var(--grid-size) * 9); }
-.h10 {    height: calc(var(--grid-size) * 10); }
-.h11 {    height: calc(var(--grid-size) * 11); }
-.h12 {    height: calc(var(--grid-size) * 12); }
-.h13 {    height: calc(var(--grid-size) * 13); }
-.h14 {    height: calc(var(--grid-size) * 14); }
-.h15 {    height: calc(var(--grid-size) * 15); }
-.h16 {    height: calc(var(--grid-size) * 16); }
-.h17 {    height: calc(var(--grid-size) * 17); }
-.h18 {    height: calc(var(--grid-size) * 18); }
-.h19 {    height: calc(var(--grid-size) * 19); }
-.h20 {    height: calc(var(--grid-size) * 20); }
-.h25 {    height: calc(var(--grid-size) * 25); }
-.h30 {    height: calc(var(--grid-size) * 30); }
-.h40 {    height: calc(var(--grid-size) * 40); }
-.h50 {    height: calc(var(--grid-size) * 50); }
-.h70 {    height: calc(var(--grid-size) * 70); }
-
-.h-25 {  height:  25%; }
-.h-50 {  height:  50%; }
-.h-75 {  height:  75%; }
-.h-100 { height: 100%; }
-
-.vh-25 {  height:  25vh; }
-.vh-50 {  height:  50vh; }
-.vh-75 {  height:  75vh; }
-.vh-100 { height: 100vh; }
-
-.h-auto {     height: auto; }
-.h-inherit {  height: inherit; }
-
-@media (--breakpoint-not-small) {
-    .h1-ns {    height: calc(var(--grid-size) * 1); }
-    .h2-ns {    height: calc(var(--grid-size) * 2); }
-    .h3-ns {    height: calc(var(--grid-size) * 3); }
-    .h4-ns {    height: calc(var(--grid-size) * 4); }
-    .h5-ns {    height: calc(var(--grid-size) * 5); }
-    .h6-ns {    height: calc(var(--grid-size) * 6); }
-    .h7-ns {    height: calc(var(--grid-size) * 7); }
-    .h8-ns {    height: calc(var(--grid-size) * 8); }
-    .h9-ns {    height: calc(var(--grid-size) * 9); }
-    .h10-ns {    height: calc(var(--grid-size) * 10); }
-    .h11-ns {    height: calc(var(--grid-size) * 11); }
-    .h12-ns {    height: calc(var(--grid-size) * 12); }
-    .h13-ns {    height: calc(var(--grid-size) * 13); }
-    .h14-ns {    height: calc(var(--grid-size) * 14); }
-    .h15-ns {    height: calc(var(--grid-size) * 15); }
-    .h16-ns {    height: calc(var(--grid-size) * 16); }
-    .h17-ns {    height: calc(var(--grid-size) * 17); }
-    .h18-ns {    height: calc(var(--grid-size) * 18); }
-    .h19-ns {    height: calc(var(--grid-size) * 19); }
-    .h20-ns {    height: calc(var(--grid-size) * 20); }
-    .h25-ns {    height: calc(var(--grid-size) * 25); }
-    .h30-ns {    height: calc(var(--grid-size) * 30); }
-    .h40-ns {    height: calc(var(--grid-size) * 40); }
-    .h50-ns {    height: calc(var(--grid-size) * 50); }
-    .h70-ns {    height: calc(var(--grid-size) * 70); }
-
-    .h-25-ns {  height:  25%; }
-    .h-50-ns {  height:  50%; }
-    .h-75-ns {  height:  75%; }
-    .h-100-ns { height: 100%; }
-
-    .vh-25-ns {  height:  25vh; }
-    .vh-50-ns {  height:  50vh; }
-    .vh-75-ns {  height:  75vh; }
-    .vh-100-ns { height: 100vh; }
-
-    .h-auto-ns {     height: auto; }
-    .h-inherit-ns {  height: inherit; }
-}
-
-@media (--breakpoint-medium) {
-    .h1-m {    height: calc(var(--grid-size) * 1); }
-    .h2-m {    height: calc(var(--grid-size) * 2); }
-    .h3-m {    height: calc(var(--grid-size) * 3); }
-    .h4-m {    height: calc(var(--grid-size) * 4); }
-    .h5-m {    height: calc(var(--grid-size) * 5); }
-    .h6-m {    height: calc(var(--grid-size) * 6); }
-    .h7-m {    height: calc(var(--grid-size) * 7); }
-    .h8-m {    height: calc(var(--grid-size) * 8); }
-    .h9-m {    height: calc(var(--grid-size) * 9); }
-    .h10-m {    height: calc(var(--grid-size) * 10); }
-    .h11-m {    height: calc(var(--grid-size) * 11); }
-    .h12-m {    height: calc(var(--grid-size) * 12); }
-    .h13-m {    height: calc(var(--grid-size) * 13); }
-    .h14-m {    height: calc(var(--grid-size) * 14); }
-    .h15-m {    height: calc(var(--grid-size) * 15); }
-    .h16-m {    height: calc(var(--grid-size) * 16); }
-    .h17-m {    height: calc(var(--grid-size) * 17); }
-    .h18-m {    height: calc(var(--grid-size) * 18); }
-    .h19-m {    height: calc(var(--grid-size) * 19); }
-    .h20-m {    height: calc(var(--grid-size) * 20); }
-    .h25-m {    height: calc(var(--grid-size) * 25); }
-    .h30-m {    height: calc(var(--grid-size) * 30); }
-    .h40-m {    height: calc(var(--grid-size) * 40); }
-    .h50-m {    height: calc(var(--grid-size) * 50); }
-    .h70-m {    height: calc(var(--grid-size) * 70); }
-
-    .h-25-m {  height:  25%; }
-    .h-50-m {  height:  50%; }
-    .h-75-m {  height:  75%; }
-    .h-100-m { height: 100%; }
-
-    .vh-25-m {  height:  25vh; }
-    .vh-50-m {  height:  50vh; }
-    .vh-75-m {  height:  75vh; }
-    .vh-100-m { height: 100vh; }
-
-    .h-auto-m {     height: auto; }
-    .h-inherit-m {  height: inherit; }
-}
-
-@media (--breakpoint-large) {
-    .h1-l {    height: calc(var(--grid-size) * 1); }
-    .h2-l {    height: calc(var(--grid-size) * 2); }
-    .h3-l {    height: calc(var(--grid-size) * 3); }
-    .h4-l {    height: calc(var(--grid-size) * 4); }
-    .h5-l {    height: calc(var(--grid-size) * 5); }
-    .h6-l {    height: calc(var(--grid-size) * 6); }
-    .h7-l {    height: calc(var(--grid-size) * 7); }
-    .h8-l {    height: calc(var(--grid-size) * 8); }
-    .h9-l {    height: calc(var(--grid-size) * 9); }
-    .h10-l {    height: calc(var(--grid-size) * 10); }
-    .h11-l {    height: calc(var(--grid-size) * 11); }
-    .h12-l {    height: calc(var(--grid-size) * 12); }
-    .h13-l {    height: calc(var(--grid-size) * 13); }
-    .h14-l {    height: calc(var(--grid-size) * 14); }
-    .h15-l {    height: calc(var(--grid-size) * 15); }
-    .h16-l {    height: calc(var(--grid-size) * 16); }
-    .h17-l {    height: calc(var(--grid-size) * 17); }
-    .h18-l {    height: calc(var(--grid-size) * 18); }
-    .h19-l {    height: calc(var(--grid-size) * 19); }
-    .h20-l {    height: calc(var(--grid-size) * 20); }
-    .h25-l {    height: calc(var(--grid-size) * 25); }
-    .h30-l {    height: calc(var(--grid-size) * 30); }
-    .h40-l {    height: calc(var(--grid-size) * 40); }
-    .h50-l {    height: calc(var(--grid-size) * 50); }
-    .h70-l {    height: calc(var(--grid-size) * 70); }
-
-    .h-25-l {  height:  25%; }
-    .h-50-l {  height:  50%; }
-    .h-75-l {  height:  75%; }
-    .h-100-l { height: 100%; }
-
-    .vh-25-l {  height:  25vh; }
-    .vh-50-l {  height:  50vh; }
-    .vh-75-l {  height:  75vh; }
-    .vh-100-l { height: 100vh; }
-
-    .h-auto-l {     height: auto; }
-    .h-inherit-l {  height: inherit; }
-}
diff --git a/app/styles/spirit-product/_hovers.css b/app/styles/spirit-product/_hovers.css
deleted file mode 100644
index 30d3bbc031..0000000000
--- a/app/styles/spirit-product/_hovers.css
+++ /dev/null
@@ -1,403 +0,0 @@
-/* Text colors */
-
-.hover-blue:hover,
-.hover-blue:focus { color: var(--blue); }
-.hover-green:hover,
-.hover-green:focus { color: var(--green); }
-.hover-purple:hover,
-.hover-purple:focus { color: var(--purple); }
-.hover-yellow:hover,
-.hover-yellow:focus { color: var(--yellow); }
-.hover-red:hover,
-.hover-red:focus { color: var(--red); }
-.hover-pink:hover,
-.hover-pink:focus { color: var(--pink); }
-.hover-white:hover,
-.hover-white:focus { color: var(--white); }
-
-.hover-white-10:hover,
-.hover-white-10:focus { color: var(--white-10); }
-.hover-white-20:hover,
-.hover-white-20:focus { color: var(--white-20); }
-.hover-white-30:hover,
-.hover-white-30:focus { color: var(--white-30); }
-.hover-white-40:hover,
-.hover-white-40:focus { color: var(--white-40); }
-.hover-white-50:hover,
-.hover-white-50:focus { color: var(--white-50); }
-.hover-white-60:hover,
-.hover-white-60:focus { color: var(--white-60); }
-.hover-white-70:hover,
-.hover-white-70:focus { color: var(--white-70); }
-.hover-white-80:hover,
-.hover-white-80:focus { color: var(--white-80); }
-.hover-white-90:hover,
-.hover-white-90:focus { color: var(--white-90); }
-
-.hover-black-10:hover,
-.hover-black-10:focus { color: var(--black-10); }
-.hover-black-20:hover,
-.hover-black-20:focus { color: var(--black-20); }
-.hover-black-30:hover,
-.hover-black-30:focus { color: var(--black-30); }
-.hover-black-40:hover,
-.hover-black-40:focus { color: var(--black-40); }
-.hover-black-50:hover,
-.hover-black-50:focus { color: var(--black-50); }
-.hover-black-60:hover,
-.hover-black-60:focus { color: var(--black-60); }
-.hover-black-70:hover,
-.hover-black-70:focus { color: var(--black-70); }
-.hover-black-80:hover,
-.hover-black-80:focus { color: var(--black-80); }
-.hover-black-90:hover,
-.hover-black-90:focus { color: var(--black-90); }
-
-.hover-darkgrey:hover,
-.hover-darkgrey:focus { color: var(--darkgrey); }
-.hover-middarkgrey:hover,
-.hover-middarkgrey:focus { color: var(--middarkgrey); }
-.hover-midgrey:hover,
-.hover-midgrey:focus { color: var(--midgrey); }
-.hover-midlightgrey:hover,
-.hover-midlightgrey:focus { color: var(--midlightgrey); }
-.hover-lightgrey:hover,
-.hover-lightgrey:focus { color: var(--lightgrey); }
-.hover-whitegrey:hover,
-.hover-whitegrey:focus { color: var(--whitegrey); }
-
-/* Shades */
-.hover-blue-p3:hover,
-.hover-blue-p3:focus { color: var(--blue-p3); }
-.hover-blue-p2:hover,
-.hover-blue-p2:focus { color: var(--blue-p2); }
-.hover-blue-p1:hover,
-.hover-blue-p1:focus { color: var(--blue-p1); }
-.hover-blue-m1:hover,
-.hover-blue-m1:focus { color: var(--blue-m1); }
-.hover-blue-m2:hover,
-.hover-blue-m2:focus { color: var(--blue-m2); }
-.hover-blue-m3:hover,
-.hover-blue-m3:focus { color: var(--blue-m3); }
-
-.hover-green-p3:hover,
-.hover-green-p3:focus { color: var(--green-p3); }
-.hover-green-p2:hover,
-.hover-green-p2:focus { color: var(--green-p2); }
-.hover-green-p1:hover,
-.hover-green-p1:focus { color: var(--green-p1); }
-.hover-green-m1:hover,
-.hover-green-m1:focus { color: var(--green-m1); }
-.hover-green-m2:hover,
-.hover-green-m2:focus { color: var(--green-m2); }
-.hover-green-m3:hover,
-.hover-green-m3:focus { color: var(--green-m3); }
-
-.hover-purple-p3:hover,
-.hover-purple-p3:focus { color: var(--purple-p3); }
-.hover-purple-p2:hover,
-.hover-purple-p2:focus { color: var(--purple-p2); }
-.hover-purple-p1:hover,
-.hover-purple-p1:focus { color: var(--purple-p1); }
-.hover-purple-m1:hover,
-.hover-purple-m1:focus { color: var(--purple-m1); }
-.hover-purple-m2:hover,
-.hover-purple-m2:focus { color: var(--purple-m2); }
-.hover-purple-m3:hover,
-.hover-purple-m3:focus { color: var(--purple-m3); }
-
-.hover-yellow-p3:hover,
-.hover-yellow-p3:focus { color: var(--yellow-p3); }
-.hover-yellow-p2:hover,
-.hover-yellow-p2:focus { color: var(--yellow-p2); }
-.hover-yellow-p1:hover,
-.hover-yellow-p1:focus { color: var(--yellow-p1); }
-.hover-yellow-m1:hover,
-.hover-yellow-m1:focus { color: var(--yellow-m1); }
-.hover-yellow-m2:hover,
-.hover-yellow-m2:focus { color: var(--yellow-m2); }
-.hover-yellow-m3:hover,
-.hover-yellow-m3:focus { color: var(--yellow-m3); }
-
-.hover-red-p3:hover,
-.hover-red-p3:focus { color: var(--red-p3); }
-.hover-red-p2:hover,
-.hover-red-p2:focus { color: var(--red-p2); }
-.hover-red-p1:hover,
-.hover-red-p1:focus { color: var(--red-p1); }
-.hover-red-m1:hover,
-.hover-red-m1:focus { color: var(--red-m1); }
-.hover-red-m2:hover,
-.hover-red-m2:focus { color: var(--red-m2); }
-.hover-red-m3:hover,
-.hover-red-m3:focus { color: var(--red-m3); }
-
-.hover-pink-p3:hover,
-.hover-pink-p3:focus { color: var(--pink-p3); }
-.hover-pink-p2:hover,
-.hover-pink-p2:focus { color: var(--pink-p2); }
-.hover-pink-p1:hover,
-.hover-pink-p1:focus { color: var(--pink-p1); }
-.hover-pink-m1:hover,
-.hover-pink-m1:focus { color: var(--pink-m1); }
-.hover-pink-m2:hover,
-.hover-pink-m2:focus { color: var(--pink-m2); }
-.hover-pink-m3:hover,
-.hover-pink-m3:focus { color: var(--pink-m3); }
-
-.hover-darkgrey-p2:hover,
-.hover-darkgrey-p2:focus { color: var(--darkgrey-p2); }
-.hover-darkgrey-p1:hover,
-.hover-darkgrey-p1:focus { color: var(--darkgrey-p1); }
-.hover-darkgrey-m1:hover,
-.hover-darkgrey-m1:focus { color: var(--darkgrey-m1); }
-.hover-darkgrey-m2:hover,
-.hover-darkgrey-m2:focus { color: var(--darkgrey-m2); }
-
-.hover-middarkgrey-p2:hover,
-.hover-middarkgrey-p2:focus { color: var(--middarkgrey-p2); }
-.hover-middarkgrey-p1:hover,
-.hover-middarkgrey-p1:focus { color: var(--middarkgrey-p1); }
-.hover-middarkgrey-m1:hover,
-.hover-middarkgrey-m1:focus { color: var(--middarkgrey-m1); }
-.hover-middarkgrey-m2:hover,
-.hover-middarkgrey-m2:focus { color: var(--middarkgrey-m2); }
-
-.hover-midgrey-p2:hover,
-.hover-midgrey-p2:focus { color: var(--midgrey-p2); }
-.hover-midgrey-p1:hover,
-.hover-midgrey-p1:focus { color: var(--midgrey-p1); }
-.hover-midgrey-m1:hover,
-.hover-midgrey-m1:focus { color: var(--midgrey-m1); }
-.hover-midgrey-m2:hover,
-.hover-midgrey-m2:focus { color: var(--midgrey-m2); }
-
-.hover-midlightgrey-p2:hover,
-.hover-midlightgrey-p2:focus { color: var(--midlightgrey-p2); }
-.hover-midlightgrey-p1:hover,
-.hover-midlightgrey-p1:focus { color: var(--midlightgrey-p1); }
-.hover-midlightgrey-m1:hover,
-.hover-midlightgrey-m1:focus { color: var(--midlightgrey-m1); }
-.hover-midlightgrey-m2:hover,
-.hover-midlightgrey-m2:focus { color: var(--midlightgrey-m2); }
-
-.hover-lightgrey-p2:hover,
-.hover-lightgrey-p2:focus { color: var(--lightgrey-p2); }
-.hover-lightgrey-p1:hover,
-.hover-lightgrey-p1:focus { color: var(--lightgrey-p1); }
-.hover-lightgrey-m1:hover,
-.hover-lightgrey-m1:focus { color: var(--lightgrey-m1); }
-.hover-lightgrey-m2:hover,
-.hover-lightgrey-m2:focus { color: var(--lightgrey-m2); }
-
-.hover-whitegrey-p2:hover,
-.hover-whitegrey-p2:focus { color: var(--whitegrey-p2); }
-.hover-whitegrey-p1:hover,
-.hover-whitegrey-p1:focus { color: var(--whitegrey-p1); }
-.hover-whitegrey-m1:hover,
-.hover-whitegrey-m1:focus { color: var(--whitegrey-m1); }
-.hover-whitegrey-m2:hover,
-.hover-whitegrey-m2:focus { color: var(--whitegrey-m2); }
-
-.hover-color-inherit:hover,
-.hover-color-inherit:focus { color: inherit; }
-
-/* Background colors */
-.hover-bg-blue:hover,
-.hover-bg-blue:focus { background-color: var(--blue); }
-.hover-bg-green:hover,
-.hover-bg-green:focus { background-color: var(--green); }
-.hover-bg-purple:hover,
-.hover-bg-purple:focus { background-color: var(--purple); }
-.hover-bg-yellow:hover,
-.hover-bg-yellow:focus { background-color: var(--yellow); }
-.hover-bg-red:hover,
-.hover-bg-red:focus { background-color: var(--red); }
-.hover-bg-pink:hover,
-.hover-bg-pink:focus { background-color: var(--pink); }
-.hover-bg-white:hover,
-.hover-bg-white:focus { background-color: var(--white); }
-
-.hover-bg-white-10:hover,
-.hover-bg-white-10:focus { background-color: var(--white-10); }
-.hover-bg-white-20:hover,
-.hover-bg-white-20:focus { background-color: var(--white-20); }
-.hover-bg-white-30:hover,
-.hover-bg-white-30:focus { background-color: var(--white-30); }
-.hover-bg-white-40:hover,
-.hover-bg-white-40:focus { background-color: var(--white-40); }
-.hover-bg-white-50:hover,
-.hover-bg-white-50:focus { background-color: var(--white-50); }
-.hover-bg-white-60:hover,
-.hover-bg-white-60:focus { background-color: var(--white-60); }
-.hover-bg-white-70:hover,
-.hover-bg-white-70:focus { background-color: var(--white-70); }
-.hover-bg-white-80:hover,
-.hover-bg-white-80:focus { background-color: var(--white-80); }
-.hover-bg-white-90:hover,
-.hover-bg-white-90:focus { background-color: var(--white-90); }
-
-.hover-bg-black-10:hover,
-.hover-bg-black-10:focus { background-color: var(--black-10); }
-.hover-bg-black-20:hover,
-.hover-bg-black-20:focus { background-color: var(--black-20); }
-.hover-bg-black-30:hover,
-.hover-bg-black-30:focus { background-color: var(--black-30); }
-.hover-bg-black-40:hover,
-.hover-bg-black-40:focus { background-color: var(--black-40); }
-.hover-bg-black-50:hover,
-.hover-bg-black-50:focus { background-color: var(--black-50); }
-.hover-bg-black-60:hover,
-.hover-bg-black-60:focus { background-color: var(--black-60); }
-.hover-bg-black-70:hover,
-.hover-bg-black-70:focus { background-color: var(--black-70); }
-.hover-bg-black-80:hover,
-.hover-bg-black-80:focus { background-color: var(--black-80); }
-.hover-bg-black-90:hover,
-.hover-bg-black-90:focus { background-color: var(--black-90); }
-
-.hover-bg-darkgrey:hover,
-.hover-bg-darkgrey:focus { background-color: var(--darkgrey); }
-.hover-bg-middarkgrey:hover,
-.hover-bg-middarkgrey:focus { background-color: var(--middarkgrey); }
-.hover-bg-midgrey:hover,
-.hover-bg-midgrey:focus { background-color: var(--midgrey); }
-.hover-bg-midlightgrey:hover,
-.hover-bg-midlightgrey:focus { background-color: var(--midlightgrey); }
-.hover-bg-lightgrey:hover,
-.hover-bg-lightgrey:focus { background-color: var(--lightgrey); }
-.hover-bg-whitegrey:hover,
-.hover-bg-whitegrey:focus { background-color: var(--whitegrey); }
-
-/* Shades */
-.hover-bg-blue-p3:hover,
-.hover-bg-blue-p3:focus { background-color: var(--blue-p3); }
-.hover-bg-blue-p2:hover,
-.hover-bg-blue-p2:focus { background-color: var(--blue-p2); }
-.hover-bg-blue-p1:hover,
-.hover-bg-blue-p1:focus { background-color: var(--blue-p1); }
-.hover-bg-blue-m1:hover,
-.hover-bg-blue-m1:focus { background-color: var(--blue-m1); }
-.hover-bg-blue-m2:hover,
-.hover-bg-blue-m2:focus { background-color: var(--blue-m2); }
-.hover-bg-blue-m3:hover,
-.hover-bg-blue-m3:focus { background-color: var(--blue-m3); }
-
-.hover-bg-green-p3:hover,
-.hover-bg-green-p3:focus { background-color: var(--green-p3); }
-.hover-bg-green-p2:hover,
-.hover-bg-green-p2:focus { background-color: var(--green-p2); }
-.hover-bg-green-p1:hover,
-.hover-bg-green-p1:focus { background-color: var(--green-p1); }
-.hover-bg-green-m1:hover,
-.hover-bg-green-m1:focus { background-color: var(--green-m1); }
-.hover-bg-green-m2:hover,
-.hover-bg-green-m2:focus { background-color: var(--green-m2); }
-.hover-bg-green-m3:hover,
-.hover-bg-green-m3:focus { background-color: var(--green-m3); }
-
-.hover-bg-purple-p3:hover,
-.hover-bg-purple-p3:focus { background-color: var(--purple-p3); }
-.hover-bg-purple-p2:hover,
-.hover-bg-purple-p2:focus { background-color: var(--purple-p2); }
-.hover-bg-purple-p1:hover,
-.hover-bg-purple-p1:focus { background-color: var(--purple-p1); }
-.hover-bg-purple-m1:hover,
-.hover-bg-purple-m1:focus { background-color: var(--purple-m1); }
-.hover-bg-purple-m2:hover,
-.hover-bg-purple-m2:focus { background-color: var(--purple-m2); }
-.hover-bg-purple-m3:hover,
-.hover-bg-purple-m3:focus { background-color: var(--purple-m3); }
-
-.hover-bg-yellow-p3:hover,
-.hover-bg-yellow-p3:focus { background-color: var(--yellow-p3); }
-.hover-bg-yellow-p2:hover,
-.hover-bg-yellow-p2:focus { background-color: var(--yellow-p2); }
-.hover-bg-yellow-p1:hover,
-.hover-bg-yellow-p1:focus { background-color: var(--yellow-p1); }
-.hover-bg-yellow-m1:hover,
-.hover-bg-yellow-m1:focus { background-color: var(--yellow-m1); }
-.hover-bg-yellow-m2:hover,
-.hover-bg-yellow-m2:focus { background-color: var(--yellow-m2); }
-.hover-bg-yellow-m3:hover,
-.hover-bg-yellow-m3:focus { background-color: var(--yellow-m3); }
-
-.hover-bg-red-p3:hover,
-.hover-bg-red-p3:focus { background-color: var(--red-p3); }
-.hover-bg-red-p2:hover,
-.hover-bg-red-p2:focus { background-color: var(--red-p2); }
-.hover-bg-red-p1:hover,
-.hover-bg-red-p1:focus { background-color: var(--red-p1); }
-.hover-bg-red-m1:hover,
-.hover-bg-red-m1:focus { background-color: var(--red-m1); }
-.hover-bg-red-m2:hover,
-.hover-bg-red-m2:focus { background-color: var(--red-m2); }
-.hover-bg-red-m3:hover,
-.hover-bg-red-m3:focus { background-color: var(--red-m3); }
-
-.hover-bg-pink-p3:hover,
-.hover-bg-pink-p3:focus { background-color: var(--pink-p3); }
-.hover-bg-pink-p2:hover,
-.hover-bg-pink-p2:focus { background-color: var(--pink-p2); }
-.hover-bg-pink-p1:hover,
-.hover-bg-pink-p1:focus { background-color: var(--pink-p1); }
-.hover-bg-pink-m1:hover,
-.hover-bg-pink-m1:focus { background-color: var(--pink-m1); }
-.hover-bg-pink-m2:hover,
-.hover-bg-pink-m2:focus { background-color: var(--pink-m2); }
-.hover-bg-pink-m3:hover,
-.hover-bg-pink-m3:focus { background-color: var(--pink-m3); }
-
-.hover-bg-darkgrey-p2:hover,
-.hover-bg-darkgrey-p2:focus { background-color: var(--darkgrey-p2); }
-.hover-bg-darkgrey-p1:hover,
-.hover-bg-darkgrey-p1:focus { background-color: var(--darkgrey-p1); }
-.hover-bg-darkgrey-m1:hover,
-.hover-bg-darkgrey-m1:focus { background-color: var(--darkgrey-m1); }
-.hover-bg-darkgrey-m2:hover,
-.hover-bg-darkgrey-m2:focus { background-color: var(--darkgrey-m2); }
-
-.hover-bg-middarkgrey-p2:hover,
-.hover-bg-middarkgrey-p2:focus { background-color: var(--middarkgrey-p2); }
-.hover-bg-middarkgrey-p1:hover,
-.hover-bg-middarkgrey-p1:focus { background-color: var(--middarkgrey-p1); }
-.hover-bg-middarkgrey-m1:hover,
-.hover-bg-middarkgrey-m1:focus { background-color: var(--middarkgrey-m1); }
-.hover-bg-middarkgrey-m2:hover,
-.hover-bg-middarkgrey-m2:focus { background-color: var(--middarkgrey-m2); }
-
-.hover-bg-midgrey-p2:hover,
-.hover-bg-midgrey-p2:focus { background-color: var(--midgrey-p2); }
-.hover-bg-midgrey-p1:hover,
-.hover-bg-midgrey-p1:focus { background-color: var(--midgrey-p1); }
-.hover-bg-midgrey-m1:hover,
-.hover-bg-midgrey-m1:focus { background-color: var(--midgrey-m1); }
-.hover-bg-midgrey-m2:hover,
-.hover-bg-midgrey-m2:focus { background-color: var(--midgrey-m2); }
-
-.hover-bg-midlightgrey-p2:hover,
-.hover-bg-midlightgrey-p2:focus { background-color: var(--midlightgrey-p2); }
-.hover-bg-midlightgrey-p1:hover,
-.hover-bg-midlightgrey-p1:focus { background-color: var(--midlightgrey-p1); }
-.hover-bg-midlightgrey-m1:hover,
-.hover-bg-midlightgrey-m1:focus { background-color: var(--midlightgrey-m1); }
-.hover-bg-midlightgrey-m2:hover,
-.hover-bg-midlightgrey-m2:focus { background-color: var(--midlightgrey-m2); }
-
-.hover-bg-lightgrey-p2:hover,
-.hover-bg-lightgrey-p2:focus { background-color: var(--lightgrey-p2); }
-.hover-bg-lightgrey-p1:hover,
-.hover-bg-lightgrey-p1:focus { background-color: var(--lightgrey-p1); }
-.hover-bg-lightgrey-m1:hover,
-.hover-bg-lightgrey-m1:focus { background-color: var(--lightgrey-m1); }
-.hover-bg-lightgrey-m2:hover,
-.hover-bg-lightgrey-m2:focus { background-color: var(--lightgrey-m2); }
-
-.hover-bg-whitegrey-p2:hover,
-.hover-bg-whitegrey-p2:focus { background-color: var(--whitegrey-p2); }
-.hover-bg-whitegrey-p1:hover,
-.hover-bg-whitegrey-p1:focus { background-color: var(--whitegrey-p1); }
-.hover-bg-whitegrey-m1:hover,
-.hover-bg-whitegrey-m1:focus { background-color: var(--whitegrey-m1); }
-.hover-bg-whitegrey-m2:hover,
-.hover-bg-whitegrey-m2:focus { background-color: var(--whitegrey-m2); }
diff --git a/app/styles/spirit-product/_icons.css b/app/styles/spirit-product/_icons.css
deleted file mode 100644
index c3cd36fa52..0000000000
--- a/app/styles/spirit-product/_icons.css
+++ /dev/null
@@ -1,510 +0,0 @@
-/*
-
-    COLORING ICONS
-    ----------------------------------------
-    Base:
-        fill = filled icon
-        stroke = outlined icon
-
-    Value:
-        -(color) = color
-
-    See _colors.css for available colors.
-
-
-    ICON SIZES
-    ----------------------------------------
-    Base:
-        iw = icon width
-        ih = icon height
-
-    Value:
-        1-6 = size scale
-
-    Media Query Extensions:
-        -ns = not-small
-        -m  = medium
-        -l  = large
-
-*/
-
-/* Icon fill colors */
-.filter-invert      {  filter: invert(100%);  }
-
-.fill-blue path,
-.fill-blue g { fill: var(--blue); }
-.fill-green path,
-.fill-green g { fill: var(--green); }
-.fill-purple path,
-.fill-purple g { fill: var(--purple); }
-.fill-yellow path,
-.fill-yellow g { fill: var(--yellow); }
-.fill-red path,
-.fill-red g { fill: var(--red); }
-.fill-pink path,
-.fill-pink g { fill: var(--pink); }
-.fill-white path,
-.fill-white g { fill: var(--white); }
-
-.fill-white-10 path,
-.fill-white-10 g { fill: var(--white-10); }
-.fill-white-20 path,
-.fill-white-20 g { fill: var(--white-20); }
-.fill-white-30 path,
-.fill-white-30 g { fill: var(--white-30); }
-.fill-white-40 path,
-.fill-white-40 g { fill: var(--white-40); }
-.fill-white-50 path,
-.fill-white-50 g { fill: var(--white-50); }
-.fill-white-60 path,
-.fill-white-60 g { fill: var(--white-60); }
-.fill-white-70 path,
-.fill-white-70 g { fill: var(--white-70); }
-.fill-white-80 path,
-.fill-white-80 g { fill: var(--white-80); }
-.fill-white-90 path,
-.fill-white-90 g { fill: var(--white-90); }
-
-.fill-black-10 path,
-.fill-black-10 g { fill: var(--black-10); }
-.fill-black-20 path,
-.fill-black-20 g { fill: var(--black-20); }
-.fill-black-30 path,
-.fill-black-30 g { fill: var(--black-30); }
-.fill-black-40 path,
-.fill-black-40 g { fill: var(--black-40); }
-.fill-black-50 path,
-.fill-black-50 g { fill: var(--black-50); }
-.fill-black-60 path,
-.fill-black-60 g { fill: var(--black-60); }
-.fill-black-70 path,
-.fill-black-70 g { fill: var(--black-70); }
-.fill-black-80 path,
-.fill-black-80 g { fill: var(--black-80); }
-.fill-black-90 path,
-.fill-black-90 g { fill: var(--black-90); }
-
-.fill-darkgrey path,
-.fill-darkgrey g { fill: var(--darkgrey); }
-.fill-middarkgrey path,
-.fill-middarkgrey g { fill: var(--middarkgrey); }
-.fill-midgrey path,
-.fill-midgrey g { fill: var(--midgrey); }
-.fill-midlightgrey path,
-.fill-midlightgrey g { fill: var(--midlightgrey); }
-.fill-lightgrey path,
-.fill-lightgrey g { fill: var(--lightgrey); }
-.fill-whitegrey path,
-.fill-whitegrey g { fill: var(--whitegrey); }
-
-/* Shades */
-.fill-blue-p3 path,
-.fill-blue-p3 g { fill: var(--blue-p3); }
-.fill-blue-p2 path,
-.fill-blue-p2 g { fill: var(--blue-p2); }
-.fill-blue-p1 path,
-.fill-blue-p1 g { fill: var(--blue-p1); }
-.fill-blue-m1 path,
-.fill-blue-m1 g { fill: var(--blue-m1); }
-.fill-blue-m2 path,
-.fill-blue-m2 g { fill: var(--blue-m2); }
-.fill-blue-m3 path,
-.fill-blue-m3 g { fill: var(--blue-m3); }
-
-.fill-green-p3 path,
-.fill-green-p3 g { fill: var(--green-p3); }
-.fill-green-p2 path,
-.fill-green-p2 g { fill: var(--green-p2); }
-.fill-green-p1 path,
-.fill-green-p1 g { fill: var(--green-p1); }
-.fill-green-m1 path,
-.fill-green-m1 g { fill: var(--green-m1); }
-.fill-green-m2 path,
-.fill-green-m2 g { fill: var(--green-m2); }
-.fill-green-m3 path,
-.fill-green-m3 g { fill: var(--green-m3); }
-
-.fill-purple-p3 path,
-.fill-purple-p3 g { fill: var(--purple-p3); }
-.fill-purple-p2 path,
-.fill-purple-p2 g { fill: var(--purple-p2); }
-.fill-purple-p1 path,
-.fill-purple-p1 g { fill: var(--purple-p1); }
-.fill-purple-m1 path,
-.fill-purple-m1 g { fill: var(--purple-m1); }
-.fill-purple-m2 path,
-.fill-purple-m2 g { fill: var(--purple-m2); }
-.fill-purple-m3 path,
-.fill-purple-m3 g { fill: var(--purple-m3); }
-
-.fill-yellow-p3 path,
-.fill-yellow-p3 g { fill: var(--yellow-p3); }
-.fill-yellow-p2 path,
-.fill-yellow-p2 g { fill: var(--yellow-p2); }
-.fill-yellow-p1 path,
-.fill-yellow-p1 g { fill: var(--yellow-p1); }
-.fill-yellow-m1 path,
-.fill-yellow-m1 g { fill: var(--yellow-m1); }
-.fill-yellow-m2 path,
-.fill-yellow-m2 g { fill: var(--yellow-m2); }
-.fill-yellow-m3 path,
-.fill-yellow-m3 g { fill: var(--yellow-m3); }
-
-.fill-red-p3 path,
-.fill-red-p3 g { fill: var(--red-p3); }
-.fill-red-p2 path,
-.fill-red-p2 g { fill: var(--red-p2); }
-.fill-red-p1 path,
-.fill-red-p1 g { fill: var(--red-p1); }
-.fill-red-m1 path,
-.fill-red-m1 g { fill: var(--red-m1); }
-.fill-red-m2 path,
-.fill-red-m2 g { fill: var(--red-m2); }
-.fill-red-m3 path,
-.fill-red-m3 g { fill: var(--red-m3); }
-
-.fill-pink-p3 path,
-.fill-pink-p3 g { fill: var(--pink-p3); }
-.fill-pink-p2 path,
-.fill-pink-p2 g { fill: var(--pink-p2); }
-.fill-pink-p1 path,
-.fill-pink-p1 g { fill: var(--pink-p1); }
-.fill-pink-m1 path,
-.fill-pink-m1 g { fill: var(--pink-m1); }
-.fill-pink-m2 path,
-.fill-pink-m2 g { fill: var(--pink-m2); }
-.fill-pink-m3 path,
-.fill-pink-m3 g { fill: var(--pink-m3); }
-
-.fill-darkgrey-p2 path,
-.fill-darkgrey-p2 g { fill: var(--darkgrey-p2); }
-.fill-darkgrey-p1 path,
-.fill-darkgrey-p1 g { fill: var(--darkgrey-p1); }
-.fill-darkgrey-m1 path,
-.fill-darkgrey-m1 g { fill: var(--darkgrey-m1); }
-.fill-darkgrey-m2 path,
-.fill-darkgrey-m2 g { fill: var(--darkgrey-m2); }
-
-.fill-middarkgrey-p2 path,
-.fill-middarkgrey-p2 g { fill: var(--middarkgrey-p2); }
-.fill-middarkgrey-p1 path,
-.fill-middarkgrey-p1 g { fill: var(--middarkgrey-p1); }
-.fill-middarkgrey-m1 path,
-.fill-middarkgrey-m1 g { fill: var(--middarkgrey-m1); }
-.fill-middarkgrey-m2 path,
-.fill-middarkgrey-m2 g { fill: var(--middarkgrey-m2); }
-
-.fill-midgrey-p2 path,
-.fill-midgrey-p2 g { fill: var(--midgrey-p2); }
-.fill-midgrey-p1 path,
-.fill-midgrey-p1 g { fill: var(--midgrey-p1); }
-.fill-midgrey-m1 path,
-.fill-midgrey-m1 g { fill: var(--midgrey-m1); }
-.fill-midgrey-m2 path,
-.fill-midgrey-m2 g { fill: var(--midgrey-m2); }
-
-.fill-midlightgrey-p2 path,
-.fill-midlightgrey-p2 g { fill: var(--midlightgrey-p2); }
-.fill-midlightgrey-p1 path,
-.fill-midlightgrey-p1 g { fill: var(--midlightgrey-p1); }
-.fill-midlightgrey-m1 path,
-.fill-midlightgrey-m1 g { fill: var(--midlightgrey-m1); }
-.fill-midlightgrey-m2 path,
-.fill-midlightgrey-m2 g { fill: var(--midlightgrey-m2); }
-
-.fill-lightgrey-p2 path,
-.fill-lightgrey-p2 g { fill: var(--lightgrey-p2); }
-.fill-lightgrey-p1 path,
-.fill-lightgrey-p1 g { fill: var(--lightgrey-p1); }
-.fill-lightgrey-m1 path,
-.fill-lightgrey-m1 g { fill: var(--lightgrey-m1); }
-.fill-lightgrey-m2 path,
-.fill-lightgrey-m2 g { fill: var(--lightgrey-m2); }
-
-.fill-whitegrey-p2 path,
-.fill-whitegrey-p2 g { fill: var(--whitegrey-p2); }
-.fill-whitegrey-p1 path,
-.fill-whitegrey-p1 g { fill: var(--whitegrey-p1); }
-.fill-whitegrey-m1 path,
-.fill-whitegrey-m1 g { fill: var(--whitegrey-m1); }
-.fill-whitegrey-m2 path,
-.fill-whitegrey-m2 g { fill: var(--whitegrey-m2); }
-
-.fill-color-inherit path,
-.fill-color-inherit g { fill: inherit; }
-
-.fill-white path,
-.fill-white g       {  fill: var(--white)  }
-
-
-.stroke-blue path,
-.stroke-blue path path,
-.stroke-blue g { stroke: var(--blue); }
-.stroke-green path,
-.stroke-green g { stroke: var(--green); }
-.stroke-purple path,
-.stroke-purple g { stroke: var(--purple); }
-.stroke-yellow path,
-.stroke-yellow g { stroke: var(--yellow); }
-.stroke-red path,
-.stroke-red g { stroke: var(--red); }
-.stroke-pink path,
-.stroke-pink g { stroke: var(--pink); }
-.stroke-white path,
-.stroke-white g { stroke: var(--white); }
-
-.stroke-white-10 path,
-.stroke-white-10 g { stroke: var(--white-10); }
-.stroke-white-20 path,
-.stroke-white-20 g { stroke: var(--white-20); }
-.stroke-white-30 path,
-.stroke-white-30 g { stroke: var(--white-30); }
-.stroke-white-40 path,
-.stroke-white-40 g { stroke: var(--white-40); }
-.stroke-white-50 path,
-.stroke-white-50 g { stroke: var(--white-50); }
-.stroke-white-60 path,
-.stroke-white-60 g { stroke: var(--white-60); }
-.stroke-white-70 path,
-.stroke-white-70 g { stroke: var(--white-70); }
-.stroke-white-80 path,
-.stroke-white-80 g { stroke: var(--white-80); }
-.stroke-white-90 path,
-.stroke-white-90 g { stroke: var(--white-90); }
-
-.stroke-black-10 path,
-.stroke-black-10 g { stroke: var(--black-10); }
-.stroke-black-20 path,
-.stroke-black-20 g { stroke: var(--black-20); }
-.stroke-black-30 path,
-.stroke-black-30 g { stroke: var(--black-30); }
-.stroke-black-40 path,
-.stroke-black-40 g { stroke: var(--black-40); }
-.stroke-black-50 path,
-.stroke-black-50 g { stroke: var(--black-50); }
-.stroke-black-60 path,
-.stroke-black-60 g { stroke: var(--black-60); }
-.stroke-black-70 path,
-.stroke-black-70 g { stroke: var(--black-70); }
-.stroke-black-80 path,
-.stroke-black-80 g { stroke: var(--black-80); }
-.stroke-black-90 path,
-.stroke-black-90 g { stroke: var(--black-90); }
-
-.stroke-darkgrey path,
-.stroke-darkgrey g { stroke: var(--darkgrey); }
-.stroke-middarkgrey path,
-.stroke-middarkgrey g { stroke: var(--middarkgrey); }
-.stroke-midgrey path,
-.stroke-midgrey g { stroke: var(--midgrey); }
-.stroke-midlightgrey path,
-.stroke-midlightgrey g { stroke: var(--midlightgrey); }
-.stroke-lightgrey path,
-.stroke-lightgrey g { stroke: var(--lightgrey); }
-.stroke-whitegrey path,
-.stroke-whitegrey g { stroke: var(--whitegrey); }
-
-/* Shades */
-.stroke-blue-p3 path,
-.stroke-blue-p3 g { stroke: var(--blue-p3); }
-.stroke-blue-p2 path,
-.stroke-blue-p2 g { stroke: var(--blue-p2); }
-.stroke-blue-p1 path,
-.stroke-blue-p1 g { stroke: var(--blue-p1); }
-.stroke-blue-m1 path,
-.stroke-blue-m1 g { stroke: var(--blue-m1); }
-.stroke-blue-m2 path,
-.stroke-blue-m2 g { stroke: var(--blue-m2); }
-.stroke-blue-m3 path,
-.stroke-blue-m3 g { stroke: var(--blue-m3); }
-
-.stroke-green-p3 path,
-.stroke-green-p3 g { stroke: var(--green-p3); }
-.stroke-green-p2 path,
-.stroke-green-p2 g { stroke: var(--green-p2); }
-.stroke-green-p1 path,
-.stroke-green-p1 g { stroke: var(--green-p1); }
-.stroke-green-m1 path,
-.stroke-green-m1 g { stroke: var(--green-m1); }
-.stroke-green-m2 path,
-.stroke-green-m2 g { stroke: var(--green-m2); }
-.stroke-green-m3 path,
-.stroke-green-m3 g { stroke: var(--green-m3); }
-
-.stroke-purple-p3 path,
-.stroke-purple-p3 g { stroke: var(--purple-p3); }
-.stroke-purple-p2 path,
-.stroke-purple-p2 g { stroke: var(--purple-p2); }
-.stroke-purple-p1 path,
-.stroke-purple-p1 g { stroke: var(--purple-p1); }
-.stroke-purple-m1 path,
-.stroke-purple-m1 g { stroke: var(--purple-m1); }
-.stroke-purple-m2 path,
-.stroke-purple-m2 g { stroke: var(--purple-m2); }
-.stroke-purple-m3 path,
-.stroke-purple-m3 g { stroke: var(--purple-m3); }
-
-.stroke-yellow-p3 path,
-.stroke-yellow-p3 g { stroke: var(--yellow-p3); }
-.stroke-yellow-p2 path,
-.stroke-yellow-p2 g { stroke: var(--yellow-p2); }
-.stroke-yellow-p1 path,
-.stroke-yellow-p1 g { stroke: var(--yellow-p1); }
-.stroke-yellow-m1 path,
-.stroke-yellow-m1 g { stroke: var(--yellow-m1); }
-.stroke-yellow-m2 path,
-.stroke-yellow-m2 g { stroke: var(--yellow-m2); }
-.stroke-yellow-m3 path,
-.stroke-yellow-m3 g { stroke: var(--yellow-m3); }
-
-.stroke-red-p3 path,
-.stroke-red-p3 g { stroke: var(--red-p3); }
-.stroke-red-p2 path,
-.stroke-red-p2 g { stroke: var(--red-p2); }
-.stroke-red-p1 path,
-.stroke-red-p1 g { stroke: var(--red-p1); }
-.stroke-red-m1 path,
-.stroke-red-m1 g { stroke: var(--red-m1); }
-.stroke-red-m2 path,
-.stroke-red-m2 g { stroke: var(--red-m2); }
-.stroke-red-m3 path,
-.stroke-red-m3 g { stroke: var(--red-m3); }
-
-.stroke-pink-p3 path,
-.stroke-pink-p3 g { stroke: var(--pink-p3); }
-.stroke-pink-p2 path,
-.stroke-pink-p2 g { stroke: var(--pink-p2); }
-.stroke-pink-p1 path,
-.stroke-pink-p1 g { stroke: var(--pink-p1); }
-.stroke-pink-m1 path,
-.stroke-pink-m1 g { stroke: var(--pink-m1); }
-.stroke-pink-m2 path,
-.stroke-pink-m2 g { stroke: var(--pink-m2); }
-.stroke-pink-m3 path,
-.stroke-pink-m3 g { stroke: var(--pink-m3); }
-
-.stroke-darkgrey-p2 path,
-.stroke-darkgrey-p2 g { stroke: var(--darkgrey-p2); }
-.stroke-darkgrey-p1 path,
-.stroke-darkgrey-p1 g { stroke: var(--darkgrey-p1); }
-.stroke-darkgrey-m1 path,
-.stroke-darkgrey-m1 g { stroke: var(--darkgrey-m1); }
-.stroke-darkgrey-m2 path,
-.stroke-darkgrey-m2 g { stroke: var(--darkgrey-m2); }
-
-.stroke-middarkgrey-p2 path,
-.stroke-middarkgrey-p2 g { stroke: var(--middarkgrey-p2); }
-.stroke-middarkgrey-p1 path,
-.stroke-middarkgrey-p1 g { stroke: var(--middarkgrey-p1); }
-.stroke-middarkgrey-m1 path,
-.stroke-middarkgrey-m1 g { stroke: var(--middarkgrey-m1); }
-.stroke-middarkgrey-m2 path,
-.stroke-middarkgrey-m2 g { stroke: var(--middarkgrey-m2); }
-
-.stroke-midgrey-p2 path,
-.stroke-midgrey-p2 g { stroke: var(--midgrey-p2); }
-.stroke-midgrey-p1 path,
-.stroke-midgrey-p1 g { stroke: var(--midgrey-p1); }
-.stroke-midgrey-m1 path,
-.stroke-midgrey-m1 g { stroke: var(--midgrey-m1); }
-.stroke-midgrey-m2 path,
-.stroke-midgrey-m2 g { stroke: var(--midgrey-m2); }
-
-.stroke-midlightgrey-p2 path,
-.stroke-midlightgrey-p2 g { stroke: var(--midlightgrey-p2); }
-.stroke-midlightgrey-p1 path,
-.stroke-midlightgrey-p1 g { stroke: var(--midlightgrey-p1); }
-.stroke-midlightgrey-m1 path,
-.stroke-midlightgrey-m1 g { stroke: var(--midlightgrey-m1); }
-.stroke-midlightgrey-m2 path,
-.stroke-midlightgrey-m2 g { stroke: var(--midlightgrey-m2); }
-
-.stroke-lightgrey-p2 path,
-.stroke-lightgrey-p2 g { stroke: var(--lightgrey-p2); }
-.stroke-lightgrey-p1 path,
-.stroke-lightgrey-p1 g { stroke: var(--lightgrey-p1); }
-.stroke-lightgrey-m1 path,
-.stroke-lightgrey-m1 g { stroke: var(--lightgrey-m1); }
-.stroke-lightgrey-m2 path,
-.stroke-lightgrey-m2 g { stroke: var(--lightgrey-m2); }
-
-.stroke-whitegrey-p2 path,
-.stroke-whitegrey-p2 g { stroke: var(--whitegrey-p2); }
-.stroke-whitegrey-p1 path,
-.stroke-whitegrey-p1 g { stroke: var(--whitegrey-p1); }
-.stroke-whitegrey-m1 path,
-.stroke-whitegrey-m1 g { stroke: var(--whitegrey-m1); }
-.stroke-whitegrey-m2 path,
-.stroke-whitegrey-m2 g { stroke: var(--whitegrey-m2); }
-
-.stroke-color-inherit path,
-.stroke-color-inherit g { stroke: inherit; }
-
-.stroke-white path,
-.stroke-white g       {  stroke: var(--white)  }
-
-
-/* Custom icon sizes */
-.ih1 { height: .8rem;  }
-.iw1 { width: .8rem;  }
-
-.ih2 { height: 1.2rem;  }
-.iw2 { width: 1.2rem;  }
-
-.ih3 { height: 1.6rem;  }
-.iw3 { width: 1.6rem;  }
-
-.ih4 { height: 2.0rem;  }
-.iw4 { width: 2.0rem;  }
-
-.ih5 { height: 2.4rem;  }
-.iw5 { width: 2.4rem;  }
-
-.ih6 { height: 3.2rem;  }
-.iw6 { width: 3.2rem;  }
-
-
-@media (--breakpoint-not-small) {
-    .ih1-ns { height: .8rem;  }
-    .iw1-ns { width: .8rem;  }
-    .ih2-ns { height: 1.2rem;  }
-    .iw2-ns { width: 1.2rem;  }
-    .ih3-ns { height: 1.6rem;  }
-    .iw3-ns { width: 1.6rem;  }
-    .ih4-ns { height: 2.0rem;  }
-    .iw4-ns { width: 2.0rem;  }
-    .ih5-ns { height: 2.4rem;  }
-    .iw5-ns { width: 2.4rem;  }
-    .ih6-ns { height: 3.2rem;  }
-    .iw6-ns { width: 3.2rem;  }
-}
-
-@media (--breakpoint-medium) {
-    .ih1-m { height: .8rem;  }
-    .iw1-m { width: .8rem;  }
-    .ih2-m { height: 1.2rem;  }
-    .iw2-m { width: 1.2rem;  }
-    .ih3-m { height: 1.6rem;  }
-    .iw3-m { width: 1.6rem;  }
-    .ih4-m { height: 2.0rem;  }
-    .iw4-m { width: 2.0rem;  }
-    .ih5-m { height: 2.4rem;  }
-    .iw5-m { width: 2.4rem;  }
-    .ih6-m { height: 3.2rem;  }
-    .iw6-m { width: 3.2rem;  }
-}
-
-@media (--breakpoint-large) {
-    .ih1-l { height: .8rem;  }
-    .iw1-l { width: .8rem;  }
-    .ih2-l { height: 1.2rem;  }
-    .iw2-l { width: 1.2rem;  }
-    .ih3-l { height: 1.6rem;  }
-    .iw3-l { width: 1.6rem;  }
-    .ih4-l { height: 2.0rem;  }
-    .iw4-l { width: 2.0rem;  }
-    .ih5-l { height: 2.4rem;  }
-    .iw5-l { width: 2.4rem;  }
-    .ih6-l { height: 3.2rem;  }
-    .iw6-l { width: 3.2rem;  }
-}
diff --git a/app/styles/spirit-product/_images.css b/app/styles/spirit-product/_images.css
deleted file mode 100644
index 73380eacd7..0000000000
--- a/app/styles/spirit-product/_images.css
+++ /dev/null
@@ -1,3 +0,0 @@
-/* Responsive images! */
-
-img { max-width: 100%; }
diff --git a/app/styles/spirit-product/_letter-spacing.css b/app/styles/spirit-product/_letter-spacing.css
deleted file mode 100644
index 37e111a4e0..0000000000
--- a/app/styles/spirit-product/_letter-spacing.css
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
-
-   Media Query Extensions:
-     -ns = not-small
-     -m  = medium
-     -l  = large
-
-*/
-
-
-.tracked-1 { letter-spacing: .02rem; }
-.tracked-2 { letter-spacing: .04rem; }
-.tracked-3 { letter-spacing: .06rem; }
-
-
-@media (--breakpoint-not-small) {
-    .tracked-1-ns { letter-spacing: .02rem; }
-    .tracked-2-ns { letter-spacing: .04rem; }
-    .tracked-3-ns { letter-spacing: .06rem; }
-}
-
-@media (--breakpoint-medium) {
-    .tracked-1-m { letter-spacing: .02rem; }
-    .tracked-2-m { letter-spacing: .04rem; }
-    .tracked-3-m { letter-spacing: .06rem; }
-}
-
-@media (--breakpoint-large) {
-    .tracked-1-l { letter-spacing: .02rem; }
-    .tracked-2-l { letter-spacing: .04rem; }
-    .tracked-3-l { letter-spacing: .06rem; }
-}
diff --git a/app/styles/spirit-product/_line-height.css b/app/styles/spirit-product/_line-height.css
deleted file mode 100644
index 2ee1182545..0000000000
--- a/app/styles/spirit-product/_line-height.css
+++ /dev/null
@@ -1,50 +0,0 @@
-/*
-
-   Media Query Extensions:
-     -ns = not-small
-     -m  = medium
-     -l  = large
-
-*/
-
-:root {
-    --lh-1-1: 1.1em;
-    --lh-1-3: 1.333em;
-    --lh-1-4: 1.4em;
-    --lh-1-6: 1.6em;
-    --lh-2-0: 2.0em;
-}
-
-.lh-solid       { line-height: var(--lh-1-1); }
-.lh-heading     { line-height: var(--lh-1-3); }
-.lh-title       { line-height: var(--lh-1-4); }
-.lh-copy        { line-height: var(--lh-1-6); }
-.lh-list        { line-height: 3.2rem; }
-.lh-code        { line-height: var(--lh-1-3); }
-
-@media (--breakpoint-not-small) {
-    .lh-solid-ns       { line-height: var(--lh-1-1); }
-    .lh-heading-ns     { line-height: var(--lh-1-3); }
-    .lh-title-ns       { line-height: var(--lh-1-4); }
-    .lh-copy-ns        { line-height: var(--lh-1-6); }
-    .lh-list-ns        { line-height: var(--lh-2-0); }
-    .lh-code-ns        { line-height: var(--lh-1-3); }
-}
-
-@media (--breakpoint-medium) {
-    .lh-solid-m       { line-height: var(--lh-1-1); }
-    .lh-heading-m     { line-height: var(--lh-1-3); }
-    .lh-title-m       { line-height: var(--lh-1-4); }
-    .lh-copy-m        { line-height: var(--lh-1-6); }
-    .lh-list-m        { line-height: var(--lh-2-0); }
-    .lh-code-m        { line-height: var(--lh-1-3); }
-}
-
-@media (--breakpoint-large) {
-    .lh-solid-l       { line-height: var(--lh-1-1); }
-    .lh-heading-l     { line-height: var(--lh-1-3); }
-    .lh-title-l       { line-height: var(--lh-1-4); }
-    .lh-copy-l        { line-height: var(--lh-1-6); }
-    .lh-list-l        { line-height: var(--lh-2-0); }
-    .lh-code-l        { line-height: var(--lh-1-3); }
-}
diff --git a/app/styles/spirit-product/_links.css b/app/styles/spirit-product/_links.css
deleted file mode 100644
index 35ef50903f..0000000000
--- a/app/styles/spirit-product/_links.css
+++ /dev/null
@@ -1,19 +0,0 @@
-.link {
-  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;
-}
diff --git a/app/styles/spirit-product/_lists.css b/app/styles/spirit-product/_lists.css
deleted file mode 100644
index 8015f12f62..0000000000
--- a/app/styles/spirit-product/_lists.css
+++ /dev/null
@@ -1 +0,0 @@
-.list {         list-style-type: none; }
diff --git a/app/styles/spirit-product/_max-widths.css b/app/styles/spirit-product/_max-widths.css
deleted file mode 100644
index f5e6c0b1f8..0000000000
--- a/app/styles/spirit-product/_max-widths.css
+++ /dev/null
@@ -1,178 +0,0 @@
-/*
-
-    Base:
-        mw = max width
-
-    Value:
-        (n) = (n * grid size)
-        -(m) = (m)%
-        -s = small
-        -m = medium
-        -l = large
-        -xl = extra large
-        -none = none
-
-    Media Query Extensions:
-        -ns = not-small
-        -m  = medium
-        -l  = large
-
-*/
-
-.mw1 {    max-width: calc(var(--grid-size) * 1); }
-.mw2 {    max-width: calc(var(--grid-size) * 2); }
-.mw3 {    max-width: calc(var(--grid-size) * 3); }
-.mw4 {    max-width: calc(var(--grid-size) * 4); }
-.mw5 {    max-width: calc(var(--grid-size) * 5); }
-.mw6 {    max-width: calc(var(--grid-size) * 6); }
-.mw7 {    max-width: calc(var(--grid-size) * 7); }
-.mw8 {    max-width: calc(var(--grid-size) * 8); }
-.mw9 {    max-width: calc(var(--grid-size) * 9); }
-.mw10 {    max-width: calc(var(--grid-size) * 10); }
-.mw11 {    max-width: calc(var(--grid-size) * 11); }
-.mw12 {    max-width: calc(var(--grid-size) * 12); }
-.mw13 {    max-width: calc(var(--grid-size) * 13); }
-.mw14 {    max-width: calc(var(--grid-size) * 14); }
-.mw15 {    max-width: calc(var(--grid-size) * 15); }
-.mw16 {    max-width: calc(var(--grid-size) * 16); }
-.mw17 {    max-width: calc(var(--grid-size) * 17); }
-.mw18 {    max-width: calc(var(--grid-size) * 18); }
-.mw19 {    max-width: calc(var(--grid-size) * 19); }
-.mw20 {    max-width: calc(var(--grid-size) * 20); }
-.mw25 {    max-width: calc(var(--grid-size) * 25); }
-.mw30 {    max-width: calc(var(--grid-size) * 30); }
-.mw40 {    max-width: calc(var(--grid-size) * 40); }
-.mw50 {    max-width: calc(var(--grid-size) * 50); }
-.mw70 {    max-width: calc(var(--grid-size) * 70); }
-.mw88 {    max-width: calc(var(--grid-size) * 88); }
-
-.mw-70   { max-width: 70%; }
-.mw-80   { max-width: 80%; }
-.mw-90   { max-width: 90%; }
-.mw-100  { max-width: 100%; }
-
-.mw-s  {  max-width: 48rem; }
-.mw-m  {  max-width: 68rem; }
-.mw-l {  max-width: 98rem; }
-.mw-xl {  max-width: 114rem; }
-.mw-none { max-width: none; }
-
-@media (--breakpoint-not-small) {
-    .mw1-ns {    max-width: calc(var(--grid-size) * 1); }
-    .mw2-ns {    max-width: calc(var(--grid-size) * 2); }
-    .mw3-ns {    max-width: calc(var(--grid-size) * 3); }
-    .mw4-ns {    max-width: calc(var(--grid-size) * 4); }
-    .mw5-ns {    max-width: calc(var(--grid-size) * 5); }
-    .mw6-ns {    max-width: calc(var(--grid-size) * 6); }
-    .mw7-ns {    max-width: calc(var(--grid-size) * 7); }
-    .mw8-ns {    max-width: calc(var(--grid-size) * 8); }
-    .mw9-ns {    max-width: calc(var(--grid-size) * 9); }
-    .mw10-ns {    max-width: calc(var(--grid-size) * 10); }
-    .mw11-ns {    max-width: calc(var(--grid-size) * 11); }
-    .mw12-ns {    max-width: calc(var(--grid-size) * 12); }
-    .mw13-ns {    max-width: calc(var(--grid-size) * 13); }
-    .mw14-ns {    max-width: calc(var(--grid-size) * 14); }
-    .mw15-ns {    max-width: calc(var(--grid-size) * 15); }
-    .mw16-ns {    max-width: calc(var(--grid-size) * 16); }
-    .mw17-ns {    max-width: calc(var(--grid-size) * 17); }
-    .mw18-ns {    max-width: calc(var(--grid-size) * 18); }
-    .mw19-ns {    max-width: calc(var(--grid-size) * 19); }
-    .mw20-ns {    max-width: calc(var(--grid-size) * 20); }
-    .mw25-ns {    max-width: calc(var(--grid-size) * 25); }
-    .mw30-ns {    max-width: calc(var(--grid-size) * 30); }
-    .mw40-ns {    max-width: calc(var(--grid-size) * 40); }
-    .mw50-ns {    max-width: calc(var(--grid-size) * 50); }
-    .mw70-ns {    max-width: calc(var(--grid-size) * 70); }
-    .mw88-ns {    max-width: calc(var(--grid-size) * 88); }
-
-    .mw-70-ns { max-width: 70%; }
-    .mw-80-ns { max-width: 80%; }
-    .mw-90-ns { max-width: 90%; }
-    .mw-100-ns { max-width: 100%; }
-
-    .mw-s-ns {  max-width: 48rem; }
-    .mw-m-ns {  max-width: 68rem; }
-    .mw-l-ns {  max-width: 98rem; }
-    .mw-xl-ns {  max-width: 114rem; }
-    .mw-none-ns { max-width: none; }
-}
-
-@media (--breakpoint-medium) {
-    .mw1-m {    max-width: calc(var(--grid-size) * 1); }
-    .mw2-m {    max-width: calc(var(--grid-size) * 2); }
-    .mw3-m {    max-width: calc(var(--grid-size) * 3); }
-    .mw4-m {    max-width: calc(var(--grid-size) * 4); }
-    .mw5-m {    max-width: calc(var(--grid-size) * 5); }
-    .mw6-m {    max-width: calc(var(--grid-size) * 6); }
-    .mw7-m {    max-width: calc(var(--grid-size) * 7); }
-    .mw8-m {    max-width: calc(var(--grid-size) * 8); }
-    .mw9-m {    max-width: calc(var(--grid-size) * 9); }
-    .mw10-m {    max-width: calc(var(--grid-size) * 10); }
-    .mw11-m {    max-width: calc(var(--grid-size) * 11); }
-    .mw12-m {    max-width: calc(var(--grid-size) * 12); }
-    .mw13-m {    max-width: calc(var(--grid-size) * 13); }
-    .mw14-m {    max-width: calc(var(--grid-size) * 14); }
-    .mw15-m {    max-width: calc(var(--grid-size) * 15); }
-    .mw16-m {    max-width: calc(var(--grid-size) * 16); }
-    .mw17-m {    max-width: calc(var(--grid-size) * 17); }
-    .mw18-m {    max-width: calc(var(--grid-size) * 18); }
-    .mw19-m {    max-width: calc(var(--grid-size) * 19); }
-    .mw20-m {    max-width: calc(var(--grid-size) * 20); }
-    .mw25-m {    max-width: calc(var(--grid-size) * 25); }
-    .mw30-m {    max-width: calc(var(--grid-size) * 30); }
-    .mw40-m {    max-width: calc(var(--grid-size) * 40); }
-    .mw50-m {    max-width: calc(var(--grid-size) * 50); }
-    .mw70-m {    max-width: calc(var(--grid-size) * 70); }
-    .mw88-m {    max-width: calc(var(--grid-size) * 88); }
-
-    .mw-70-m { max-width: 70%; }
-    .mw-80-m { max-width: 80%; }
-    .mw-90-m { max-width: 90%; }
-    .mw-100-m { max-width: 100%; }
-
-    .mw-s-m {  max-width: 48rem; }
-    .mw-m-m {  max-width: 68rem; }
-    .mw-l-m {  max-width: 98rem; }
-    .mw-xl-m {  max-width: 114rem; }
-    .mw-none-m { max-width: none; }
-}
-
-@media (--breakpoint-large) {
-    .mw1-l {    max-width: calc(var(--grid-size) * 1); }
-    .mw2-l {    max-width: calc(var(--grid-size) * 2); }
-    .mw3-l {    max-width: calc(var(--grid-size) * 3); }
-    .mw4-l {    max-width: calc(var(--grid-size) * 4); }
-    .mw5-l {    max-width: calc(var(--grid-size) * 5); }
-    .mw6-l {    max-width: calc(var(--grid-size) * 6); }
-    .mw7-l {    max-width: calc(var(--grid-size) * 7); }
-    .mw8-l {    max-width: calc(var(--grid-size) * 8); }
-    .mw9-l {    max-width: calc(var(--grid-size) * 9); }
-    .mw10-l {    max-width: calc(var(--grid-size) * 10); }
-    .mw11-l {    max-width: calc(var(--grid-size) * 11); }
-    .mw12-l {    max-width: calc(var(--grid-size) * 12); }
-    .mw13-l {    max-width: calc(var(--grid-size) * 13); }
-    .mw14-l {    max-width: calc(var(--grid-size) * 14); }
-    .mw15-l {    max-width: calc(var(--grid-size) * 15); }
-    .mw16-l {    max-width: calc(var(--grid-size) * 16); }
-    .mw17-l {    max-width: calc(var(--grid-size) * 17); }
-    .mw18-l {    max-width: calc(var(--grid-size) * 18); }
-    .mw19-l {    max-width: calc(var(--grid-size) * 19); }
-    .mw20-l {    max-width: calc(var(--grid-size) * 20); }
-    .mw25-l {    max-width: calc(var(--grid-size) * 25); }
-    .mw30-l {    max-width: calc(var(--grid-size) * 30); }
-    .mw40-l {    max-width: calc(var(--grid-size) * 40); }
-    .mw50-l {    max-width: calc(var(--grid-size) * 50); }
-    .mw70-l {    max-width: calc(var(--grid-size) * 70); }
-    .mw88-l {    max-width: calc(var(--grid-size) * 88); }
-
-    .mw-70-l { max-width: 70%; }
-    .mw-80-l { max-width: 80%; }
-    .mw-90-l { max-width: 90%; }
-    .mw-100-l { max-width: 100%; }
-
-    .mw-s-l {  max-width: 48rem; }
-    .mw-l-l {  max-width: 68rem; }
-    .mw-l-l {  max-width: 98rem; }
-    .mw-xl-l {  max-width: 114rem; }
-    .mw-none-l { max-width: none; }
-}
diff --git a/app/styles/spirit-product/_media-queries.css b/app/styles/spirit-product/_media-queries.css
deleted file mode 100644
index 2853aa6a02..0000000000
--- a/app/styles/spirit-product/_media-queries.css
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
-
-  The media queries can be referenced like so:
-
-  @media (--breakpoint-not-small) {
-    .medium-and-larger-specific-style {
-      background-color: red;
-    }
-  }
-
-  @media (--breakpoint-medium) {
-    .medium-screen-specific-style {
-      background-color: red;
-    }
-  }
-
-  @media (--breakpoint-large) {
-    .large-and-larger-screen-specific-style {
-      background-color: red;
-    }
-  }
-
-*/
-
-/* Media Queries */
-@custom-media --breakpoint-not-small screen and (min-width: 44rem);
-@custom-media --breakpoint-medium screen and (min-width: 44rem) and (max-width: 66rem);
-@custom-media --breakpoint-large screen and (min-width: 66rem);
diff --git a/app/styles/spirit-product/_min-heights.css b/app/styles/spirit-product/_min-heights.css
deleted file mode 100644
index d9c4834972..0000000000
--- a/app/styles/spirit-product/_min-heights.css
+++ /dev/null
@@ -1,158 +0,0 @@
-/*
-
-    Base:
-        mih = min height
-
-    Value:
-        (n) = (n * grid size)
-        -(m) = percentage value
-        -none = none
-
-    Media Query Extensions:
-        -ns = not-small
-        -m  = medium
-        -l  = large
-
-*/
-
-.mih1 {    min-height: calc(var(--grid-size) * 1); }
-.mih2 {    min-height: calc(var(--grid-size) * 2); }
-.mih3 {    min-height: calc(var(--grid-size) * 3); }
-.mih4 {    min-height: calc(var(--grid-size) * 4); }
-.mih5 {    min-height: calc(var(--grid-size) * 5); }
-.mih6 {    min-height: calc(var(--grid-size) * 6); }
-.mih7 {    min-height: calc(var(--grid-size) * 7); }
-.mih8 {    min-height: calc(var(--grid-size) * 8); }
-.mih9 {    min-height: calc(var(--grid-size) * 9); }
-.mih10 {    min-height: calc(var(--grid-size) * 10); }
-.mih11 {    min-height: calc(var(--grid-size) * 11); }
-.mih12 {    min-height: calc(var(--grid-size) * 12); }
-.mih13 {    min-height: calc(var(--grid-size) * 13); }
-.mih14 {    min-height: calc(var(--grid-size) * 14); }
-.mih15 {    min-height: calc(var(--grid-size) * 15); }
-.mih16 {    min-height: calc(var(--grid-size) * 16); }
-.mih17 {    min-height: calc(var(--grid-size) * 17); }
-.mih18 {    min-height: calc(var(--grid-size) * 18); }
-.mih19 {    min-height: calc(var(--grid-size) * 19); }
-.mih20 {    min-height: calc(var(--grid-size) * 20); }
-.mih25 {    min-height: calc(var(--grid-size) * 25); }
-.mih30 {    min-height: calc(var(--grid-size) * 30); }
-.mih40 {    min-height: calc(var(--grid-size) * 40); }
-.mih50 {    min-height: calc(var(--grid-size) * 50); }
-.mih70 {    min-height: calc(var(--grid-size) * 70); }
-.mih88 {    min-height: calc(var(--grid-size) * 88); }
-
-.mih-70   { min-height: 70%; }
-.mih-80   { min-height: 80%; }
-.mih-90   { min-height: 90%; }
-.mih-100  { min-height: 100%; }
-
-.mih-none { min-height: none; }
-
-@media (--breakpoint-not-small) {
-    .mih1-ns {    min-height: calc(var(--grid-size) * 1); }
-    .mih2-ns {    min-height: calc(var(--grid-size) * 2); }
-    .mih3-ns {    min-height: calc(var(--grid-size) * 3); }
-    .mih4-ns {    min-height: calc(var(--grid-size) * 4); }
-    .mih5-ns {    min-height: calc(var(--grid-size) * 5); }
-    .mih6-ns {    min-height: calc(var(--grid-size) * 6); }
-    .mih7-ns {    min-height: calc(var(--grid-size) * 7); }
-    .mih8-ns {    min-height: calc(var(--grid-size) * 8); }
-    .mih9-ns {    min-height: calc(var(--grid-size) * 9); }
-    .mih10-ns {    min-height: calc(var(--grid-size) * 10); }
-    .mih11-ns {    min-height: calc(var(--grid-size) * 11); }
-    .mih12-ns {    min-height: calc(var(--grid-size) * 12); }
-    .mih13-ns {    min-height: calc(var(--grid-size) * 13); }
-    .mih14-ns {    min-height: calc(var(--grid-size) * 14); }
-    .mih15-ns {    min-height: calc(var(--grid-size) * 15); }
-    .mih16-ns {    min-height: calc(var(--grid-size) * 16); }
-    .mih17-ns {    min-height: calc(var(--grid-size) * 17); }
-    .mih18-ns {    min-height: calc(var(--grid-size) * 18); }
-    .mih19-ns {    min-height: calc(var(--grid-size) * 19); }
-    .mih20-ns {    min-height: calc(var(--grid-size) * 20); }
-    .mih25-ns {    min-height: calc(var(--grid-size) * 25); }
-    .mih30-ns {    min-height: calc(var(--grid-size) * 30); }
-    .mih40-ns {    min-height: calc(var(--grid-size) * 40); }
-    .mih50-ns {    min-height: calc(var(--grid-size) * 50); }
-    .mih70-ns {    min-height: calc(var(--grid-size) * 70); }
-    .mih88-ns {    min-height: calc(var(--grid-size) * 88); }
-
-    .mih-70-ns { min-height: 70%; }
-    .mih-80-ns { min-height: 80%; }
-    .mih-90-ns { min-height: 90%; }
-    .mih-100-ns { min-height: 100%; }
-
-    .mih-none-ns { min-height: none; }
-}
-
-@media (--breakpoint-medium) {
-    .mih1-m {    min-height: calc(var(--grid-size) * 1); }
-    .mih2-m {    min-height: calc(var(--grid-size) * 2); }
-    .mih3-m {    min-height: calc(var(--grid-size) * 3); }
-    .mih4-m {    min-height: calc(var(--grid-size) * 4); }
-    .mih5-m {    min-height: calc(var(--grid-size) * 5); }
-    .mih6-m {    min-height: calc(var(--grid-size) * 6); }
-    .mih7-m {    min-height: calc(var(--grid-size) * 7); }
-    .mih8-m {    min-height: calc(var(--grid-size) * 8); }
-    .mih9-m {    min-height: calc(var(--grid-size) * 9); }
-    .mih10-m {    min-height: calc(var(--grid-size) * 10); }
-    .mih11-m {    min-height: calc(var(--grid-size) * 11); }
-    .mih12-m {    min-height: calc(var(--grid-size) * 12); }
-    .mih13-m {    min-height: calc(var(--grid-size) * 13); }
-    .mih14-m {    min-height: calc(var(--grid-size) * 14); }
-    .mih15-m {    min-height: calc(var(--grid-size) * 15); }
-    .mih16-m {    min-height: calc(var(--grid-size) * 16); }
-    .mih17-m {    min-height: calc(var(--grid-size) * 17); }
-    .mih18-m {    min-height: calc(var(--grid-size) * 18); }
-    .mih19-m {    min-height: calc(var(--grid-size) * 19); }
-    .mih20-m {    min-height: calc(var(--grid-size) * 20); }
-    .mih25-m {    min-height: calc(var(--grid-size) * 25); }
-    .mih30-m {    min-height: calc(var(--grid-size) * 30); }
-    .mih40-m {    min-height: calc(var(--grid-size) * 40); }
-    .mih50-m {    min-height: calc(var(--grid-size) * 50); }
-    .mih70-m {    min-height: calc(var(--grid-size) * 70); }
-    .mih88-m {    min-height: calc(var(--grid-size) * 88); }
-
-    .mih-70-m { min-height: 70%; }
-    .mih-80-m { min-height: 80%; }
-    .mih-90-m { min-height: 90%; }
-    .mih-100-m { min-height: 100%; }
-
-    .mih-none-m { min-height: none; }
-}
-
-@media (--breakpoint-large) {
-    .mih-70-l { min-height: 70%; }
-    .mih-80-l { min-height: 80%; }
-    .mih-90-l { min-height: 90%; }
-    .mih-100-l { min-height: 100%; }
-
-    .mih1-l {    min-height: calc(var(--grid-size) * 1); }
-    .mih2-l {    min-height: calc(var(--grid-size) * 2); }
-    .mih3-l {    min-height: calc(var(--grid-size) * 3); }
-    .mih4-l {    min-height: calc(var(--grid-size) * 4); }
-    .mih5-l {    min-height: calc(var(--grid-size) * 5); }
-    .mih6-l {    min-height: calc(var(--grid-size) * 6); }
-    .mih7-l {    min-height: calc(var(--grid-size) * 7); }
-    .mih8-l {    min-height: calc(var(--grid-size) * 8); }
-    .mih9-l {    min-height: calc(var(--grid-size) * 9); }
-    .mih10-l {    min-height: calc(var(--grid-size) * 10); }
-    .mih11-l {    min-height: calc(var(--grid-size) * 11); }
-    .mih12-l {    min-height: calc(var(--grid-size) * 12); }
-    .mih13-l {    min-height: calc(var(--grid-size) * 13); }
-    .mih14-l {    min-height: calc(var(--grid-size) * 14); }
-    .mih15-l {    min-height: calc(var(--grid-size) * 15); }
-    .mih16-l {    min-height: calc(var(--grid-size) * 16); }
-    .mih17-l {    min-height: calc(var(--grid-size) * 17); }
-    .mih18-l {    min-height: calc(var(--grid-size) * 18); }
-    .mih19-l {    min-height: calc(var(--grid-size) * 19); }
-    .mih20-l {    min-height: calc(var(--grid-size) * 20); }
-    .mih25-l {    min-height: calc(var(--grid-size) * 25); }
-    .mih30-l {    min-height: calc(var(--grid-size) * 30); }
-    .mih40-l {    min-height: calc(var(--grid-size) * 40); }
-    .mih50-l {    min-height: calc(var(--grid-size) * 50); }
-    .mih70-l {    min-height: calc(var(--grid-size) * 70); }
-    .mih88-l {    min-height: calc(var(--grid-size) * 88); }
-
-    .mih-none-l { min-height: none; }
-}
diff --git a/app/styles/spirit-product/_min-widths.css b/app/styles/spirit-product/_min-widths.css
deleted file mode 100644
index 40b298c6a3..0000000000
--- a/app/styles/spirit-product/_min-widths.css
+++ /dev/null
@@ -1,178 +0,0 @@
-/*
-
-    Base:
-        miw = min width
-
-    Value:
-        (n) = (n * grid size)
-        -(m) = (m)%
-        -s = small
-        -m = medium
-        -l = large
-        -xl = extra large
-        -none = none
-
-    Media Query Extensions:
-        -ns = not-small
-        -m  = medium
-        -l  = large
-
-*/
-
-.miw1 {    min-width: calc(var(--grid-size) * 1); }
-.miw2 {    min-width: calc(var(--grid-size) * 2); }
-.miw3 {    min-width: calc(var(--grid-size) * 3); }
-.miw4 {    min-width: calc(var(--grid-size) * 4); }
-.miw5 {    min-width: calc(var(--grid-size) * 5); }
-.miw6 {    min-width: calc(var(--grid-size) * 6); }
-.miw7 {    min-width: calc(var(--grid-size) * 7); }
-.miw8 {    min-width: calc(var(--grid-size) * 8); }
-.miw9 {    min-width: calc(var(--grid-size) * 9); }
-.miw10 {    min-width: calc(var(--grid-size) * 10); }
-.miw11 {    min-width: calc(var(--grid-size) * 11); }
-.miw12 {    min-width: calc(var(--grid-size) * 12); }
-.miw13 {    min-width: calc(var(--grid-size) * 13); }
-.miw14 {    min-width: calc(var(--grid-size) * 14); }
-.miw15 {    min-width: calc(var(--grid-size) * 15); }
-.miw16 {    min-width: calc(var(--grid-size) * 16); }
-.miw17 {    min-width: calc(var(--grid-size) * 17); }
-.miw18 {    min-width: calc(var(--grid-size) * 18); }
-.miw19 {    min-width: calc(var(--grid-size) * 19); }
-.miw20 {    min-width: calc(var(--grid-size) * 20); }
-.miw25 {    min-width: calc(var(--grid-size) * 25); }
-.miw30 {    min-width: calc(var(--grid-size) * 30); }
-.miw40 {    min-width: calc(var(--grid-size) * 40); }
-.miw50 {    min-width: calc(var(--grid-size) * 50); }
-.miw70 {    min-width: calc(var(--grid-size) * 70); }
-.miw88 {    min-width: calc(var(--grid-size) * 88); }
-
-.miw-70 { min-width: 70%; }
-.miw-80 { min-width: 80%; }
-.miw-90 { min-width: 90%; }
-.miw-100 { min-width: 100%; }
-
-.miw-s {  min-width: 48rem; }
-.miw-m {  min-width: 68rem; }
-.miw-l {  min-width: 98rem; }
-.miw-xl {  min-width: 114rem; }
-.miw-none { min-width: none; }
-
-@media (--breakpoint-not-small) {
-    .miw1-ns {    min-width: calc(var(--grid-size) * 1); }
-    .miw2-ns {    min-width: calc(var(--grid-size) * 2); }
-    .miw3-ns {    min-width: calc(var(--grid-size) * 3); }
-    .miw4-ns {    min-width: calc(var(--grid-size) * 4); }
-    .miw5-ns {    min-width: calc(var(--grid-size) * 5); }
-    .miw6-ns {    min-width: calc(var(--grid-size) * 6); }
-    .miw7-ns {    min-width: calc(var(--grid-size) * 7); }
-    .miw8-ns {    min-width: calc(var(--grid-size) * 8); }
-    .miw9-ns {    min-width: calc(var(--grid-size) * 9); }
-    .miw10-ns {    min-width: calc(var(--grid-size) * 10); }
-    .miw11-ns {    min-width: calc(var(--grid-size) * 11); }
-    .miw12-ns {    min-width: calc(var(--grid-size) * 12); }
-    .miw13-ns {    min-width: calc(var(--grid-size) * 13); }
-    .miw14-ns {    min-width: calc(var(--grid-size) * 14); }
-    .miw15-ns {    min-width: calc(var(--grid-size) * 15); }
-    .miw16-ns {    min-width: calc(var(--grid-size) * 16); }
-    .miw17-ns {    min-width: calc(var(--grid-size) * 17); }
-    .miw18-ns {    min-width: calc(var(--grid-size) * 18); }
-    .miw19-ns {    min-width: calc(var(--grid-size) * 19); }
-    .miw20-ns {    min-width: calc(var(--grid-size) * 20); }
-    .miw25-ns {    min-width: calc(var(--grid-size) * 25); }
-    .miw30-ns {    min-width: calc(var(--grid-size) * 30); }
-    .miw40-ns {    min-width: calc(var(--grid-size) * 40); }
-    .miw50-ns {    min-width: calc(var(--grid-size) * 50); }
-    .miw70-ns {    min-width: calc(var(--grid-size) * 70); }
-    .miw88-ns {    min-width: calc(var(--grid-size) * 88); }
-
-    .miw-70-ns { min-width: 70%; }
-    .miw-80-ns { min-width: 80%; }
-    .miw-90-ns { min-width: 90%; }
-    .miw-100-ns { min-width: 100%; }
-
-    .miw-s-ns {  min-width: 48rem; }
-    .miw-m-ns {  min-width: 68rem; }
-    .miw-l-ns {  min-width: 98rem; }
-    .miw-xl-ns {  min-width: 114rem; }
-    .miw-none-ns { min-width: none; }
-}
-
-@media (--breakpoint-medium) {
-    .miw1-m {    min-width: calc(var(--grid-size) * 1); }
-    .miw2-m {    min-width: calc(var(--grid-size) * 2); }
-    .miw3-m {    min-width: calc(var(--grid-size) * 3); }
-    .miw4-m {    min-width: calc(var(--grid-size) * 4); }
-    .miw5-m {    min-width: calc(var(--grid-size) * 5); }
-    .miw6-m {    min-width: calc(var(--grid-size) * 6); }
-    .miw7-m {    min-width: calc(var(--grid-size) * 7); }
-    .miw8-m {    min-width: calc(var(--grid-size) * 8); }
-    .miw9-m {    min-width: calc(var(--grid-size) * 9); }
-    .miw10-m {    min-width: calc(var(--grid-size) * 10); }
-    .miw11-m {    min-width: calc(var(--grid-size) * 11); }
-    .miw12-m {    min-width: calc(var(--grid-size) * 12); }
-    .miw13-m {    min-width: calc(var(--grid-size) * 13); }
-    .miw14-m {    min-width: calc(var(--grid-size) * 14); }
-    .miw15-m {    min-width: calc(var(--grid-size) * 15); }
-    .miw16-m {    min-width: calc(var(--grid-size) * 16); }
-    .miw17-m {    min-width: calc(var(--grid-size) * 17); }
-    .miw18-m {    min-width: calc(var(--grid-size) * 18); }
-    .miw19-m {    min-width: calc(var(--grid-size) * 19); }
-    .miw20-m {    min-width: calc(var(--grid-size) * 20); }
-    .miw25-m {    min-width: calc(var(--grid-size) * 25); }
-    .miw30-m {    min-width: calc(var(--grid-size) * 30); }
-    .miw40-m {    min-width: calc(var(--grid-size) * 40); }
-    .miw50-m {    min-width: calc(var(--grid-size) * 50); }
-    .miw70-m {    min-width: calc(var(--grid-size) * 70); }
-    .miw88-m {    min-width: calc(var(--grid-size) * 88); }
-
-    .miw-70-m { min-width: 70%; }
-    .miw-80-m { min-width: 80%; }
-    .miw-90-m { min-width: 90%; }
-    .miw-100-m { min-width: 100%; }
-
-    .miw-s-m {  min-width: 48rem; }
-    .miw-m-m {  min-width: 68rem; }
-    .miw-l-m {  min-width: 98rem; }
-    .miw-xl-m {  min-width: 114rem; }
-    .miw-none-m { min-width: none; }
-}
-
-@media (--breakpoint-large) {
-    .miw1-l {    min-width: calc(var(--grid-size) * 1); }
-    .miw2-l {    min-width: calc(var(--grid-size) * 2); }
-    .miw3-l {    min-width: calc(var(--grid-size) * 3); }
-    .miw4-l {    min-width: calc(var(--grid-size) * 4); }
-    .miw5-l {    min-width: calc(var(--grid-size) * 5); }
-    .miw6-l {    min-width: calc(var(--grid-size) * 6); }
-    .miw7-l {    min-width: calc(var(--grid-size) * 7); }
-    .miw8-l {    min-width: calc(var(--grid-size) * 8); }
-    .miw9-l {    min-width: calc(var(--grid-size) * 9); }
-    .miw10-l {    min-width: calc(var(--grid-size) * 10); }
-    .miw11-l {    min-width: calc(var(--grid-size) * 11); }
-    .miw12-l {    min-width: calc(var(--grid-size) * 12); }
-    .miw13-l {    min-width: calc(var(--grid-size) * 13); }
-    .miw14-l {    min-width: calc(var(--grid-size) * 14); }
-    .miw15-l {    min-width: calc(var(--grid-size) * 15); }
-    .miw16-l {    min-width: calc(var(--grid-size) * 16); }
-    .miw17-l {    min-width: calc(var(--grid-size) * 17); }
-    .miw18-l {    min-width: calc(var(--grid-size) * 18); }
-    .miw19-l {    min-width: calc(var(--grid-size) * 19); }
-    .miw20-l {    min-width: calc(var(--grid-size) * 20); }
-    .miw25-l {    min-width: calc(var(--grid-size) * 25); }
-    .miw30-l {    min-width: calc(var(--grid-size) * 30); }
-    .miw40-l {    min-width: calc(var(--grid-size) * 40); }
-    .miw50-l {    min-width: calc(var(--grid-size) * 50); }
-    .miw70-l {    min-width: calc(var(--grid-size) * 70); }
-    .miw88-l {    min-width: calc(var(--grid-size) * 88); }
-
-    .miw-70-l { min-width: 70%; }
-    .miw-80-l { min-width: 80%; }
-    .miw-90-l { min-width: 90%; }
-    .miw-100-l { min-width: 100%; }
-
-    .miw-s-l {  min-width: 48rem; }
-    .miw-m-l {  min-width: 68rem; }
-    .miw-l-l {  min-width: 98rem; }
-    .miw-xl-l {  min-width: 114rem; }
-    .miw-none-l { min-width: none; }
-}
diff --git a/app/styles/spirit-product/_module-template.css b/app/styles/spirit-product/_module-template.css
deleted file mode 100644
index 0447e0c1e4..0000000000
--- a/app/styles/spirit-product/_module-template.css
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
-
-  MODULE NAME
-
-  Use this scaffolding to create or extend your own modules with tachyons
-  style architecture.
-
-*/
-
-
-@media (--breakpoint-not-small) {
-
-}
-
-@media (--breakpoint-medium) {
-
-}
-
-@media (--breakpoint-large) {
-
-}
-
diff --git a/app/styles/spirit-product/_negative-margins.css b/app/styles/spirit-product/_negative-margins.css
deleted file mode 100644
index fd885d4270..0000000000
--- a/app/styles/spirit-product/_negative-margins.css
+++ /dev/null
@@ -1,526 +0,0 @@
-.na0 {    margin: 0; }
-.na1 {    margin: calc(-var(--grid-size) * 1); }
-.na2 {    margin: calc(-var(--grid-size) * 2); }
-.na3 {    margin: calc(-var(--grid-size) * 3); }
-.na4 {    margin: calc(-var(--grid-size) * 4); }
-.na5 {    margin: calc(-var(--grid-size) * 5); }
-.na6 {    margin: calc(-var(--grid-size) * 6); }
-.na7 {    margin: calc(-var(--grid-size) * 7); }
-.na8 {    margin: calc(-var(--grid-size) * 8); }
-.na9 {    margin: calc(-var(--grid-size) * 9); }
-.na10 {    margin: calc(-var(--grid-size) * 10); }
-.na11 {    margin: calc(-var(--grid-size) * 11); }
-.na12 {    margin: calc(-var(--grid-size) * 12); }
-.na13 {    margin: calc(-var(--grid-size) * 13); }
-.na14 {    margin: calc(-var(--grid-size) * 14); }
-.na15 {    margin: calc(-var(--grid-size) * 15); }
-.na16 {    margin: calc(-var(--grid-size) * 16); }
-.na17 {    margin: calc(-var(--grid-size) * 17); }
-.na18 {    margin: calc(-var(--grid-size) * 18); }
-.na19 {    margin: calc(-var(--grid-size) * 19); }
-.na20 {    margin: calc(-var(--grid-size) * 20); }
-.na25 {    margin: calc(-var(--grid-size) * 25); }
-.na30 {    margin: calc(-var(--grid-size) * 30); }
-.na40 {    margin: calc(-var(--grid-size) * 40); }
-.na50 {    margin: calc(-var(--grid-size) * 50); }
-
-.nr0 {    margin-right: 0; }
-.nr1 {    margin-right: calc(-var(--grid-size) * 1); }
-.nr2 {    margin-right: calc(-var(--grid-size) * 2); }
-.nr3 {    margin-right: calc(-var(--grid-size) * 3); }
-.nr4 {    margin-right: calc(-var(--grid-size) * 4); }
-.nr5 {    margin-right: calc(-var(--grid-size) * 5); }
-.nr6 {    margin-right: calc(-var(--grid-size) * 6); }
-.nr7 {    margin-right: calc(-var(--grid-size) * 7); }
-.nr8 {    margin-right: calc(-var(--grid-size) * 8); }
-.nr9 {    margin-right: calc(-var(--grid-size) * 9); }
-.nr10 {    margin-right: calc(-var(--grid-size) * 10); }
-.nr11 {    margin-right: calc(-var(--grid-size) * 11); }
-.nr12 {    margin-right: calc(-var(--grid-size) * 12); }
-.nr13 {    margin-right: calc(-var(--grid-size) * 13); }
-.nr14 {    margin-right: calc(-var(--grid-size) * 14); }
-.nr15 {    margin-right: calc(-var(--grid-size) * 15); }
-.nr16 {    margin-right: calc(-var(--grid-size) * 16); }
-.nr17 {    margin-right: calc(-var(--grid-size) * 17); }
-.nr18 {    margin-right: calc(-var(--grid-size) * 18); }
-.nr19 {    margin-right: calc(-var(--grid-size) * 19); }
-.nr20 {    margin-right: calc(-var(--grid-size) * 20); }
-.nr25 {    margin-right: calc(-var(--grid-size) * 25); }
-.nr30 {    margin-right: calc(-var(--grid-size) * 30); }
-.nr40 {    margin-right: calc(-var(--grid-size) * 40); }
-.nr50 {    margin-right: calc(-var(--grid-size) * 50); }
-
-.nb0 {    margin-bottom: 0; }
-.nb1 {    margin-bottom: calc(-var(--grid-size) * 1); }
-.nb2 {    margin-bottom: calc(-var(--grid-size) * 2); }
-.nb3 {    margin-bottom: calc(-var(--grid-size) * 3); }
-.nb4 {    margin-bottom: calc(-var(--grid-size) * 4); }
-.nb5 {    margin-bottom: calc(-var(--grid-size) * 5); }
-.nb6 {    margin-bottom: calc(-var(--grid-size) * 6); }
-.nb7 {    margin-bottom: calc(-var(--grid-size) * 7); }
-.nb8 {    margin-bottom: calc(-var(--grid-size) * 8); }
-.nb9 {    margin-bottom: calc(-var(--grid-size) * 9); }
-.nb10 {    margin-bottom: calc(-var(--grid-size) * 10); }
-.nb11 {    margin-bottom: calc(-var(--grid-size) * 11); }
-.nb12 {    margin-bottom: calc(-var(--grid-size) * 12); }
-.nb13 {    margin-bottom: calc(-var(--grid-size) * 13); }
-.nb14 {    margin-bottom: calc(-var(--grid-size) * 14); }
-.nb15 {    margin-bottom: calc(-var(--grid-size) * 15); }
-.nb16 {    margin-bottom: calc(-var(--grid-size) * 16); }
-.nb17 {    margin-bottom: calc(-var(--grid-size) * 17); }
-.nb18 {    margin-bottom: calc(-var(--grid-size) * 18); }
-.nb19 {    margin-bottom: calc(-var(--grid-size) * 19); }
-.nb20 {    margin-bottom: calc(-var(--grid-size) * 20); }
-.nb25 {    margin-bottom: calc(-var(--grid-size) * 25); }
-.nb30 {    margin-bottom: calc(-var(--grid-size) * 30); }
-.nb40 {    margin-bottom: calc(-var(--grid-size) * 40); }
-.nb50 {    margin-bottom: calc(-var(--grid-size) * 50); }
-
-.nl0 {    margin-left: 0; }
-.nl1 {    margin-left: calc(-var(--grid-size) * 1); }
-.nl2 {    margin-left: calc(-var(--grid-size) * 2); }
-.nl3 {    margin-left: calc(-var(--grid-size) * 3); }
-.nl4 {    margin-left: calc(-var(--grid-size) * 4); }
-.nl5 {    margin-left: calc(-var(--grid-size) * 5); }
-.nl6 {    margin-left: calc(-var(--grid-size) * 6); }
-.nl7 {    margin-left: calc(-var(--grid-size) * 7); }
-.nl8 {    margin-left: calc(-var(--grid-size) * 8); }
-.nl9 {    margin-left: calc(-var(--grid-size) * 9); }
-.nl10 {    margin-left: calc(-var(--grid-size) * 10); }
-.nl11 {    margin-left: calc(-var(--grid-size) * 11); }
-.nl12 {    margin-left: calc(-var(--grid-size) * 12); }
-.nl13 {    margin-left: calc(-var(--grid-size) * 13); }
-.nl14 {    margin-left: calc(-var(--grid-size) * 14); }
-.nl15 {    margin-left: calc(-var(--grid-size) * 15); }
-.nl16 {    margin-left: calc(-var(--grid-size) * 16); }
-.nl17 {    margin-left: calc(-var(--grid-size) * 17); }
-.nl18 {    margin-left: calc(-var(--grid-size) * 18); }
-.nl19 {    margin-left: calc(-var(--grid-size) * 19); }
-.nl20 {    margin-left: calc(-var(--grid-size) * 20); }
-.nl25 {    margin-left: calc(-var(--grid-size) * 25); }
-.nl30 {    margin-left: calc(-var(--grid-size) * 30); }
-.nl40 {    margin-left: calc(-var(--grid-size) * 40); }
-.nl50 {    margin-left: calc(-var(--grid-size) * 50); }
-
-.nt0 {    margin-top: 0; }
-.nt1 {    margin-top: calc(-var(--grid-size) * 1); }
-.nt2 {    margin-top: calc(-var(--grid-size) * 2); }
-.nt3 {    margin-top: calc(-var(--grid-size) * 3); }
-.nt4 {    margin-top: calc(-var(--grid-size) * 4); }
-.nt5 {    margin-top: calc(-var(--grid-size) * 5); }
-.nt6 {    margin-top: calc(-var(--grid-size) * 6); }
-.nt7 {    margin-top: calc(-var(--grid-size) * 7); }
-.nt8 {    margin-top: calc(-var(--grid-size) * 8); }
-.nt9 {    margin-top: calc(-var(--grid-size) * 9); }
-.nt10 {    margin-top: calc(-var(--grid-size) * 10); }
-.nt11 {    margin-top: calc(-var(--grid-size) * 11); }
-.nt12 {    margin-top: calc(-var(--grid-size) * 12); }
-.nt13 {    margin-top: calc(-var(--grid-size) * 13); }
-.nt14 {    margin-top: calc(-var(--grid-size) * 14); }
-.nt15 {    margin-top: calc(-var(--grid-size) * 15); }
-.nt16 {    margin-top: calc(-var(--grid-size) * 16); }
-.nt17 {    margin-top: calc(-var(--grid-size) * 17); }
-.nt18 {    margin-top: calc(-var(--grid-size) * 18); }
-.nt19 {    margin-top: calc(-var(--grid-size) * 19); }
-.nt20 {    margin-top: calc(-var(--grid-size) * 20); }
-.nt25 {    margin-top: calc(-var(--grid-size) * 25); }
-.nt30 {    margin-top: calc(-var(--grid-size) * 30); }
-.nt40 {    margin-top: calc(-var(--grid-size) * 40); }
-.nt50 {    margin-top: calc(-var(--grid-size) * 50); }
-
-
-@media (--breakpoint-not-small) {
-    .na0-ns {    margin: 0; }
-    .na1-ns {    margin: calc(-var(--grid-size) * 1); }
-    .na2-ns {    margin: calc(-var(--grid-size) * 2); }
-    .na3-ns {    margin: calc(-var(--grid-size) * 3); }
-    .na4-ns {    margin: calc(-var(--grid-size) * 4); }
-    .na5-ns {    margin: calc(-var(--grid-size) * 5); }
-    .na6-ns {    margin: calc(-var(--grid-size) * 6); }
-    .na7-ns {    margin: calc(-var(--grid-size) * 7); }
-    .na8-ns {    margin: calc(-var(--grid-size) * 8); }
-    .na9-ns {    margin: calc(-var(--grid-size) * 9); }
-    .na10-ns {    margin: calc(-var(--grid-size) * 10); }
-    .na11-ns {    margin: calc(-var(--grid-size) * 11); }
-    .na12-ns {    margin: calc(-var(--grid-size) * 12); }
-    .na13-ns {    margin: calc(-var(--grid-size) * 13); }
-    .na14-ns {    margin: calc(-var(--grid-size) * 14); }
-    .na15-ns {    margin: calc(-var(--grid-size) * 15); }
-    .na16-ns {    margin: calc(-var(--grid-size) * 16); }
-    .na17-ns {    margin: calc(-var(--grid-size) * 17); }
-    .na18-ns {    margin: calc(-var(--grid-size) * 18); }
-    .na19-ns {    margin: calc(-var(--grid-size) * 19); }
-    .na20-ns {    margin: calc(-var(--grid-size) * 20); }
-    .na25-ns {    margin: calc(-var(--grid-size) * 25); }
-    .na30-ns {    margin: calc(-var(--grid-size) * 30); }
-    .na40-ns {    margin: calc(-var(--grid-size) * 40); }
-    .na50-ns {    margin: calc(-var(--grid-size) * 50); }
-
-    .nr0-ns {    margin-right: 0; }
-    .nr1-ns {    margin-right: calc(-var(--grid-size) * 1); }
-    .nr2-ns {    margin-right: calc(-var(--grid-size) * 2); }
-    .nr3-ns {    margin-right: calc(-var(--grid-size) * 3); }
-    .nr4-ns {    margin-right: calc(-var(--grid-size) * 4); }
-    .nr5-ns {    margin-right: calc(-var(--grid-size) * 5); }
-    .nr6-ns {    margin-right: calc(-var(--grid-size) * 6); }
-    .nr7-ns {    margin-right: calc(-var(--grid-size) * 7); }
-    .nr8-ns {    margin-right: calc(-var(--grid-size) * 8); }
-    .nr9-ns {    margin-right: calc(-var(--grid-size) * 9); }
-    .nr10-ns {    margin-right: calc(-var(--grid-size) * 10); }
-    .nr11-ns {    margin-right: calc(-var(--grid-size) * 11); }
-    .nr12-ns {    margin-right: calc(-var(--grid-size) * 12); }
-    .nr13-ns {    margin-right: calc(-var(--grid-size) * 13); }
-    .nr14-ns {    margin-right: calc(-var(--grid-size) * 14); }
-    .nr15-ns {    margin-right: calc(-var(--grid-size) * 15); }
-    .nr16-ns {    margin-right: calc(-var(--grid-size) * 16); }
-    .nr17-ns {    margin-right: calc(-var(--grid-size) * 17); }
-    .nr18-ns {    margin-right: calc(-var(--grid-size) * 18); }
-    .nr19-ns {    margin-right: calc(-var(--grid-size) * 19); }
-    .nr20-ns {    margin-right: calc(-var(--grid-size) * 20); }
-    .nr25-ns {    margin-right: calc(-var(--grid-size) * 25); }
-    .nr30-ns {    margin-right: calc(-var(--grid-size) * 30); }
-    .nr40-ns {    margin-right: calc(-var(--grid-size) * 40); }
-    .nr50-ns {    margin-right: calc(-var(--grid-size) * 50); }
-
-    .nb0-ns {    margin-bottom: 0; }
-    .nb1-ns {    margin-bottom: calc(-var(--grid-size) * 1); }
-    .nb2-ns {    margin-bottom: calc(-var(--grid-size) * 2); }
-    .nb3-ns {    margin-bottom: calc(-var(--grid-size) * 3); }
-    .nb4-ns {    margin-bottom: calc(-var(--grid-size) * 4); }
-    .nb5-ns {    margin-bottom: calc(-var(--grid-size) * 5); }
-    .nb6-ns {    margin-bottom: calc(-var(--grid-size) * 6); }
-    .nb7-ns {    margin-bottom: calc(-var(--grid-size) * 7); }
-    .nb8-ns {    margin-bottom: calc(-var(--grid-size) * 8); }
-    .nb9-ns {    margin-bottom: calc(-var(--grid-size) * 9); }
-    .nb10-ns {    margin-bottom: calc(-var(--grid-size) * 10); }
-    .nb11-ns {    margin-bottom: calc(-var(--grid-size) * 11); }
-    .nb12-ns {    margin-bottom: calc(-var(--grid-size) * 12); }
-    .nb13-ns {    margin-bottom: calc(-var(--grid-size) * 13); }
-    .nb14-ns {    margin-bottom: calc(-var(--grid-size) * 14); }
-    .nb15-ns {    margin-bottom: calc(-var(--grid-size) * 15); }
-    .nb16-ns {    margin-bottom: calc(-var(--grid-size) * 16); }
-    .nb17-ns {    margin-bottom: calc(-var(--grid-size) * 17); }
-    .nb18-ns {    margin-bottom: calc(-var(--grid-size) * 18); }
-    .nb19-ns {    margin-bottom: calc(-var(--grid-size) * 19); }
-    .nb20-ns {    margin-bottom: calc(-var(--grid-size) * 20); }
-    .nb25-ns {    margin-bottom: calc(-var(--grid-size) * 25); }
-    .nb30-ns {    margin-bottom: calc(-var(--grid-size) * 30); }
-    .nb40-ns {    margin-bottom: calc(-var(--grid-size) * 40); }
-    .nb50-ns {    margin-bottom: calc(-var(--grid-size) * 50); }
-
-    .nl0-ns {    margin-left: 0; }
-    .nl1-ns {    margin-left: calc(-var(--grid-size) * 1); }
-    .nl2-ns {    margin-left: calc(-var(--grid-size) * 2); }
-    .nl3-ns {    margin-left: calc(-var(--grid-size) * 3); }
-    .nl4-ns {    margin-left: calc(-var(--grid-size) * 4); }
-    .nl5-ns {    margin-left: calc(-var(--grid-size) * 5); }
-    .nl6-ns {    margin-left: calc(-var(--grid-size) * 6); }
-    .nl7-ns {    margin-left: calc(-var(--grid-size) * 7); }
-    .nl8-ns {    margin-left: calc(-var(--grid-size) * 8); }
-    .nl9-ns {    margin-left: calc(-var(--grid-size) * 9); }
-    .nl10-ns {    margin-left: calc(-var(--grid-size) * 10); }
-    .nl11-ns {    margin-left: calc(-var(--grid-size) * 11); }
-    .nl12-ns {    margin-left: calc(-var(--grid-size) * 12); }
-    .nl13-ns {    margin-left: calc(-var(--grid-size) * 13); }
-    .nl14-ns {    margin-left: calc(-var(--grid-size) * 14); }
-    .nl15-ns {    margin-left: calc(-var(--grid-size) * 15); }
-    .nl16-ns {    margin-left: calc(-var(--grid-size) * 16); }
-    .nl17-ns {    margin-left: calc(-var(--grid-size) * 17); }
-    .nl18-ns {    margin-left: calc(-var(--grid-size) * 18); }
-    .nl19-ns {    margin-left: calc(-var(--grid-size) * 19); }
-    .nl20-ns {    margin-left: calc(-var(--grid-size) * 20); }
-    .nl25-ns {    margin-left: calc(-var(--grid-size) * 25); }
-    .nl30-ns {    margin-left: calc(-var(--grid-size) * 30); }
-    .nl40-ns {    margin-left: calc(-var(--grid-size) * 40); }
-    .nl50-ns {    margin-left: calc(-var(--grid-size) * 50); }
-
-    .nt0-ns {    margin-top: 0; }
-    .nt1-ns {    margin-top: calc(-var(--grid-size) * 1); }
-    .nt2-ns {    margin-top: calc(-var(--grid-size) * 2); }
-    .nt3-ns {    margin-top: calc(-var(--grid-size) * 3); }
-    .nt4-ns {    margin-top: calc(-var(--grid-size) * 4); }
-    .nt5-ns {    margin-top: calc(-var(--grid-size) * 5); }
-    .nt6-ns {    margin-top: calc(-var(--grid-size) * 6); }
-    .nt7-ns {    margin-top: calc(-var(--grid-size) * 7); }
-    .nt8-ns {    margin-top: calc(-var(--grid-size) * 8); }
-    .nt9-ns {    margin-top: calc(-var(--grid-size) * 9); }
-    .nt10-ns {    margin-top: calc(-var(--grid-size) * 10); }
-    .nt11-ns {    margin-top: calc(-var(--grid-size) * 11); }
-    .nt12-ns {    margin-top: calc(-var(--grid-size) * 12); }
-    .nt13-ns {    margin-top: calc(-var(--grid-size) * 13); }
-    .nt14-ns {    margin-top: calc(-var(--grid-size) * 14); }
-    .nt15-ns {    margin-top: calc(-var(--grid-size) * 15); }
-    .nt16-ns {    margin-top: calc(-var(--grid-size) * 16); }
-    .nt17-ns {    margin-top: calc(-var(--grid-size) * 17); }
-    .nt18-ns {    margin-top: calc(-var(--grid-size) * 18); }
-    .nt19-ns {    margin-top: calc(-var(--grid-size) * 19); }
-    .nt20-ns {    margin-top: calc(-var(--grid-size) * 20); }
-    .nt25-ns {    margin-top: calc(-var(--grid-size) * 25); }
-    .nt30-ns {    margin-top: calc(-var(--grid-size) * 30); }
-    .nt40-ns {    margin-top: calc(-var(--grid-size) * 40); }
-    .nt50-ns {    margin-top: calc(-var(--grid-size) * 50); }
-}
-
-@media (--breakpoint-medium) {
-    .na0-m {    margin: 0; }
-    .na1-m {    margin: calc(-var(--grid-size) * 1); }
-    .na2-m {    margin: calc(-var(--grid-size) * 2); }
-    .na3-m {    margin: calc(-var(--grid-size) * 3); }
-    .na4-m {    margin: calc(-var(--grid-size) * 4); }
-    .na5-m {    margin: calc(-var(--grid-size) * 5); }
-    .na6-m {    margin: calc(-var(--grid-size) * 6); }
-    .na7-m {    margin: calc(-var(--grid-size) * 7); }
-    .na8-m {    margin: calc(-var(--grid-size) * 8); }
-    .na9-m {    margin: calc(-var(--grid-size) * 9); }
-    .na10-m {    margin: calc(-var(--grid-size) * 10); }
-    .na11-m {    margin: calc(-var(--grid-size) * 11); }
-    .na12-m {    margin: calc(-var(--grid-size) * 12); }
-    .na13-m {    margin: calc(-var(--grid-size) * 13); }
-    .na14-m {    margin: calc(-var(--grid-size) * 14); }
-    .na15-m {    margin: calc(-var(--grid-size) * 15); }
-    .na16-m {    margin: calc(-var(--grid-size) * 16); }
-    .na17-m {    margin: calc(-var(--grid-size) * 17); }
-    .na18-m {    margin: calc(-var(--grid-size) * 18); }
-    .na19-m {    margin: calc(-var(--grid-size) * 19); }
-    .na20-m {    margin: calc(-var(--grid-size) * 20); }
-    .na25-m {    margin: calc(-var(--grid-size) * 25); }
-    .na30-m {    margin: calc(-var(--grid-size) * 30); }
-    .na40-m {    margin: calc(-var(--grid-size) * 40); }
-    .na50-m {    margin: calc(-var(--grid-size) * 50); }
-
-    .nr0-m {    margin-right: 0; }
-    .nr1-m {    margin-right: calc(-var(--grid-size) * 1); }
-    .nr2-m {    margin-right: calc(-var(--grid-size) * 2); }
-    .nr3-m {    margin-right: calc(-var(--grid-size) * 3); }
-    .nr4-m {    margin-right: calc(-var(--grid-size) * 4); }
-    .nr5-m {    margin-right: calc(-var(--grid-size) * 5); }
-    .nr6-m {    margin-right: calc(-var(--grid-size) * 6); }
-    .nr7-m {    margin-right: calc(-var(--grid-size) * 7); }
-    .nr8-m {    margin-right: calc(-var(--grid-size) * 8); }
-    .nr9-m {    margin-right: calc(-var(--grid-size) * 9); }
-    .nr10-m {    margin-right: calc(-var(--grid-size) * 10); }
-    .nr11-m {    margin-right: calc(-var(--grid-size) * 11); }
-    .nr12-m {    margin-right: calc(-var(--grid-size) * 12); }
-    .nr13-m {    margin-right: calc(-var(--grid-size) * 13); }
-    .nr14-m {    margin-right: calc(-var(--grid-size) * 14); }
-    .nr15-m {    margin-right: calc(-var(--grid-size) * 15); }
-    .nr16-m {    margin-right: calc(-var(--grid-size) * 16); }
-    .nr17-m {    margin-right: calc(-var(--grid-size) * 17); }
-    .nr18-m {    margin-right: calc(-var(--grid-size) * 18); }
-    .nr19-m {    margin-right: calc(-var(--grid-size) * 19); }
-    .nr20-m {    margin-right: calc(-var(--grid-size) * 20); }
-    .nr25-m {    margin-right: calc(-var(--grid-size) * 25); }
-    .nr30-m {    margin-right: calc(-var(--grid-size) * 30); }
-    .nr40-m {    margin-right: calc(-var(--grid-size) * 40); }
-    .nr50-m {    margin-right: calc(-var(--grid-size) * 50); }
-
-    .nb0-m {    margin-bottom: 0; }
-    .nb1-m {    margin-bottom: calc(-var(--grid-size) * 1); }
-    .nb2-m {    margin-bottom: calc(-var(--grid-size) * 2); }
-    .nb3-m {    margin-bottom: calc(-var(--grid-size) * 3); }
-    .nb4-m {    margin-bottom: calc(-var(--grid-size) * 4); }
-    .nb5-m {    margin-bottom: calc(-var(--grid-size) * 5); }
-    .nb6-m {    margin-bottom: calc(-var(--grid-size) * 6); }
-    .nb7-m {    margin-bottom: calc(-var(--grid-size) * 7); }
-    .nb8-m {    margin-bottom: calc(-var(--grid-size) * 8); }
-    .nb9-m {    margin-bottom: calc(-var(--grid-size) * 9); }
-    .nb10-m {    margin-bottom: calc(-var(--grid-size) * 10); }
-    .nb11-m {    margin-bottom: calc(-var(--grid-size) * 11); }
-    .nb12-m {    margin-bottom: calc(-var(--grid-size) * 12); }
-    .nb13-m {    margin-bottom: calc(-var(--grid-size) * 13); }
-    .nb14-m {    margin-bottom: calc(-var(--grid-size) * 14); }
-    .nb15-m {    margin-bottom: calc(-var(--grid-size) * 15); }
-    .nb16-m {    margin-bottom: calc(-var(--grid-size) * 16); }
-    .nb17-m {    margin-bottom: calc(-var(--grid-size) * 17); }
-    .nb18-m {    margin-bottom: calc(-var(--grid-size) * 18); }
-    .nb19-m {    margin-bottom: calc(-var(--grid-size) * 19); }
-    .nb20-m {    margin-bottom: calc(-var(--grid-size) * 20); }
-    .nb25-m {    margin-bottom: calc(-var(--grid-size) * 25); }
-    .nb30-m {    margin-bottom: calc(-var(--grid-size) * 30); }
-    .nb40-m {    margin-bottom: calc(-var(--grid-size) * 40); }
-    .nb50-m {    margin-bottom: calc(-var(--grid-size) * 50); }
-
-    .nl0-m {    margin-left: 0; }
-    .nl1-m {    margin-left: calc(-var(--grid-size) * 1); }
-    .nl2-m {    margin-left: calc(-var(--grid-size) * 2); }
-    .nl3-m {    margin-left: calc(-var(--grid-size) * 3); }
-    .nl4-m {    margin-left: calc(-var(--grid-size) * 4); }
-    .nl5-m {    margin-left: calc(-var(--grid-size) * 5); }
-    .nl6-m {    margin-left: calc(-var(--grid-size) * 6); }
-    .nl7-m {    margin-left: calc(-var(--grid-size) * 7); }
-    .nl8-m {    margin-left: calc(-var(--grid-size) * 8); }
-    .nl9-m {    margin-left: calc(-var(--grid-size) * 9); }
-    .nl10-m {    margin-left: calc(-var(--grid-size) * 10); }
-    .nl11-m {    margin-left: calc(-var(--grid-size) * 11); }
-    .nl12-m {    margin-left: calc(-var(--grid-size) * 12); }
-    .nl13-m {    margin-left: calc(-var(--grid-size) * 13); }
-    .nl14-m {    margin-left: calc(-var(--grid-size) * 14); }
-    .nl15-m {    margin-left: calc(-var(--grid-size) * 15); }
-    .nl16-m {    margin-left: calc(-var(--grid-size) * 16); }
-    .nl17-m {    margin-left: calc(-var(--grid-size) * 17); }
-    .nl18-m {    margin-left: calc(-var(--grid-size) * 18); }
-    .nl19-m {    margin-left: calc(-var(--grid-size) * 19); }
-    .nl20-m {    margin-left: calc(-var(--grid-size) * 20); }
-    .nl25-m {    margin-left: calc(-var(--grid-size) * 25); }
-    .nl30-m {    margin-left: calc(-var(--grid-size) * 30); }
-    .nl40-m {    margin-left: calc(-var(--grid-size) * 40); }
-    .nl50-m {    margin-left: calc(-var(--grid-size) * 50); }
-
-    .nt0-m {    margin-top: 0; }
-    .nt1-m {    margin-top: calc(-var(--grid-size) * 1); }
-    .nt2-m {    margin-top: calc(-var(--grid-size) * 2); }
-    .nt3-m {    margin-top: calc(-var(--grid-size) * 3); }
-    .nt4-m {    margin-top: calc(-var(--grid-size) * 4); }
-    .nt5-m {    margin-top: calc(-var(--grid-size) * 5); }
-    .nt6-m {    margin-top: calc(-var(--grid-size) * 6); }
-    .nt7-m {    margin-top: calc(-var(--grid-size) * 7); }
-    .nt8-m {    margin-top: calc(-var(--grid-size) * 8); }
-    .nt9-m {    margin-top: calc(-var(--grid-size) * 9); }
-    .nt10-m {    margin-top: calc(-var(--grid-size) * 10); }
-    .nt11-m {    margin-top: calc(-var(--grid-size) * 11); }
-    .nt12-m {    margin-top: calc(-var(--grid-size) * 12); }
-    .nt13-m {    margin-top: calc(-var(--grid-size) * 13); }
-    .nt14-m {    margin-top: calc(-var(--grid-size) * 14); }
-    .nt15-m {    margin-top: calc(-var(--grid-size) * 15); }
-    .nt16-m {    margin-top: calc(-var(--grid-size) * 16); }
-    .nt17-m {    margin-top: calc(-var(--grid-size) * 17); }
-    .nt18-m {    margin-top: calc(-var(--grid-size) * 18); }
-    .nt19-m {    margin-top: calc(-var(--grid-size) * 19); }
-    .nt20-m {    margin-top: calc(-var(--grid-size) * 20); }
-    .nt25-m {    margin-top: calc(-var(--grid-size) * 25); }
-    .nt30-m {    margin-top: calc(-var(--grid-size) * 30); }
-    .nt40-m {    margin-top: calc(-var(--grid-size) * 40); }
-    .nt50-m {    margin-top: calc(-var(--grid-size) * 50); }
-}
-
-@media (--breakpoint-large) {
-    .na0-l {    margin: 0; }
-    .na1-l {    margin: calc(-var(--grid-size) * 1); }
-    .na2-l {    margin: calc(-var(--grid-size) * 2); }
-    .na3-l {    margin: calc(-var(--grid-size) * 3); }
-    .na4-l {    margin: calc(-var(--grid-size) * 4); }
-    .na5-l {    margin: calc(-var(--grid-size) * 5); }
-    .na6-l {    margin: calc(-var(--grid-size) * 6); }
-    .na7-l {    margin: calc(-var(--grid-size) * 7); }
-    .na8-l {    margin: calc(-var(--grid-size) * 8); }
-    .na9-l {    margin: calc(-var(--grid-size) * 9); }
-    .na10-l {    margin: calc(-var(--grid-size) * 10); }
-    .na11-l {    margin: calc(-var(--grid-size) * 11); }
-    .na12-l {    margin: calc(-var(--grid-size) * 12); }
-    .na13-l {    margin: calc(-var(--grid-size) * 13); }
-    .na14-l {    margin: calc(-var(--grid-size) * 14); }
-    .na15-l {    margin: calc(-var(--grid-size) * 15); }
-    .na16-l {    margin: calc(-var(--grid-size) * 16); }
-    .na17-l {    margin: calc(-var(--grid-size) * 17); }
-    .na18-l {    margin: calc(-var(--grid-size) * 18); }
-    .na19-l {    margin: calc(-var(--grid-size) * 19); }
-    .na20-l {    margin: calc(-var(--grid-size) * 20); }
-    .na25-l {    margin: calc(-var(--grid-size) * 25); }
-    .na30-l {    margin: calc(-var(--grid-size) * 30); }
-    .na40-l {    margin: calc(-var(--grid-size) * 40); }
-    .na50-l {    margin: calc(-var(--grid-size) * 50); }
-
-    .nr0-l {    margin-right: 0; }
-    .nr1-l {    margin-right: calc(-var(--grid-size) * 1); }
-    .nr2-l {    margin-right: calc(-var(--grid-size) * 2); }
-    .nr3-l {    margin-right: calc(-var(--grid-size) * 3); }
-    .nr4-l {    margin-right: calc(-var(--grid-size) * 4); }
-    .nr5-l {    margin-right: calc(-var(--grid-size) * 5); }
-    .nr6-l {    margin-right: calc(-var(--grid-size) * 6); }
-    .nr7-l {    margin-right: calc(-var(--grid-size) * 7); }
-    .nr8-l {    margin-right: calc(-var(--grid-size) * 8); }
-    .nr9-l {    margin-right: calc(-var(--grid-size) * 9); }
-    .nr10-l {    margin-right: calc(-var(--grid-size) * 10); }
-    .nr11-l {    margin-right: calc(-var(--grid-size) * 11); }
-    .nr12-l {    margin-right: calc(-var(--grid-size) * 12); }
-    .nr13-l {    margin-right: calc(-var(--grid-size) * 13); }
-    .nr14-l {    margin-right: calc(-var(--grid-size) * 14); }
-    .nr15-l {    margin-right: calc(-var(--grid-size) * 15); }
-    .nr16-l {    margin-right: calc(-var(--grid-size) * 16); }
-    .nr17-l {    margin-right: calc(-var(--grid-size) * 17); }
-    .nr18-l {    margin-right: calc(-var(--grid-size) * 18); }
-    .nr19-l {    margin-right: calc(-var(--grid-size) * 19); }
-    .nr20-l {    margin-right: calc(-var(--grid-size) * 20); }
-    .nr25-l {    margin-right: calc(-var(--grid-size) * 25); }
-    .nr30-l {    margin-right: calc(-var(--grid-size) * 30); }
-    .nr40-l {    margin-right: calc(-var(--grid-size) * 40); }
-    .nr50-l {    margin-right: calc(-var(--grid-size) * 50); }
-
-    .nb0-l {    margin-bottom: 0; }
-    .nb1-l {    margin-bottom: calc(-var(--grid-size) * 1); }
-    .nb2-l {    margin-bottom: calc(-var(--grid-size) * 2); }
-    .nb3-l {    margin-bottom: calc(-var(--grid-size) * 3); }
-    .nb4-l {    margin-bottom: calc(-var(--grid-size) * 4); }
-    .nb5-l {    margin-bottom: calc(-var(--grid-size) * 5); }
-    .nb6-l {    margin-bottom: calc(-var(--grid-size) * 6); }
-    .nb7-l {    margin-bottom: calc(-var(--grid-size) * 7); }
-    .nb8-l {    margin-bottom: calc(-var(--grid-size) * 8); }
-    .nb9-l {    margin-bottom: calc(-var(--grid-size) * 9); }
-    .nb10-l {    margin-bottom: calc(-var(--grid-size) * 10); }
-    .nb11-l {    margin-bottom: calc(-var(--grid-size) * 11); }
-    .nb12-l {    margin-bottom: calc(-var(--grid-size) * 12); }
-    .nb13-l {    margin-bottom: calc(-var(--grid-size) * 13); }
-    .nb14-l {    margin-bottom: calc(-var(--grid-size) * 14); }
-    .nb15-l {    margin-bottom: calc(-var(--grid-size) * 15); }
-    .nb16-l {    margin-bottom: calc(-var(--grid-size) * 16); }
-    .nb17-l {    margin-bottom: calc(-var(--grid-size) * 17); }
-    .nb18-l {    margin-bottom: calc(-var(--grid-size) * 18); }
-    .nb19-l {    margin-bottom: calc(-var(--grid-size) * 19); }
-    .nb20-l {    margin-bottom: calc(-var(--grid-size) * 20); }
-    .nb25-l {    margin-bottom: calc(-var(--grid-size) * 25); }
-    .nb30-l {    margin-bottom: calc(-var(--grid-size) * 30); }
-    .nb40-l {    margin-bottom: calc(-var(--grid-size) * 40); }
-    .nb50-l {    margin-bottom: calc(-var(--grid-size) * 50); }
-
-    .nl0-l {    margin-left: 0; }
-    .nl1-l {    margin-left: calc(-var(--grid-size) * 1); }
-    .nl2-l {    margin-left: calc(-var(--grid-size) * 2); }
-    .nl3-l {    margin-left: calc(-var(--grid-size) * 3); }
-    .nl4-l {    margin-left: calc(-var(--grid-size) * 4); }
-    .nl5-l {    margin-left: calc(-var(--grid-size) * 5); }
-    .nl6-l {    margin-left: calc(-var(--grid-size) * 6); }
-    .nl7-l {    margin-left: calc(-var(--grid-size) * 7); }
-    .nl8-l {    margin-left: calc(-var(--grid-size) * 8); }
-    .nl9-l {    margin-left: calc(-var(--grid-size) * 9); }
-    .nl10-l {    margin-left: calc(-var(--grid-size) * 10); }
-    .nl11-l {    margin-left: calc(-var(--grid-size) * 11); }
-    .nl12-l {    margin-left: calc(-var(--grid-size) * 12); }
-    .nl13-l {    margin-left: calc(-var(--grid-size) * 13); }
-    .nl14-l {    margin-left: calc(-var(--grid-size) * 14); }
-    .nl15-l {    margin-left: calc(-var(--grid-size) * 15); }
-    .nl16-l {    margin-left: calc(-var(--grid-size) * 16); }
-    .nl17-l {    margin-left: calc(-var(--grid-size) * 17); }
-    .nl18-l {    margin-left: calc(-var(--grid-size) * 18); }
-    .nl19-l {    margin-left: calc(-var(--grid-size) * 19); }
-    .nl20-l {    margin-left: calc(-var(--grid-size) * 20); }
-    .nl25-l {    margin-left: calc(-var(--grid-size) * 25); }
-    .nl30-l {    margin-left: calc(-var(--grid-size) * 30); }
-    .nl40-l {    margin-left: calc(-var(--grid-size) * 40); }
-    .nl50-l {    margin-left: calc(-var(--grid-size) * 50); }
-
-    .nt0-l {    margin-top: 0; }
-    .nt1-l {    margin-top: calc(-var(--grid-size) * 1); }
-    .nt2-l {    margin-top: calc(-var(--grid-size) * 2); }
-    .nt3-l {    margin-top: calc(-var(--grid-size) * 3); }
-    .nt4-l {    margin-top: calc(-var(--grid-size) * 4); }
-    .nt5-l {    margin-top: calc(-var(--grid-size) * 5); }
-    .nt6-l {    margin-top: calc(-var(--grid-size) * 6); }
-    .nt7-l {    margin-top: calc(-var(--grid-size) * 7); }
-    .nt8-l {    margin-top: calc(-var(--grid-size) * 8); }
-    .nt9-l {    margin-top: calc(-var(--grid-size) * 9); }
-    .nt10-l {    margin-top: calc(-var(--grid-size) * 10); }
-    .nt11-l {    margin-top: calc(-var(--grid-size) * 11); }
-    .nt12-l {    margin-top: calc(-var(--grid-size) * 12); }
-    .nt13-l {    margin-top: calc(-var(--grid-size) * 13); }
-    .nt14-l {    margin-top: calc(-var(--grid-size) * 14); }
-    .nt15-l {    margin-top: calc(-var(--grid-size) * 15); }
-    .nt16-l {    margin-top: calc(-var(--grid-size) * 16); }
-    .nt17-l {    margin-top: calc(-var(--grid-size) * 17); }
-    .nt18-l {    margin-top: calc(-var(--grid-size) * 18); }
-    .nt19-l {    margin-top: calc(-var(--grid-size) * 19); }
-    .nt20-l {    margin-top: calc(-var(--grid-size) * 20); }
-    .nt25-l {    margin-top: calc(-var(--grid-size) * 25); }
-    .nt30-l {    margin-top: calc(-var(--grid-size) * 30); }
-    .nt40-l {    margin-top: calc(-var(--grid-size) * 40); }
-    .nt50-l {    margin-top: calc(-var(--grid-size) * 50); }
-}
diff --git a/app/styles/spirit-product/_nested.css b/app/styles/spirit-product/_nested.css
deleted file mode 100644
index dc833b608f..0000000000
--- a/app/styles/spirit-product/_nested.css
+++ /dev/null
@@ -1,56 +0,0 @@
-/*
-
-    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;
-}
-
-.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;
-}
-
-.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;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.nested-copy-separator p+p {
-  margin-top: 1.5em;
-}
-
-.nested-img img {
-  width: 100%;
-  max-width: 100%;
-  display: block;
-}
-
-.nested-links a {
-  color: var(--blue);
-  transition: color .15s ease-in;
-}
-
-.nested-links a:hover,
-.nested-links a:focus {
-  color: var(--blue);
-  transition: color .15s ease-in;
-}
diff --git a/app/styles/spirit-product/_normalize.css b/app/styles/spirit-product/_normalize.css
deleted file mode 100644
index b944659343..0000000000
--- a/app/styles/spirit-product/_normalize.css
+++ /dev/null
@@ -1,449 +0,0 @@
-/*! 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 */
-  text-decoration: underline; /* 2 */
-  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;
-  margin: 0;
-  border: 0;
-}
-
-/**
- * 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;
-}
diff --git a/app/styles/spirit-product/_nudge.css b/app/styles/spirit-product/_nudge.css
deleted file mode 100644
index f3812766eb..0000000000
--- a/app/styles/spirit-product/_nudge.css
+++ /dev/null
@@ -1,682 +0,0 @@
-/*
-
-    Base:
-        nudge
-
-    Modifier:
-        -top = nudge from top (downwards)
-        -right = nudge from right (to left)
-        -bottom = nudge from bottom (upwards)
-        -left = nudge from left (to right)
-
-    Value:
-        --(n) = n px to nudge by
-
-    Media Query Extensions:
-        -ns = not-small
-        -m  = medium
-        -l  = large
-
-*/
-
-.nudge-top--1 {
-    position: relative;
-    top: 1px;
-}
-.nudge-top--2 {
-    position: relative;
-    top: 2px;
-}
-.nudge-top--3 {
-    position: relative;
-    top: 3px;
-}
-.nudge-top--4 {
-    position: relative;
-    top: 4px;
-}
-.nudge-top--5 {
-    position: relative;
-    top: 5px;
-}
-.nudge-top--6 {
-    position: relative;
-    top: 6px;
-}
-.nudge-top--7 {
-    position: relative;
-    top: 7px;
-}
-.nudge-top--8 {
-    position: relative;
-    top: 8px;
-}
-.nudge-top--9 {
-    position: relative;
-    top: 9px;
-}
-.nudge-top--10 {
-    position: relative;
-    top: 10px;
-}
-
-.nudge-right--1 {
-    position: relative;
-    right: 1px;
-}
-.nudge-right--2 {
-    position: relative;
-    right: 2px;
-}
-.nudge-right--3 {
-    position: relative;
-    right: 3px;
-}
-.nudge-right--4 {
-    position: relative;
-    right: 4px;
-}
-.nudge-right--5 {
-    position: relative;
-    right: 5px;
-}
-.nudge-right--6 {
-    position: relative;
-    right: 6px;
-}
-.nudge-right--7 {
-    position: relative;
-    right: 7px;
-}
-.nudge-right--8 {
-    position: relative;
-    right: 8px;
-}
-.nudge-right--9 {
-    position: relative;
-    right: 9px;
-}
-.nudge-right--10 {
-    position: relative;
-    right: 10px;
-}
-
-.nudge-bottom--1 {
-    position: relative;
-    bottom: 1px;
-}
-.nudge-bottom--2 {
-    position: relative;
-    bottom: 2px;
-}
-.nudge-bottom--3 {
-    position: relative;
-    bottom: 3px;
-}
-.nudge-bottom--4 {
-    position: relative;
-    bottom: 4px;
-}
-.nudge-bottom--5 {
-    position: relative;
-    bottom: 5px;
-}
-.nudge-bottom--6 {
-    position: relative;
-    bottom: 6px;
-}
-.nudge-bottom--7 {
-    position: relative;
-    bottom: 7px;
-}
-.nudge-bottom--8 {
-    position: relative;
-    bottom: 8px;
-}
-.nudge-bottom--9 {
-    position: relative;
-    bottom: 9px;
-}
-.nudge-bottom--10 {
-    position: relative;
-    bottom: 10px;
-}
-
-.nudge-left--1 {
-    position: relative;
-    left: 1px;
-}
-.nudge-left--2 {
-    position: relative;
-    left: 2px;
-}
-.nudge-left--3 {
-    position: relative;
-    left: 3px;
-}
-.nudge-left--4 {
-    position: relative;
-    left: 4px;
-}
-.nudge-left--5 {
-    position: relative;
-    left: 5px;
-}
-.nudge-left--6 {
-    position: relative;
-    left: 6px;
-}
-.nudge-left--7 {
-    position: relative;
-    left: 7px;
-}
-.nudge-left--8 {
-    position: relative;
-    left: 8px;
-}
-.nudge-left--9 {
-    position: relative;
-    left: 9px;
-}
-.nudge-left--10 {
-    position: relative;
-    left: 10px;
-}
-
-@media (--breakpoint-not-small) {
-    .nudge-top--1-ns {
-        position: relative;
-        top: 1px;
-    }
-    .nudge-top--2-ns {
-        position: relative;
-        top: 2px;
-    }
-    .nudge-top--3-ns {
-        position: relative;
-        top: 3px;
-    }
-    .nudge-top--4-ns {
-        position: relative;
-        top: 4px;
-    }
-    .nudge-top--5-ns {
-        position: relative;
-        top: 5px;
-    }
-    .nudge-top--6-ns {
-        position: relative;
-        top: 6px;
-    }
-    .nudge-top--7-ns {
-        position: relative;
-        top: 7px;
-    }
-    .nudge-top--8-ns {
-        position: relative;
-        top: 8px;
-    }
-    .nudge-top--9-ns {
-        position: relative;
-        top: 9px;
-    }
-    .nudge-top--10-ns {
-        position: relative;
-        top: 10px;
-    }
-
-    .nudge-right--1-ns {
-        position: relative;
-        right: 1px;
-    }
-    .nudge-right--2-ns {
-        position: relative;
-        right: 2px;
-    }
-    .nudge-right--3-ns {
-        position: relative;
-        right: 3px;
-    }
-    .nudge-right--4-ns {
-        position: relative;
-        right: 4px;
-    }
-    .nudge-right--5-ns {
-        position: relative;
-        right: 5px;
-    }
-    .nudge-right--6-ns {
-        position: relative;
-        right: 6px;
-    }
-    .nudge-right--7-ns {
-        position: relative;
-        right: 7px;
-    }
-    .nudge-right--8-ns {
-        position: relative;
-        right: 8px;
-    }
-    .nudge-right--9-ns {
-        position: relative;
-        right: 9px;
-    }
-    .nudge-right--10-ns {
-        position: relative;
-        right: 10px;
-    }
-
-    .nudge-bottom--1-ns {
-        position: relative;
-        bottom: 1px;
-    }
-    .nudge-bottom--2-ns {
-        position: relative;
-        bottom: 2px;
-    }
-    .nudge-bottom--3-ns {
-        position: relative;
-        bottom: 3px;
-    }
-    .nudge-bottom--4-ns {
-        position: relative;
-        bottom: 4px;
-    }
-    .nudge-bottom--5-ns {
-        position: relative;
-        bottom: 5px;
-    }
-    .nudge-bottom--6-ns {
-        position: relative;
-        bottom: 6px;
-    }
-    .nudge-bottom--7-ns {
-        position: relative;
-        bottom: 7px;
-    }
-    .nudge-bottom--8-ns {
-        position: relative;
-        bottom: 8px;
-    }
-    .nudge-bottom--9-ns {
-        position: relative;
-        bottom: 9px;
-    }
-    .nudge-bottom--10-ns {
-        position: relative;
-        bottom: 10px;
-    }
-
-    .nudge-left--1-ns {
-        position: relative;
-        left: 1px;
-    }
-    .nudge-left--2-ns {
-        position: relative;
-        left: 2px;
-    }
-    .nudge-left--3-ns {
-        position: relative;
-        left: 3px;
-    }
-    .nudge-left--4-ns {
-        position: relative;
-        left: 4px;
-    }
-    .nudge-left--5-ns {
-        position: relative;
-        left: 5px;
-    }
-    .nudge-left--6-ns {
-        position: relative;
-        left: 6px;
-    }
-    .nudge-left--7-ns {
-        position: relative;
-        left: 7px;
-    }
-    .nudge-left--8-ns {
-        position: relative;
-        left: 8px;
-    }
-    .nudge-left--9-ns {
-        position: relative;
-        left: 9px;
-    }
-    .nudge-left--10-ns {
-        position: relative;
-        left: 10px;
-    }
-}
-
-@media (--breakpoint-medium) {
-    .nudge-top--1-m {
-        position: relative;
-        top: 1px;
-    }
-    .nudge-top--2-m {
-        position: relative;
-        top: 2px;
-    }
-    .nudge-top--3-m {
-        position: relative;
-        top: 3px;
-    }
-    .nudge-top--4-m {
-        position: relative;
-        top: 4px;
-    }
-    .nudge-top--5-m {
-        position: relative;
-        top: 5px;
-    }
-    .nudge-top--6-m {
-        position: relative;
-        top: 6px;
-    }
-    .nudge-top--7-m {
-        position: relative;
-        top: 7px;
-    }
-    .nudge-top--8-m {
-        position: relative;
-        top: 8px;
-    }
-    .nudge-top--9-m {
-        position: relative;
-        top: 9px;
-    }
-    .nudge-top--10-m {
-        position: relative;
-        top: 10px;
-    }
-
-    .nudge-right--1-m {
-        position: relative;
-        right: 1px;
-    }
-    .nudge-right--2-m {
-        position: relative;
-        right: 2px;
-    }
-    .nudge-right--3-m {
-        position: relative;
-        right: 3px;
-    }
-    .nudge-right--4-m {
-        position: relative;
-        right: 4px;
-    }
-    .nudge-right--5-m {
-        position: relative;
-        right: 5px;
-    }
-    .nudge-right--6-m {
-        position: relative;
-        right: 6px;
-    }
-    .nudge-right--7-m {
-        position: relative;
-        right: 7px;
-    }
-    .nudge-right--8-m {
-        position: relative;
-        right: 8px;
-    }
-    .nudge-right--9-m {
-        position: relative;
-        right: 9px;
-    }
-    .nudge-right--10-m {
-        position: relative;
-        right: 10px;
-    }
-
-    .nudge-bottom--1-m {
-        position: relative;
-        bottom: 1px;
-    }
-    .nudge-bottom--2-m {
-        position: relative;
-        bottom: 2px;
-    }
-    .nudge-bottom--3-m {
-        position: relative;
-        bottom: 3px;
-    }
-    .nudge-bottom--4-m {
-        position: relative;
-        bottom: 4px;
-    }
-    .nudge-bottom--5-m {
-        position: relative;
-        bottom: 5px;
-    }
-    .nudge-bottom--6-m {
-        position: relative;
-        bottom: 6px;
-    }
-    .nudge-bottom--7-m {
-        position: relative;
-        bottom: 7px;
-    }
-    .nudge-bottom--8-m {
-        position: relative;
-        bottom: 8px;
-    }
-    .nudge-bottom--9-m {
-        position: relative;
-        bottom: 9px;
-    }
-    .nudge-bottom--10-m {
-        position: relative;
-        bottom: 10px;
-    }
-
-    .nudge-left--1-m {
-        position: relative;
-        left: 1px;
-    }
-    .nudge-left--2-m {
-        position: relative;
-        left: 2px;
-    }
-    .nudge-left--3-m {
-        position: relative;
-        left: 3px;
-    }
-    .nudge-left--4-m {
-        position: relative;
-        left: 4px;
-    }
-    .nudge-left--5-m {
-        position: relative;
-        left: 5px;
-    }
-    .nudge-left--6-m {
-        position: relative;
-        left: 6px;
-    }
-    .nudge-left--7-m {
-        position: relative;
-        left: 7px;
-    }
-    .nudge-left--8-m {
-        position: relative;
-        left: 8px;
-    }
-    .nudge-left--9-m {
-        position: relative;
-        left: 9px;
-    }
-    .nudge-left--10-m {
-        position: relative;
-        left: 10px;
-    }
-}
-
-@media (--breakpoint-large) {
-    .nudge-top--1-l {
-        position: relative;
-        top: 1px;
-    }
-    .nudge-top--2-l {
-        position: relative;
-        top: 2px;
-    }
-    .nudge-top--3-l {
-        position: relative;
-        top: 3px;
-    }
-    .nudge-top--4-l {
-        position: relative;
-        top: 4px;
-    }
-    .nudge-top--5-l {
-        position: relative;
-        top: 5px;
-    }
-    .nudge-top--6-l {
-        position: relative;
-        top: 6px;
-    }
-    .nudge-top--7-l {
-        position: relative;
-        top: 7px;
-    }
-    .nudge-top--8-l {
-        position: relative;
-        top: 8px;
-    }
-    .nudge-top--9-l {
-        position: relative;
-        top: 9px;
-    }
-    .nudge-top--10-l {
-        position: relative;
-        top: 10px;
-    }
-
-    .nudge-right--1-l {
-        position: relative;
-        right: 1px;
-    }
-    .nudge-right--2-l {
-        position: relative;
-        right: 2px;
-    }
-    .nudge-right--3-l {
-        position: relative;
-        right: 3px;
-    }
-    .nudge-right--4-l {
-        position: relative;
-        right: 4px;
-    }
-    .nudge-right--5-l {
-        position: relative;
-        right: 5px;
-    }
-    .nudge-right--6-l {
-        position: relative;
-        right: 6px;
-    }
-    .nudge-right--7-l {
-        position: relative;
-        right: 7px;
-    }
-    .nudge-right--8-l {
-        position: relative;
-        right: 8px;
-    }
-    .nudge-right--9-l {
-        position: relative;
-        right: 9px;
-    }
-    .nudge-right--10-l {
-        position: relative;
-        right: 10px;
-    }
-
-    .nudge-bottom--1-l {
-        position: relative;
-        bottom: 1px;
-    }
-    .nudge-bottom--2-l {
-        position: relative;
-        bottom: 2px;
-    }
-    .nudge-bottom--3-l {
-        position: relative;
-        bottom: 3px;
-    }
-    .nudge-bottom--4-l {
-        position: relative;
-        bottom: 4px;
-    }
-    .nudge-bottom--5-l {
-        position: relative;
-        bottom: 5px;
-    }
-    .nudge-bottom--6-l {
-        position: relative;
-        bottom: 6px;
-    }
-    .nudge-bottom--7-l {
-        position: relative;
-        bottom: 7px;
-    }
-    .nudge-bottom--8-l {
-        position: relative;
-        bottom: 8px;
-    }
-    .nudge-bottom--9-l {
-        position: relative;
-        bottom: 9px;
-    }
-    .nudge-bottom--10-l {
-        position: relative;
-        bottom: 10px;
-    }
-
-    .nudge-left--1-l {
-        position: relative;
-        left: 1px;
-    }
-    .nudge-left--2-l {
-        position: relative;
-        left: 2px;
-    }
-    .nudge-left--3-l {
-        position: relative;
-        left: 3px;
-    }
-    .nudge-left--4-l {
-        position: relative;
-        left: 4px;
-    }
-    .nudge-left--5-l {
-        position: relative;
-        left: 5px;
-    }
-    .nudge-left--6-l {
-        position: relative;
-        left: 6px;
-    }
-    .nudge-left--7-l {
-        position: relative;
-        left: 7px;
-    }
-    .nudge-left--8-l {
-        position: relative;
-        left: 8px;
-    }
-    .nudge-left--9-l {
-        position: relative;
-        left: 9px;
-    }
-    .nudge-left--10-l {
-        position: relative;
-        left: 10px;
-    }
-}
diff --git a/app/styles/spirit-product/_opacity.css b/app/styles/spirit-product/_opacity.css
deleted file mode 100644
index 9f3de143ee..0000000000
--- a/app/styles/spirit-product/_opacity.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.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; }
diff --git a/app/styles/spirit-product/_outlines.css b/app/styles/spirit-product/_outlines.css
deleted file mode 100644
index e9b0ed996b..0000000000
--- a/app/styles/spirit-product/_outlines.css
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
-
-   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 (--breakpoint-not-small) {
-  .outline-ns { outline: 1px solid; }
-  .outline-transparent-ns { outline: 1px solid transparent; }
-  .outline-0-ns { outline: 0; }
-}
-
-@media (--breakpoint-medium) {
-  .outline-m { outline: 1px solid; }
-  .outline-transparent-m { outline: 1px solid transparent; }
-  .outline-0-m { outline: 0; }
-}
-
-@media (--breakpoint-large) {
-  .outline-l { outline: 1px solid; }
-  .outline-transparent-l { outline: 1px solid transparent; }
-  .outline-0-l { outline: 0; }
-}
diff --git a/app/styles/spirit-product/_overflow.css b/app/styles/spirit-product/_overflow.css
deleted file mode 100644
index 82ca8ebbc4..0000000000
--- a/app/styles/spirit-product/_overflow.css
+++ /dev/null
@@ -1,75 +0,0 @@
-/*
-
-    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 (--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 (--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 (--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; }
-}
diff --git a/app/styles/spirit-product/_position.css b/app/styles/spirit-product/_position.css
deleted file mode 100644
index b8f7331985..0000000000
--- a/app/styles/spirit-product/_position.css
+++ /dev/null
@@ -1,38 +0,0 @@
-/*
-
-   Media Query Extensions:
-     -ns = not-small
-     -m  = medium
-     -l  = large
-
-*/
-
-.static { position: static; }
-.relative  { position: relative; }
-.absolute  { position: absolute; }
-.fixed  { position: fixed; }
-.sticky  { position: sticky; }
-
-@media (--breakpoint-not-small) {
-  .static-ns { position: static; }
-  .relative-ns  { position: relative; }
-  .absolute-ns  { position: absolute; }
-  .fixed-ns  { position: fixed; }
-  .sticky-ns  { position: sticky; }
-}
-
-@media (--breakpoint-medium) {
-  .static-m { position: static; }
-  .relative-m  { position: relative; }
-  .absolute-m  { position: absolute; }
-  .fixed-m  { position: fixed; }
-  .sticky-m  { position: sticky; }
-}
-
-@media (--breakpoint-large) {
-  .static-l { position: static; }
-  .relative-l  { position: relative; }
-  .absolute-l  { position: absolute; }
-  .fixed-l  { position: fixed; }
-  .sticky-l  { position: sticky; }
-}
diff --git a/app/styles/spirit-product/_rotations.css b/app/styles/spirit-product/_rotations.css
deleted file mode 100644
index 5adf7aad28..0000000000
--- a/app/styles/spirit-product/_rotations.css
+++ /dev/null
@@ -1,43 +0,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 (--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 (--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 (--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); }
-}
diff --git a/app/styles/spirit-product/_skins.css b/app/styles/spirit-product/_skins.css
deleted file mode 100644
index ce235254c4..0000000000
--- a/app/styles/spirit-product/_skins.css
+++ /dev/null
@@ -1,221 +0,0 @@
-/* Text colors */
-
-.blue           { color: var(--blue); }
-.green          { color: var(--green); }
-.purple          { color: var(--purple); }
-.yellow         { color: var(--yellow); }
-.red            { color: var(--red); }
-.pink           { color: var(--pink); }
-.white          { color: var(--white); }
-
-.white-10          { color: var(--white-10); }
-.white-20          { color: var(--white-20); }
-.white-30          { color: var(--white-30); }
-.white-40          { color: var(--white-40); }
-.white-50          { color: var(--white-50); }
-.white-60          { color: var(--white-60); }
-.white-70          { color: var(--white-70); }
-.white-80          { color: var(--white-80); }
-.white-90          { color: var(--white-90); }
-
-.black-10          { color: var(--black-10); }
-.black-20          { color: var(--black-20); }
-.black-30          { color: var(--black-30); }
-.black-40          { color: var(--black-40); }
-.black-50          { color: var(--black-50); }
-.black-60          { color: var(--black-60); }
-.black-70          { color: var(--black-70); }
-.black-80          { color: var(--black-80); }
-.black-90          { color: var(--black-90); }
-
-.darkgrey       { color: var(--darkgrey); }
-.middarkgrey    { color: var(--middarkgrey); }
-.midgrey        { color: var(--midgrey); }
-.midlightgrey   { color: var(--midlightgrey); }
-.lightgrey      { color: var(--lightgrey); }
-.whitegrey      { color: var(--whitegrey); }
-
-/* Shades */
-.blue-p3       { color: var(--blue-p3); }
-.blue-p2       { color: var(--blue-p2); }
-.blue-p1       { color: var(--blue-p1); }
-.blue-m1       { color: var(--blue-m1); }
-.blue-m2       { color: var(--blue-m2); }
-.blue-m3       { color: var(--blue-m3); }
-
-.green-p3       { color: var(--green-p3); }
-.green-p2       { color: var(--green-p2); }
-.green-p1       { color: var(--green-p1); }
-.green-m1       { color: var(--green-m1); }
-.green-m2       { color: var(--green-m2); }
-.green-m3       { color: var(--green-m3); }
-
-.purple-p3       { color: var(--purple-p3); }
-.purple-p2       { color: var(--purple-p2); }
-.purple-p1       { color: var(--purple-p1); }
-.purple-m1       { color: var(--purple-m1); }
-.purple-m2       { color: var(--purple-m2); }
-.purple-m3       { color: var(--purple-m3); }
-
-.yellow-p3       { color: var(--yellow-p3); }
-.yellow-p2       { color: var(--yellow-p2); }
-.yellow-p1       { color: var(--yellow-p1); }
-.yellow-m1       { color: var(--yellow-m1); }
-.yellow-m2       { color: var(--yellow-m2); }
-.yellow-m3       { color: var(--yellow-m3); }
-
-.red-p3       { color: var(--red-p3); }
-.red-p2       { color: var(--red-p2); }
-.red-p1       { color: var(--red-p1); }
-.red-m1       { color: var(--red-m1); }
-.red-m2       { color: var(--red-m2); }
-.red-m3       { color: var(--red-m3); }
-
-.pink-p3       { color: var(--pink-p3); }
-.pink-p2       { color: var(--pink-p2); }
-.pink-p1       { color: var(--pink-p1); }
-.pink-m1       { color: var(--pink-m1); }
-.pink-m2       { color: var(--pink-m2); }
-.pink-m3       { color: var(--pink-m3); }
-
-.darkgrey-p2       { color: var(--darkgrey-p2); }
-.darkgrey-p1       { color: var(--darkgrey-p1); }
-.darkgrey-m1       { color: var(--darkgrey-m1); }
-.darkgrey-m2       { color: var(--darkgrey-m2); }
-
-.middarkgrey-p2       { color: var(--middarkgrey-p2); }
-.middarkgrey-p1       { color: var(--middarkgrey-p1); }
-.middarkgrey-m1       { color: var(--middarkgrey-m1); }
-.middarkgrey-m2       { color: var(--middarkgrey-m2); }
-
-.midgrey-p2       { color: var(--midgrey-p2); }
-.midgrey-p1       { color: var(--midgrey-p1); }
-.midgrey-m1       { color: var(--midgrey-m1); }
-.midgrey-m2       { color: var(--midgrey-m2); }
-
-.midlightgrey-p2       { color: var(--midlightgrey-p2); }
-.midlightgrey-p1       { color: var(--midlightgrey-p1); }
-.midlightgrey-m1       { color: var(--midlightgrey-m1); }
-.midlightgrey-m2       { color: var(--midlightgrey-m2); }
-
-.lightgrey-p2       { color: var(--lightgrey-p2); }
-.lightgrey-p1       { color: var(--lightgrey-p1); }
-.lightgrey-m1       { color: var(--lightgrey-m1); }
-.lightgrey-m2       { color: var(--lightgrey-m2); }
-
-.whitegrey-p2       { color: var(--whitegrey-p2); }
-.whitegrey-p1       { color: var(--whitegrey-p1); }
-.whitegrey-m1       { color: var(--whitegrey-m1); }
-.whitegrey-m2       { color: var(--whitegrey-m2); }
-
-.color-inherit { color: inherit; }
-
-/* Background colors */
-.bg-blue           { background-color: var(--blue); }
-.bg-green          { background-color: var(--green); }
-.bg-purple          { background-color: var(--purple); }
-.bg-yellow         { background-color: var(--yellow); }
-.bg-red            { background-color: var(--red); }
-.bg-pink           { background-color: var(--pink); }
-.bg-white          { background-color: var(--white); }
-.bg-transparent     { background-color: transparent !important;}
-
-.bg-white-10          { background-color: var(--white-10); }
-.bg-white-20          { background-color: var(--white-20); }
-.bg-white-30          { background-color: var(--white-30); }
-.bg-white-40          { background-color: var(--white-40); }
-.bg-white-50          { background-color: var(--white-50); }
-.bg-white-60          { background-color: var(--white-60); }
-.bg-white-70          { background-color: var(--white-70); }
-.bg-white-80          { background-color: var(--white-80); }
-.bg-white-90          { background-color: var(--white-90); }
-
-.bg-black-10          { background-color: var(--black-10); }
-.bg-black-20          { background-color: var(--black-20); }
-.bg-black-30          { background-color: var(--black-30); }
-.bg-black-40          { background-color: var(--black-40); }
-.bg-black-50          { background-color: var(--black-50); }
-.bg-black-60          { background-color: var(--black-60); }
-.bg-black-70          { background-color: var(--black-70); }
-.bg-black-80          { background-color: var(--black-80); }
-.bg-black-90          { background-color: var(--black-90); }
-
-.bg-darkgrey       { background-color: var(--darkgrey); }
-.bg-middarkgrey    { background-color: var(--middarkgrey); }
-.bg-midgrey        { background-color: var(--midgrey); }
-.bg-midlightgrey   { background-color: var(--midlightgrey); }
-.bg-lightgrey      { background-color: var(--lightgrey); }
-.bg-whitegrey      { background-color: var(--whitegrey); }
-
-/* Shades */
-.bg-blue-p3       { background-color: var(--blue-p3); }
-.bg-blue-p2       { background-color: var(--blue-p2); }
-.bg-blue-p1       { background-color: var(--blue-p1); }
-.bg-blue-m1       { background-color: var(--blue-m1); }
-.bg-blue-m2       { background-color: var(--blue-m2); }
-.bg-blue-m3       { background-color: var(--blue-m3); }
-
-.bg-green-p3       { background-color: var(--green-p3); }
-.bg-green-p2       { background-color: var(--green-p2); }
-.bg-green-p1       { background-color: var(--green-p1); }
-.bg-green-m1       { background-color: var(--green-m1); }
-.bg-green-m2       { background-color: var(--green-m2); }
-.bg-green-m3       { background-color: var(--green-m3); }
-
-.bg-purple-p3       { background-color: var(--purple-p3); }
-.bg-purple-p2       { background-color: var(--purple-p2); }
-.bg-purple-p1       { background-color: var(--purple-p1); }
-.bg-purple-m1       { background-color: var(--purple-m1); }
-.bg-purple-m2       { background-color: var(--purple-m2); }
-.bg-purple-m3       { background-color: var(--purple-m3); }
-
-.bg-yellow-p3       { background-color: var(--yellow-p3); }
-.bg-yellow-p2       { background-color: var(--yellow-p2); }
-.bg-yellow-p1       { background-color: var(--yellow-p1); }
-.bg-yellow-m1       { background-color: var(--yellow-m1); }
-.bg-yellow-m2       { background-color: var(--yellow-m2); }
-.bg-yellow-m3       { background-color: var(--yellow-m3); }
-
-.bg-red-p3       { background-color: var(--red-p3); }
-.bg-red-p2       { background-color: var(--red-p2); }
-.bg-red-p1       { background-color: var(--red-p1); }
-.bg-red-m1       { background-color: var(--red-m1); }
-.bg-red-m2       { background-color: var(--red-m2); }
-.bg-red-m3       { background-color: var(--red-m3); }
-
-.bg-pink-p3       { background-color: var(--pink-p3); }
-.bg-pink-p2       { background-color: var(--pink-p2); }
-.bg-pink-p1       { background-color: var(--pink-p1); }
-.bg-pink-m1       { background-color: var(--pink-m1); }
-.bg-pink-m2       { background-color: var(--pink-m2); }
-.bg-pink-m3       { background-color: var(--pink-m3); }
-
-.bg-darkgrey-p2       { background-color: var(--darkgrey-p2); }
-.bg-darkgrey-p1       { background-color: var(--darkgrey-p1); }
-.bg-darkgrey-m1       { background-color: var(--darkgrey-m1); }
-.bg-darkgrey-m2       { background-color: var(--darkgrey-m2); }
-
-.bg-middarkgrey-p2       { background-color: var(--middarkgrey-p2); }
-.bg-middarkgrey-p1       { background-color: var(--middarkgrey-p1); }
-.bg-middarkgrey-m1       { background-color: var(--middarkgrey-m1); }
-.bg-middarkgrey-m2       { background-color: var(--middarkgrey-m2); }
-
-.bg-midgrey-p2       { background-color: var(--midgrey-p2); }
-.bg-midgrey-p1       { background-color: var(--midgrey-p1); }
-.bg-midgrey-m1       { background-color: var(--midgrey-m1); }
-.bg-midgrey-m2       { background-color: var(--midgrey-m2); }
-
-.bg-midlightgrey-p2       { background-color: var(--midlightgrey-p2); }
-.bg-midlightgrey-p1       { background-color: var(--midlightgrey-p1); }
-.bg-midlightgrey-m1       { background-color: var(--midlightgrey-m1); }
-.bg-midlightgrey-m2       { background-color: var(--midlightgrey-m2); }
-
-.bg-lightgrey-p2       { background-color: var(--lightgrey-p2); }
-.bg-lightgrey-p1       { background-color: var(--lightgrey-p1); }
-.bg-lightgrey-m1       { background-color: var(--lightgrey-m1); }
-.bg-lightgrey-m2       { background-color: var(--lightgrey-m2); }
-
-.bg-whitegrey-p2       { background-color: var(--whitegrey-p2); }
-.bg-whitegrey-p1       { background-color: var(--whitegrey-p1); }
-.bg-whitegrey-m1       { background-color: var(--whitegrey-m1); }
-.bg-whitegrey-m2       { background-color: var(--whitegrey-m2); }
diff --git a/app/styles/spirit-product/_spacing-backup.css b/app/styles/spirit-product/_spacing-backup.css
deleted file mode 100644
index 3f6b2c4ec4..0000000000
--- a/app/styles/spirit-product/_spacing-backup.css
+++ /dev/null
@@ -1,861 +0,0 @@
-/*
-    Variables
-
-    Remember, these variables are set to work with a 62.5% font-size base on
-    the HTML element. That means 1rem = 10px;
-*/
-
-:root {
-  --spacing-none: 0;
-  --spacing-extra-small: .5rem;
-  --spacing-small: 1rem;
-  --spacing-medium: 2rem;
-  --spacing-large: 3rem;
-  --spacing-xl: 4rem;
-  --spacing-xxl: 5rem;
-  --spacing-xxxl: 6rem;
-  --spacing-xxxxl: 10rem;
-  --spacing-xxxxxl: 16rem;
-
-  --spacing-vw-extra-small: 2vw;
-  --spacing-vw-small: 3vw;
-  --spacing-vw-medium: 4vw;
-  --spacing-vw-large: 6vw;
-  --spacing-vw-xl: 8vw;
-  --spacing-vw-xxl: 12vw;
-  --spacing-vw-xxxl: 15vw;
-  --spacing-vw-xxxxl: 20vw;
-}
-
-/*
-
-
-   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
-     t = top
-     r = right
-     b = bottom
-     l = left
-
-   Media Query Extensions:
-     -ns = not-small
-     -m  = medium
-     -l  = large
-
-*/
-
-
-.pa0 { padding: var(--spacing-none); }
-.pa1 { padding: var(--spacing-extra-small); }
-.pa2 { padding: var(--spacing-small); }
-.pa3 { padding: var(--spacing-medium); }
-.pa4 { padding: var(--spacing-large); }
-.pa5 { padding: var(--spacing-xl); }
-.pa6 { padding: var(--spacing-xxl); }
-.pa7 { padding: var(--spacing-xxxl); }
-.pa8 { padding: var(--spacing-xxxxl); }
-.pa9 { padding: var(--spacing-xxxxxl); }
-
-.pa-vw1 { padding: var(--spacing-vw-extra-small); }
-.pa-vw2 { padding: var(--spacing-vw-small); }
-.pa-vw3 { padding: var(--spacing-vw-medium); }
-.pa-vw4 { padding: var(--spacing-vw-large); }
-.pa-vw5 { padding: var(--spacing-vw-xl); }
-.pa-vw6 { padding: var(--spacing-vw-xxl); }
-.pa-vw7 { padding: var(--spacing-vw-xxxl); }
-.pa-vw8 { padding: var(--spacing-vw-xxxxl); }
-
-.pl0 { padding-left: var(--spacing-none); }
-.pl1 { padding-left: var(--spacing-extra-small); }
-.pl2 { padding-left: var(--spacing-small); }
-.pl3 { padding-left: var(--spacing-medium); }
-.pl4 { padding-left: var(--spacing-large); }
-.pl5 { padding-left: var(--spacing-xl); }
-.pl6 { padding-left: var(--spacing-xxl); }
-.pl7 { padding-left: var(--spacing-xxxl); }
-.pl8 { padding-left: var(--spacing-xxxxl); }
-.pl9 { padding-left: var(--spacing-xxxxxl); }
-
-.pl-vw1 { padding-left: var(--spacing-vw-extra-small); }
-.pl-vw2 { padding-left: var(--spacing-vw-small); }
-.pl-vw3 { padding-left: var(--spacing-vw-medium); }
-.pl-vw4 { padding-left: var(--spacing-vw-large); }
-.pl-vw5 { padding-left: var(--spacing-vw-xl); }
-.pl-vw6 { padding-left: var(--spacing-vw-xxl); }
-.pl-vw7 { padding-left: var(--spacing-vw-xxxl); }
-.pl-vw8 { padding-left: var(--spacing-vw-xxxxl); }
-
-.pr0 { padding-right: var(--spacing-none); }
-.pr1 { padding-right: var(--spacing-extra-small); }
-.pr2 { padding-right: var(--spacing-small); }
-.pr3 { padding-right: var(--spacing-medium); }
-.pr4 { padding-right: var(--spacing-large); }
-.pr5 { padding-right: var(--spacing-xl); }
-.pr6 { padding-right: var(--spacing-xxl); }
-.pr7 { padding-right: var(--spacing-xxxl); }
-.pr8 { padding-right: var(--spacing-xxxxl); }
-.pr9 { padding-right: var(--spacing-xxxxxl); }
-
-.pr-vw1 { padding-right: var(--spacing-vw-extra-small); }
-.pr-vw2 { padding-right: var(--spacing-vw-small); }
-.pr-vw3 { padding-right: var(--spacing-vw-medium); }
-.pr-vw4 { padding-right: var(--spacing-vw-large); }
-.pr-vw5 { padding-right: var(--spacing-vw-xl); }
-.pr-vw6 { padding-right: var(--spacing-vw-xxl); }
-.pr-vw7 { padding-right: var(--spacing-vw-xxxl); }
-.pr-vw8 { padding-right: var(--spacing-vw-xxxxl); }
-
-.pb0 { padding-bottom: var(--spacing-none); }
-.pb1 { padding-bottom: var(--spacing-extra-small); }
-.pb2 { padding-bottom: var(--spacing-small); }
-.pb3 { padding-bottom: var(--spacing-medium); }
-.pb4 { padding-bottom: var(--spacing-large); }
-.pb5 { padding-bottom: var(--spacing-xl); }
-.pb6 { padding-bottom: var(--spacing-xxl); }
-.pb7 { padding-bottom: var(--spacing-xxxl); }
-.pb8 { padding-bottom: var(--spacing-xxxxl); }
-.pb9 { padding-bottom: var(--spacing-xxxxxl); }
-
-.pb-vw1 { padding-bottom: var(--spacing-vw-extra-small); }
-.pb-vw2 { padding-bottom: var(--spacing-vw-small); }
-.pb-vw3 { padding-bottom: var(--spacing-vw-medium); }
-.pb-vw4 { padding-bottom: var(--spacing-vw-large); }
-.pb-vw5 { padding-bottom: var(--spacing-vw-xl); }
-.pb-vw6 { padding-bottom: var(--spacing-vw-xxl); }
-.pb-vw7 { padding-bottom: var(--spacing-vw-xxxl); }
-.pb-vw8 { padding-bottom: var(--spacing-vw-xxxxl); }
-
-.pt0 { padding-top: var(--spacing-none); }
-.pt1 { padding-top: var(--spacing-extra-small); }
-.pt2 { padding-top: var(--spacing-small); }
-.pt3 { padding-top: var(--spacing-medium); }
-.pt4 { padding-top: var(--spacing-large); }
-.pt5 { padding-top: var(--spacing-xl); }
-.pt6 { padding-top: var(--spacing-xxl); }
-.pt7 { padding-top: var(--spacing-xxxl); }
-.pt8 { padding-top: var(--spacing-xxxxl); }
-.pt9 { padding-top: var(--spacing-xxxxxl); }
-
-.pt-vw1 { padding-top: var(--spacing-vw-extra-small); }
-.pt-vw2 { padding-top: var(--spacing-vw-small); }
-.pt-vw3 { padding-top: var(--spacing-vw-medium); }
-.pt-vw4 { padding-top: var(--spacing-vw-large); }
-.pt-vw5 { padding-top: var(--spacing-vw-xl); }
-.pt-vw6 { padding-top: var(--spacing-vw-xxl); }
-.pt-vw7 { padding-top: var(--spacing-vw-xxxl); }
-.pt-vw8 { padding-top: var(--spacing-vw-xxxxl); }
-
-.ma0 {  margin: var(--spacing-none); }
-.ma1 {  margin: var(--spacing-extra-small); }
-.ma2 {  margin: var(--spacing-small); }
-.ma3 {  margin: var(--spacing-medium); }
-.ma4 {  margin: var(--spacing-large); }
-.ma5 {  margin: var(--spacing-xl); }
-.ma6 {  margin: var(--spacing-xxl); }
-.ma7 { margin: var(--spacing-xxxl); }
-.ma8 {  margin: var(--spacing-xxxxl); }
-.ma9 { margin: var(--spacing-xxxxxl); }
-
-.ma-vw1 { margin: var(--spacing-vw-extra-small); }
-.ma-vw2 { margin: var(--spacing-vw-small); }
-.ma-vw3 { margin: var(--spacing-vw-medium); }
-.ma-vw4 { margin: var(--spacing-vw-large); }
-.ma-vw5 { margin: var(--spacing-vw-xl); }
-.ma-vw6 { margin: var(--spacing-vw-xxl); }
-.ma-vw7 { margin: var(--spacing-vw-xxxl); }
-.ma-vw8 { margin: var(--spacing-vw-xxxxl); }
-
-.ml0 {  margin-left: var(--spacing-none); }
-.ml1 {  margin-left: var(--spacing-extra-small); }
-.ml2 {  margin-left: var(--spacing-small); }
-.ml3 {  margin-left: var(--spacing-medium); }
-.ml4 {  margin-left: var(--spacing-large); }
-.ml5 {  margin-left: var(--spacing-xl); }
-.ml6 {  margin-left: var(--spacing-xxl); }
-.ml7 { margin-left: var(--spacing-xxxl); }
-.ml8 {  margin-left: var(--spacing-xxxxl); }
-.ml9 { margin-left: var(--spacing-xxxxxl); }
-
-.ml-vw1 { margin-left: var(--spacing-vw-extra-small); }
-.ml-vw2 { margin-left: var(--spacing-vw-small); }
-.ml-vw3 { margin-left: var(--spacing-vw-medium); }
-.ml-vw4 { margin-left: var(--spacing-vw-large); }
-.ml-vw5 { margin-left: var(--spacing-vw-xl); }
-.ml-vw6 { margin-left: var(--spacing-vw-xxl); }
-.ml-vw7 { margin-left: var(--spacing-vw-xxxl); }
-.ml-vw8 { margin-left: var(--spacing-vw-xxxxl); }
-
-.mr0 {  margin-right: var(--spacing-none); }
-.mr1 {  margin-right: var(--spacing-extra-small); }
-.mr2 {  margin-right: var(--spacing-small); }
-.mr3 {  margin-right: var(--spacing-medium); }
-.mr4 {  margin-right: var(--spacing-large); }
-.mr5 {  margin-right: var(--spacing-xl); }
-.mr6 {  margin-right: var(--spacing-xxl); }
-.mr7 { margin-right: var(--spacing-xxxl); }
-.mr8 {  margin-right: var(--spacing-xxxxl); }
-.mr9 { margin-right: var(--spacing-xxxxxl); }
-
-.mr-vw1 { margin-right: var(--spacing-vw-extra-small); }
-.mr-vw2 { margin-right: var(--spacing-vw-small); }
-.mr-vw3 { margin-right: var(--spacing-vw-medium); }
-.mr-vw4 { margin-right: var(--spacing-vw-large); }
-.mr-vw5 { margin-right: var(--spacing-vw-xl); }
-.mr-vw6 { margin-right: var(--spacing-vw-xxl); }
-.mr-vw7 { margin-right: var(--spacing-vw-xxxl); }
-.mr-vw8 { margin-right: var(--spacing-vw-xxxxl); }
-
-.mb0 {  margin-bottom: var(--spacing-none); }
-.mb1 {  margin-bottom: var(--spacing-extra-small); }
-.mb2 {  margin-bottom: var(--spacing-small); }
-.mb3 {  margin-bottom: var(--spacing-medium); }
-.mb4 {  margin-bottom: var(--spacing-large); }
-.mb5 {  margin-bottom: var(--spacing-xl); }
-.mb6 {  margin-bottom: var(--spacing-xxl); }
-.mb7 { margin-bottom: var(--spacing-xxxl); }
-.mb8 {  margin-bottom: var(--spacing-xxxxl); }
-.mb9 { margin-bottom: var(--spacing-xxxxxl); }
-
-.mb-vw1 { margin-bottom: var(--spacing-vw-extra-small); }
-.mb-vw2 { margin-bottom: var(--spacing-vw-small); }
-.mb-vw3 { margin-bottom: var(--spacing-vw-medium); }
-.mb-vw4 { margin-bottom: var(--spacing-vw-large); }
-.mb-vw5 { margin-bottom: var(--spacing-vw-xl); }
-.mb-vw6 { margin-bottom: var(--spacing-vw-xxl); }
-.mb-vw7 { margin-bottom: var(--spacing-vw-xxxl); }
-.mb-vw8 { margin-bottom: var(--spacing-vw-xxxxl); }
-
-.mt0 {  margin-top: var(--spacing-none); }
-.mt1 {  margin-top: var(--spacing-extra-small); }
-.mt2 {  margin-top: var(--spacing-small); }
-.mt3 {  margin-top: var(--spacing-medium); }
-.mt4 {  margin-top: var(--spacing-large); }
-.mt5 {  margin-top: var(--spacing-xl); }
-.mt6 {  margin-top: var(--spacing-xxl); }
-.mt7 { margin-top: var(--spacing-xxxl); }
-.mt8 {  margin-top: var(--spacing-xxxxl); }
-.mt9 { margin-top: var(--spacing-xxxxxl); }
-
-.mt-vw1 { margin-top: var(--spacing-vw-extra-small); }
-.mt-vw2 { margin-top: var(--spacing-vw-small); }
-.mt-vw3 { margin-top: var(--spacing-vw-medium); }
-.mt-vw4 { margin-top: var(--spacing-vw-large); }
-.mt-vw5 { margin-top: var(--spacing-vw-xl); }
-.mt-vw6 { margin-top: var(--spacing-vw-xxl); }
-.mt-vw7 { margin-top: var(--spacing-vw-xxxl); }
-.mt-vw8 { margin-top: var(--spacing-vw-xxxxl); }
-
-@media (--breakpoint-not-small) {
-    .pa0-ns { padding: var(--spacing-none); }
-    .pa1-ns { padding: var(--spacing-extra-small); }
-    .pa2-ns { padding: var(--spacing-small); }
-    .pa3-ns { padding: var(--spacing-medium); }
-    .pa4-ns { padding: var(--spacing-large); }
-    .pa5-ns { padding: var(--spacing-xl); }
-    .pa6-ns { padding: var(--spacing-xxl); }
-    .pa7-ns { padding: var(--spacing-xxxl); }
-    .pa8-ns { padding: var(--spacing-xxxxl); }
-    .pa9-ns { padding: var(--spacing-xxxxxl); }
-
-    .pr-vw1-ns { padding-right: var(--spacing-vw-extra-small); }
-    .pr-vw2-ns { padding-right: var(--spacing-vw-small); }
-    .pr-vw3-ns { padding-right: var(--spacing-vw-medium); }
-    .pr-vw4-ns { padding-right: var(--spacing-vw-large); }
-    .pr-vw5-ns { padding-right: var(--spacing-vw-xl); }
-    .pr-vw6-ns { padding-right: var(--spacing-vw-xxl); }
-    .pr-vw7-ns { padding-right: var(--spacing-vw-xxxl); }
-    .pr-vw8-ns { padding-right: var(--spacing-vw-xxxxl); }
-
-    .pl0-ns { padding-left: var(--spacing-none); }
-    .pl1-ns { padding-left: var(--spacing-extra-small); }
-    .pl2-ns { padding-left: var(--spacing-small); }
-    .pl3-ns { padding-left: var(--spacing-medium); }
-    .pl4-ns { padding-left: var(--spacing-large); }
-    .pl5-ns { padding-left: var(--spacing-xl); }
-    .pl6-ns { padding-left: var(--spacing-xxl); }
-    .pl7-ns { padding-left: var(--spacing-xxxl); }
-    .pl8-ns { padding-left: var(--spacing-xxxxl); }
-    .pl9-ns { padding-left: var(--spacing-xxxxxl); }
-
-    .pl-vw1-ns { padding-left: var(--spacing-vw-extra-small); }
-    .pl-vw2-ns { padding-left: var(--spacing-vw-small); }
-    .pl-vw3-ns { padding-left: var(--spacing-vw-medium); }
-    .pl-vw4-ns { padding-left: var(--spacing-vw-large); }
-    .pl-vw5-ns { padding-left: var(--spacing-vw-xl); }
-    .pl-vw6-ns { padding-left: var(--spacing-vw-xxl); }
-    .pl-vw7-ns { padding-left: var(--spacing-vw-xxxl); }
-    .pl-vw8-ns { padding-left: var(--spacing-vw-xxxxl); }
-
-    .pr0-ns { padding-right: var(--spacing-none); }
-    .pr1-ns { padding-right: var(--spacing-extra-small); }
-    .pr2-ns { padding-right: var(--spacing-small); }
-    .pr3-ns { padding-right: var(--spacing-medium); }
-    .pr4-ns { padding-right: var(--spacing-large); }
-    .pr5-ns { padding-right: var(--spacing-xl); }
-    .pr6-ns { padding-right: var(--spacing-xxl); }
-    .pr7-ns { padding-right: var(--spacing-xxxl); }
-    .pr8-ns { padding-right: var(--spacing-xxxxl); }
-    .pr9-ns { padding-right: var(--spacing-xxxxxl); }
-
-    .pr-vw1-ns { padding-right: var(--spacing-vw-extra-small); }
-    .pr-vw2-ns { padding-right: var(--spacing-vw-small); }
-    .pr-vw3-ns { padding-right: var(--spacing-vw-medium); }
-    .pr-vw4-ns { padding-right: var(--spacing-vw-large); }
-    .pr-vw5-ns { padding-right: var(--spacing-vw-xl); }
-    .pr-vw6-ns { padding-right: var(--spacing-vw-xxl); }
-    .pr-vw7-ns { padding-right: var(--spacing-vw-xxxl); }
-    .pr-vw8-ns { padding-right: var(--spacing-vw-xxxxl); }
-
-    .pb0-ns { padding-bottom: var(--spacing-none); }
-    .pb1-ns { padding-bottom: var(--spacing-extra-small); }
-    .pb2-ns { padding-bottom: var(--spacing-small); }
-    .pb3-ns { padding-bottom: var(--spacing-medium); }
-    .pb4-ns { padding-bottom: var(--spacing-large); }
-    .pb5-ns { padding-bottom: var(--spacing-xl); }
-    .pb6-ns { padding-bottom: var(--spacing-xxl); }
-    .pb7-ns { padding-bottom: var(--spacing-xxxl); }
-    .pb8-ns { padding-bottom: var(--spacing-xxxxl); }
-    .pb9-ns { padding-bottom: var(--spacing-xxxxxl); }
-
-    .pb-vw1-ns { padding-bottom: var(--spacing-vw-extra-small); }
-    .pb-vw2-ns { padding-bottom: var(--spacing-vw-small); }
-    .pb-vw3-ns { padding-bottom: var(--spacing-vw-medium); }
-    .pb-vw4-ns { padding-bottom: var(--spacing-vw-large); }
-    .pb-vw5-ns { padding-bottom: var(--spacing-vw-xl); }
-    .pb-vw6-ns { padding-bottom: var(--spacing-vw-xxl); }
-    .pb-vw7-ns { padding-bottom: var(--spacing-vw-xxxl); }
-    .pb-vw8-ns { padding-bottom: var(--spacing-vw-xxxxl); }
-
-    .pt0-ns { padding-top: var(--spacing-none); }
-    .pt1-ns { padding-top: var(--spacing-extra-small); }
-    .pt2-ns { padding-top: var(--spacing-small); }
-    .pt3-ns { padding-top: var(--spacing-medium); }
-    .pt4-ns { padding-top: var(--spacing-large); }
-    .pt5-ns { padding-top: var(--spacing-xl); }
-    .pt6-ns { padding-top: var(--spacing-xxl); }
-    .pt7-ns { padding-top: var(--spacing-xxxl); }
-    .pt8-ns { padding-top: var(--spacing-xxxxl); }
-    .pt9-ns { padding-top: var(--spacing-xxxxxl); }
-
-    .pt-vw1-ns { padding-top: var(--spacing-vw-extra-small); }
-    .pt-vw2-ns { padding-top: var(--spacing-vw-small); }
-    .pt-vw3-ns { padding-top: var(--spacing-vw-medium); }
-    .pt-vw4-ns { padding-top: var(--spacing-vw-large); }
-    .pt-vw5-ns { padding-top: var(--spacing-vw-xl); }
-    .pt-vw6-ns { padding-top: var(--spacing-vw-xxl); }
-    .pt-vw7-ns { padding-top: var(--spacing-vw-xxxl); }
-    .pt-vw8-ns { padding-top: var(--spacing-vw-xxxxl); }
-
-    .ma0-ns {  margin: var(--spacing-none); }
-    .ma1-ns {  margin: var(--spacing-extra-small); }
-    .ma2-ns {  margin: var(--spacing-small); }
-    .ma3-ns {  margin: var(--spacing-medium); }
-    .ma4-ns {  margin: var(--spacing-large); }
-    .ma5-ns {  margin: var(--spacing-xl); }
-    .ma6-ns {  margin: var(--spacing-xxl); }
-    .ma7-ns { margin: var(--spacing-xxxl); }
-    .ma8-ns {  margin: var(--spacing-xxxxl); }
-    .ma9-ns { margin: var(--spacing-xxxxxl); }
-
-    .ma-vw1-ns { margin: var(--spacing-vw-extra-small); }
-    .ma-vw2-ns { margin: var(--spacing-vw-small); }
-    .ma-vw3-ns { margin: var(--spacing-vw-medium); }
-    .ma-vw4-ns { margin: var(--spacing-vw-large); }
-    .ma-vw5-ns { margin: var(--spacing-vw-xl); }
-    .ma-vw6-ns { margin: var(--spacing-vw-xxl); }
-    .ma-vw7-ns { margin: var(--spacing-vw-xxxl); }
-    .ma-vw8-ns { margin: var(--spacing-vw-xxxxl); }
-
-    .ml0-ns {  margin-left: var(--spacing-none); }
-    .ml1-ns {  margin-left: var(--spacing-extra-small); }
-    .ml2-ns {  margin-left: var(--spacing-small); }
-    .ml3-ns {  margin-left: var(--spacing-medium); }
-    .ml4-ns {  margin-left: var(--spacing-large); }
-    .ml5-ns {  margin-left: var(--spacing-xl); }
-    .ml6-ns {  margin-left: var(--spacing-xxl); }
-    .ml7-ns { margin-left: var(--spacing-xxxl); }
-    .ml8-ns {  margin-left: var(--spacing-xxxxl); }
-    .ml9-ns { margin-left: var(--spacing-xxxxxl); }
-
-    .ml-vw1-ns { margin-left: var(--spacing-vw-extra-small); }
-    .ml-vw2-ns { margin-left: var(--spacing-vw-small); }
-    .ml-vw3-ns { margin-left: var(--spacing-vw-medium); }
-    .ml-vw4-ns { margin-left: var(--spacing-vw-large); }
-    .ml-vw5-ns { margin-left: var(--spacing-vw-xl); }
-    .ml-vw6-ns { margin-left: var(--spacing-vw-xxl); }
-    .ml-vw7-ns { margin-left: var(--spacing-vw-xxxl); }
-    .ml-vw8-ns { margin-left: var(--spacing-vw-xxxxl); }
-
-    .mr0-ns {  margin-right: var(--spacing-none); }
-    .mr1-ns {  margin-right: var(--spacing-extra-small); }
-    .mr2-ns {  margin-right: var(--spacing-small); }
-    .mr3-ns {  margin-right: var(--spacing-medium); }
-    .mr4-ns {  margin-right: var(--spacing-large); }
-    .mr5-ns {  margin-right: var(--spacing-xl); }
-    .mr6-ns {  margin-right: var(--spacing-xxl); }
-    .mr7-ns { margin-right: var(--spacing-xxxl); }
-    .mr8-ns {  margin-right: var(--spacing-xxxxl); }
-    .mr9-ns { margin-right: var(--spacing-xxxxxl); }
-
-    .mr-vw1-ns { margin-right: var(--spacing-vw-extra-small); }
-    .mr-vw2-ns { margin-right: var(--spacing-vw-small); }
-    .mr-vw3-ns { margin-right: var(--spacing-vw-medium); }
-    .mr-vw4-ns { margin-right: var(--spacing-vw-large); }
-    .mr-vw5-ns { margin-right: var(--spacing-vw-xl); }
-    .mr-vw6-ns { margin-right: var(--spacing-vw-xxl); }
-    .mr-vw7-ns { margin-right: var(--spacing-vw-xxxl); }
-    .mr-vw8-ns { margin-right: var(--spacing-vw-xxxxl); }
-
-    .mb0-ns {  margin-bottom: var(--spacing-none); }
-    .mb1-ns {  margin-bottom: var(--spacing-extra-small); }
-    .mb2-ns {  margin-bottom: var(--spacing-small); }
-    .mb3-ns {  margin-bottom: var(--spacing-medium); }
-    .mb4-ns {  margin-bottom: var(--spacing-large); }
-    .mb5-ns {  margin-bottom: var(--spacing-xl); }
-    .mb6-ns {  margin-bottom: var(--spacing-xxl); }
-    .mb7-ns { margin-bottom: var(--spacing-xxxl); }
-    .mb8-ns {  margin-bottom: var(--spacing-xxxxl); }
-    .mb9-ns { margin-bottom: var(--spacing-xxxxxl); }
-
-    .mb-vw1-ns { margin-bottom: var(--spacing-vw-extra-small); }
-    .mb-vw2-ns { margin-bottom: var(--spacing-vw-small); }
-    .mb-vw3-ns { margin-bottom: var(--spacing-vw-medium); }
-    .mb-vw4-ns { margin-bottom: var(--spacing-vw-large); }
-    .mb-vw5-ns { margin-bottom: var(--spacing-vw-xl); }
-    .mb-vw6-ns { margin-bottom: var(--spacing-vw-xxl); }
-    .mb-vw7-ns { margin-bottom: var(--spacing-vw-xxxl); }
-    .mb-vw8-ns { margin-bottom: var(--spacing-vw-xxxxl); }
-
-    .mt0-ns {  margin-top: var(--spacing-none); }
-    .mt1-ns {  margin-top: var(--spacing-extra-small); }
-    .mt2-ns {  margin-top: var(--spacing-small); }
-    .mt3-ns {  margin-top: var(--spacing-medium); }
-    .mt4-ns {  margin-top: var(--spacing-large); }
-    .mt5-ns {  margin-top: var(--spacing-xl); }
-    .mt6-ns {  margin-top: var(--spacing-xxl); }
-    .mt7-ns { margin-top: var(--spacing-xxxl); }
-    .mt8-ns {  margin-top: var(--spacing-xxxxl); }
-    .mt9-ns { margin-top: var(--spacing-xxxxxl); }
-
-    .mt-vw1-ns { margin-top: var(--spacing-vw-extra-small); }
-    .mt-vw2-ns { margin-top: var(--spacing-vw-small); }
-    .mt-vw3-ns { margin-top: var(--spacing-vw-medium); }
-    .mt-vw4-ns { margin-top: var(--spacing-vw-large); }
-    .mt-vw5-ns { margin-top: var(--spacing-vw-xl); }
-    .mt-vw6-ns { margin-top: var(--spacing-vw-xxl); }
-    .mt-vw7-ns { margin-top: var(--spacing-vw-xxxl); }
-    .mt-vw8-ns { margin-top: var(--spacing-vw-xxxxl); }
-}
-
-@media (--breakpoint-medium) {
-    .pa0-m { padding: var(--spacing-none); }
-    .pa1-m { padding: var(--spacing-extra-small); }
-    .pa2-m { padding: var(--spacing-small); }
-    .pa3-m { padding: var(--spacing-medium); }
-    .pa4-m { padding: var(--spacing-large); }
-    .pa5-m { padding: var(--spacing-xl); }
-    .pa6-m { padding: var(--spacing-xxl); }
-    .pa7-m { padding: var(--spacing-xxxl); }
-    .pa8-m { padding: var(--spacing-xxxxl); }
-    .pa9-m { padding: var(--spacing-xxxxxl); }
-
-    .pr-vw1-m { padding-right: var(--spacing-vw-extra-small); }
-    .pr-vw2-m { padding-right: var(--spacing-vw-small); }
-    .pr-vw3-m { padding-right: var(--spacing-vw-medium); }
-    .pr-vw4-m { padding-right: var(--spacing-vw-large); }
-    .pr-vw5-m { padding-right: var(--spacing-vw-xl); }
-    .pr-vw6-m { padding-right: var(--spacing-vw-xxl); }
-    .pr-vw7-m { padding-right: var(--spacing-vw-xxxl); }
-    .pr-vw8-m { padding-right: var(--spacing-vw-xxxxl); }
-
-    .pl0-m { padding-left: var(--spacing-none); }
-    .pl1-m { padding-left: var(--spacing-extra-small); }
-    .pl2-m { padding-left: var(--spacing-small); }
-    .pl3-m { padding-left: var(--spacing-medium); }
-    .pl4-m { padding-left: var(--spacing-large); }
-    .pl5-m { padding-left: var(--spacing-xl); }
-    .pl6-m { padding-left: var(--spacing-xxl); }
-    .pl7-m { padding-left: var(--spacing-xxxl); }
-    .pl8-m { padding-left: var(--spacing-xxxxl); }
-    .pl9-m { padding-left: var(--spacing-xxxxxl); }
-
-    .pl-vw1-m { padding-left: var(--spacing-vw-extra-small); }
-    .pl-vw2-m { padding-left: var(--spacing-vw-small); }
-    .pl-vw3-m { padding-left: var(--spacing-vw-medium); }
-    .pl-vw4-m { padding-left: var(--spacing-vw-large); }
-    .pl-vw5-m { padding-left: var(--spacing-vw-xl); }
-    .pl-vw6-m { padding-left: var(--spacing-vw-xxl); }
-    .pl-vw7-m { padding-left: var(--spacing-vw-xxxl); }
-    .pl-vw8-m { padding-left: var(--spacing-vw-xxxxl); }
-
-    .pr0-m { padding-right: var(--spacing-none); }
-    .pr1-m { padding-right: var(--spacing-extra-small); }
-    .pr2-m { padding-right: var(--spacing-small); }
-    .pr3-m { padding-right: var(--spacing-medium); }
-    .pr4-m { padding-right: var(--spacing-large); }
-    .pr5-m { padding-right: var(--spacing-xl); }
-    .pr6-m { padding-right: var(--spacing-xxl); }
-    .pr7-m { padding-right: var(--spacing-xxxl); }
-    .pr8-m { padding-right: var(--spacing-xxxxl); }
-    .pr9-m { padding-right: var(--spacing-xxxxxl); }
-
-    .pr-vw1-m { padding-right: var(--spacing-vw-extra-small); }
-    .pr-vw2-m { padding-right: var(--spacing-vw-small); }
-    .pr-vw3-m { padding-right: var(--spacing-vw-medium); }
-    .pr-vw4-m { padding-right: var(--spacing-vw-large); }
-    .pr-vw5-m { padding-right: var(--spacing-vw-xl); }
-    .pr-vw6-m { padding-right: var(--spacing-vw-xxl); }
-    .pr-vw7-m { padding-right: var(--spacing-vw-xxxl); }
-    .pr-vw8-m { padding-right: var(--spacing-vw-xxxxl); }
-
-    .pb0-m { padding-bottom: var(--spacing-none); }
-    .pb1-m { padding-bottom: var(--spacing-extra-small); }
-    .pb2-m { padding-bottom: var(--spacing-small); }
-    .pb3-m { padding-bottom: var(--spacing-medium); }
-    .pb4-m { padding-bottom: var(--spacing-large); }
-    .pb5-m { padding-bottom: var(--spacing-xl); }
-    .pb6-m { padding-bottom: var(--spacing-xxl); }
-    .pb7-m { padding-bottom: var(--spacing-xxxl); }
-    .pb8-m { padding-bottom: var(--spacing-xxxxl); }
-    .pb9-m { padding-bottom: var(--spacing-xxxxxl); }
-
-    .pb-vw1-m { padding-bottom: var(--spacing-vw-extra-small); }
-    .pb-vw2-m { padding-bottom: var(--spacing-vw-small); }
-    .pb-vw3-m { padding-bottom: var(--spacing-vw-medium); }
-    .pb-vw4-m { padding-bottom: var(--spacing-vw-large); }
-    .pb-vw5-m { padding-bottom: var(--spacing-vw-xl); }
-    .pb-vw6-m { padding-bottom: var(--spacing-vw-xxl); }
-    .pb-vw7-m { padding-bottom: var(--spacing-vw-xxxl); }
-    .pb-vw8-m { padding-bottom: var(--spacing-vw-xxxxl); }
-
-    .pt0-m { padding-top: var(--spacing-none); }
-    .pt1-m { padding-top: var(--spacing-extra-small); }
-    .pt2-m { padding-top: var(--spacing-small); }
-    .pt3-m { padding-top: var(--spacing-medium); }
-    .pt4-m { padding-top: var(--spacing-large); }
-    .pt5-m { padding-top: var(--spacing-xl); }
-    .pt6-m { padding-top: var(--spacing-xxl); }
-    .pt7-m { padding-top: var(--spacing-xxxl); }
-    .pt8-m { padding-top: var(--spacing-xxxxl); }
-    .pt9-m { padding-top: var(--spacing-xxxxxl); }
-
-    .pt-vw1-m { padding-top: var(--spacing-vw-extra-small); }
-    .pt-vw2-m { padding-top: var(--spacing-vw-small); }
-    .pt-vw3-m { padding-top: var(--spacing-vw-medium); }
-    .pt-vw4-m { padding-top: var(--spacing-vw-large); }
-    .pt-vw5-m { padding-top: var(--spacing-vw-xl); }
-    .pt-vw6-m { padding-top: var(--spacing-vw-xxl); }
-    .pt-vw7-m { padding-top: var(--spacing-vw-xxxl); }
-    .pt-vw8-m { padding-top: var(--spacing-vw-xxxxl); }
-
-    .ma0-m {  margin: var(--spacing-none); }
-    .ma1-m {  margin: var(--spacing-extra-small); }
-    .ma2-m {  margin: var(--spacing-small); }
-    .ma3-m {  margin: var(--spacing-medium); }
-    .ma4-m {  margin: var(--spacing-large); }
-    .ma5-m {  margin: var(--spacing-xl); }
-    .ma6-m {  margin: var(--spacing-xxl); }
-    .ma7-m { margin: var(--spacing-xxxl); }
-    .ma8-m {  margin: var(--spacing-xxxxl); }
-    .ma9-m { margin: var(--spacing-xxxxxl); }
-
-    .ma-vw1-m { margin: var(--spacing-vw-extra-small); }
-    .ma-vw2-m { margin: var(--spacing-vw-small); }
-    .ma-vw3-m { margin: var(--spacing-vw-medium); }
-    .ma-vw4-m { margin: var(--spacing-vw-large); }
-    .ma-vw5-m { margin: var(--spacing-vw-xl); }
-    .ma-vw6-m { margin: var(--spacing-vw-xxl); }
-    .ma-vw7-m { margin: var(--spacing-vw-xxxl); }
-    .ma-vw8-m { margin: var(--spacing-vw-xxxxl); }
-
-    .ml0-m {  margin-left: var(--spacing-none); }
-    .ml1-m {  margin-left: var(--spacing-extra-small); }
-    .ml2-m {  margin-left: var(--spacing-small); }
-    .ml3-m {  margin-left: var(--spacing-medium); }
-    .ml4-m {  margin-left: var(--spacing-large); }
-    .ml5-m {  margin-left: var(--spacing-xl); }
-    .ml6-m {  margin-left: var(--spacing-xxl); }
-    .ml7-m { margin-left: var(--spacing-xxxl); }
-    .ml8-m {  margin-left: var(--spacing-xxxxl); }
-    .ml9-m { margin-left: var(--spacing-xxxxxl); }
-
-    .ml-vw1-m { margin-left: var(--spacing-vw-extra-small); }
-    .ml-vw2-m { margin-left: var(--spacing-vw-small); }
-    .ml-vw3-m { margin-left: var(--spacing-vw-medium); }
-    .ml-vw4-m { margin-left: var(--spacing-vw-large); }
-    .ml-vw5-m { margin-left: var(--spacing-vw-xl); }
-    .ml-vw6-m { margin-left: var(--spacing-vw-xxl); }
-    .ml-vw7-m { margin-left: var(--spacing-vw-xxxl); }
-    .ml-vw8-m { margin-left: var(--spacing-vw-xxxxl); }
-
-    .mr0-m {  margin-right: var(--spacing-none); }
-    .mr1-m {  margin-right: var(--spacing-extra-small); }
-    .mr2-m {  margin-right: var(--spacing-small); }
-    .mr3-m {  margin-right: var(--spacing-medium); }
-    .mr4-m {  margin-right: var(--spacing-large); }
-    .mr5-m {  margin-right: var(--spacing-xl); }
-    .mr6-m {  margin-right: var(--spacing-xxl); }
-    .mr7-m { margin-right: var(--spacing-xxxl); }
-    .mr8-m {  margin-right: var(--spacing-xxxxl); }
-    .mr9-m { margin-right: var(--spacing-xxxxxl); }
-
-    .mr-vw1-m { margin-right: var(--spacing-vw-extra-small); }
-    .mr-vw2-m { margin-right: var(--spacing-vw-small); }
-    .mr-vw3-m { margin-right: var(--spacing-vw-medium); }
-    .mr-vw4-m { margin-right: var(--spacing-vw-large); }
-    .mr-vw5-m { margin-right: var(--spacing-vw-xl); }
-    .mr-vw6-m { margin-right: var(--spacing-vw-xxl); }
-    .mr-vw7-m { margin-right: var(--spacing-vw-xxxl); }
-    .mr-vw8-m { margin-right: var(--spacing-vw-xxxxl); }
-
-    .mb0-m {  margin-bottom: var(--spacing-none); }
-    .mb1-m {  margin-bottom: var(--spacing-extra-small); }
-    .mb2-m {  margin-bottom: var(--spacing-small); }
-    .mb3-m {  margin-bottom: var(--spacing-medium); }
-    .mb4-m {  margin-bottom: var(--spacing-large); }
-    .mb5-m {  margin-bottom: var(--spacing-xl); }
-    .mb6-m {  margin-bottom: var(--spacing-xxl); }
-    .mb7-m { margin-bottom: var(--spacing-xxxl); }
-    .mb8-m {  margin-bottom: var(--spacing-xxxxl); }
-    .mb9-m { margin-bottom: var(--spacing-xxxxxl); }
-
-    .mb-vw1-m { margin-bottom: var(--spacing-vw-extra-small); }
-    .mb-vw2-m { margin-bottom: var(--spacing-vw-small); }
-    .mb-vw3-m { margin-bottom: var(--spacing-vw-medium); }
-    .mb-vw4-m { margin-bottom: var(--spacing-vw-large); }
-    .mb-vw5-m { margin-bottom: var(--spacing-vw-xl); }
-    .mb-vw6-m { margin-bottom: var(--spacing-vw-xxl); }
-    .mb-vw7-m { margin-bottom: var(--spacing-vw-xxxl); }
-    .mb-vw8-m { margin-bottom: var(--spacing-vw-xxxxl); }
-
-    .mt0-m {  margin-top: var(--spacing-none); }
-    .mt1-m {  margin-top: var(--spacing-extra-small); }
-    .mt2-m {  margin-top: var(--spacing-small); }
-    .mt3-m {  margin-top: var(--spacing-medium); }
-    .mt4-m {  margin-top: var(--spacing-large); }
-    .mt5-m {  margin-top: var(--spacing-xl); }
-    .mt6-m {  margin-top: var(--spacing-xxl); }
-    .mt7-m { margin-top: var(--spacing-xxxl); }
-    .mt8-m {  margin-top: var(--spacing-xxxxl); }
-    .mt9-m { margin-top: var(--spacing-xxxxxl); }
-
-    .mt-vw1-m { margin-top: var(--spacing-vw-extra-small); }
-    .mt-vw2-m { margin-top: var(--spacing-vw-small); }
-    .mt-vw3-m { margin-top: var(--spacing-vw-medium); }
-    .mt-vw4-m { margin-top: var(--spacing-vw-large); }
-    .mt-vw5-m { margin-top: var(--spacing-vw-xl); }
-    .mt-vw6-m { margin-top: var(--spacing-vw-xxl); }
-    .mt-vw7-m { margin-top: var(--spacing-vw-xxxl); }
-    .mt-vw8-m { margin-top: var(--spacing-vw-xxxxl); }
-}
-
-@media (--breakpoint-large) {
-    .pa0-l { padding: var(--spacing-none); }
-    .pa1-l { padding: var(--spacing-extra-small); }
-    .pa2-l { padding: var(--spacing-small); }
-    .pa3-l { padding: var(--spacing-medium); }
-    .pa4-l { padding: var(--spacing-large); }
-    .pa5-l { padding: var(--spacing-xl); }
-    .pa6-l { padding: var(--spacing-xxl); }
-    .pa7-l { padding: var(--spacing-xxxl); }
-    .pa8-l { padding: var(--spacing-xxxxl); }
-    .pa9-l { padding: var(--spacing-xxxxxl); }
-
-    .pr-vw1-l { padding-right: var(--spacing-vw-extra-small); }
-    .pr-vw2-l { padding-right: var(--spacing-vw-small); }
-    .pr-vw3-l { padding-right: var(--spacing-vw-medium); }
-    .pr-vw4-l { padding-right: var(--spacing-vw-large); }
-    .pr-vw5-l { padding-right: var(--spacing-vw-xl); }
-    .pr-vw6-l { padding-right: var(--spacing-vw-xxl); }
-    .pr-vw7-l { padding-right: var(--spacing-vw-xxxl); }
-    .pr-vw8-l { padding-right: var(--spacing-vw-xxxxl); }
-
-    .pl0-l { padding-left: var(--spacing-none); }
-    .pl1-l { padding-left: var(--spacing-extra-small); }
-    .pl2-l { padding-left: var(--spacing-small); }
-    .pl3-l { padding-left: var(--spacing-medium); }
-    .pl4-l { padding-left: var(--spacing-large); }
-    .pl5-l { padding-left: var(--spacing-xl); }
-    .pl6-l { padding-left: var(--spacing-xxl); }
-    .pl7-l { padding-left: var(--spacing-xxxl); }
-    .pl8-l { padding-left: var(--spacing-xxxxl); }
-    .pl9-l { padding-left: var(--spacing-xxxxxl); }
-
-    .pl-vw1-l { padding-left: var(--spacing-vw-extra-small); }
-    .pl-vw2-l { padding-left: var(--spacing-vw-small); }
-    .pl-vw3-l { padding-left: var(--spacing-vw-medium); }
-    .pl-vw4-l { padding-left: var(--spacing-vw-large); }
-    .pl-vw5-l { padding-left: var(--spacing-vw-xl); }
-    .pl-vw6-l { padding-left: var(--spacing-vw-xxl); }
-    .pl-vw7-l { padding-left: var(--spacing-vw-xxxl); }
-    .pl-vw8-l { padding-left: var(--spacing-vw-xxxxl); }
-
-    .pr0-l { padding-right: var(--spacing-none); }
-    .pr1-l { padding-right: var(--spacing-extra-small); }
-    .pr2-l { padding-right: var(--spacing-small); }
-    .pr3-l { padding-right: var(--spacing-medium); }
-    .pr4-l { padding-right: var(--spacing-large); }
-    .pr5-l { padding-right: var(--spacing-xl); }
-    .pr6-l { padding-right: var(--spacing-xxl); }
-    .pr7-l { padding-right: var(--spacing-xxxl); }
-    .pr8-l { padding-right: var(--spacing-xxxxl); }
-    .pr9-l { padding-right: var(--spacing-xxxxxl); }
-
-    .pr-vw1-l { padding-right: var(--spacing-vw-extra-small); }
-    .pr-vw2-l { padding-right: var(--spacing-vw-small); }
-    .pr-vw3-l { padding-right: var(--spacing-vw-medium); }
-    .pr-vw4-l { padding-right: var(--spacing-vw-large); }
-    .pr-vw5-l { padding-right: var(--spacing-vw-xl); }
-    .pr-vw6-l { padding-right: var(--spacing-vw-xxl); }
-    .pr-vw7-l { padding-right: var(--spacing-vw-xxxl); }
-    .pr-vw8-l { padding-right: var(--spacing-vw-xxxxl); }
-
-    .pb0-l { padding-bottom: var(--spacing-none); }
-    .pb1-l { padding-bottom: var(--spacing-extra-small); }
-    .pb2-l { padding-bottom: var(--spacing-small); }
-    .pb3-l { padding-bottom: var(--spacing-medium); }
-    .pb4-l { padding-bottom: var(--spacing-large); }
-    .pb5-l { padding-bottom: var(--spacing-xl); }
-    .pb6-l { padding-bottom: var(--spacing-xxl); }
-    .pb7-l { padding-bottom: var(--spacing-xxxl); }
-    .pb8-l { padding-bottom: var(--spacing-xxxxl); }
-    .pb9-l { padding-bottom: var(--spacing-xxxxxl); }
-
-    .pb-vw1-l { padding-bottom: var(--spacing-vw-extra-small); }
-    .pb-vw2-l { padding-bottom: var(--spacing-vw-small); }
-    .pb-vw3-l { padding-bottom: var(--spacing-vw-medium); }
-    .pb-vw4-l { padding-bottom: var(--spacing-vw-large); }
-    .pb-vw5-l { padding-bottom: var(--spacing-vw-xl); }
-    .pb-vw6-l { padding-bottom: var(--spacing-vw-xxl); }
-    .pb-vw7-l { padding-bottom: var(--spacing-vw-xxxl); }
-    .pb-vw8-l { padding-bottom: var(--spacing-vw-xxxxl); }
-
-    .pt0-l { padding-top: var(--spacing-none); }
-    .pt1-l { padding-top: var(--spacing-extra-small); }
-    .pt2-l { padding-top: var(--spacing-small); }
-    .pt3-l { padding-top: var(--spacing-medium); }
-    .pt4-l { padding-top: var(--spacing-large); }
-    .pt5-l { padding-top: var(--spacing-xl); }
-    .pt6-l { padding-top: var(--spacing-xxl); }
-    .pt7-l { padding-top: var(--spacing-xxxl); }
-    .pt8-l { padding-top: var(--spacing-xxxxl); }
-    .pt9-l { padding-top: var(--spacing-xxxxxl); }
-
-    .pt-vw1-l { padding-top: var(--spacing-vw-extra-small); }
-    .pt-vw2-l { padding-top: var(--spacing-vw-small); }
-    .pt-vw3-l { padding-top: var(--spacing-vw-medium); }
-    .pt-vw4-l { padding-top: var(--spacing-vw-large); }
-    .pt-vw5-l { padding-top: var(--spacing-vw-xl); }
-    .pt-vw6-l { padding-top: var(--spacing-vw-xxl); }
-    .pt-vw7-l { padding-top: var(--spacing-vw-xxxl); }
-    .pt-vw8-l { padding-top: var(--spacing-vw-xxxxl); }
-
-    .ma0-l {  margin: var(--spacing-none); }
-    .ma1-l {  margin: var(--spacing-extra-small); }
-    .ma2-l {  margin: var(--spacing-small); }
-    .ma3-l {  margin: var(--spacing-medium); }
-    .ma4-l {  margin: var(--spacing-large); }
-    .ma5-l {  margin: var(--spacing-xl); }
-    .ma6-l {  margin: var(--spacing-xxl); }
-    .ma7-l { margin: var(--spacing-xxxl); }
-    .ma8-l {  margin: var(--spacing-xxxxl); }
-    .ma9-l { margin: var(--spacing-xxxxxl); }
-
-    .ma-vw1-l { margin: var(--spacing-vw-extra-small); }
-    .ma-vw2-l { margin: var(--spacing-vw-small); }
-    .ma-vw3-l { margin: var(--spacing-vw-medium); }
-    .ma-vw4-l { margin: var(--spacing-vw-large); }
-    .ma-vw5-l { margin: var(--spacing-vw-xl); }
-    .ma-vw6-l { margin: var(--spacing-vw-xxl); }
-    .ma-vw7-l { margin: var(--spacing-vw-xxxl); }
-    .ma-vw8-l { margin: var(--spacing-vw-xxxxl); }
-
-    .ml0-l {  margin-left: var(--spacing-none); }
-    .ml1-l {  margin-left: var(--spacing-extra-small); }
-    .ml2-l {  margin-left: var(--spacing-small); }
-    .ml3-l {  margin-left: var(--spacing-medium); }
-    .ml4-l {  margin-left: var(--spacing-large); }
-    .ml5-l {  margin-left: var(--spacing-xl); }
-    .ml6-l {  margin-left: var(--spacing-xxl); }
-    .ml7-l { margin-left: var(--spacing-xxxl); }
-    .ml8-l {  margin-left: var(--spacing-xxxxl); }
-    .ml9-l { margin-left: var(--spacing-xxxxxl); }
-
-    .ml-vw1-l { margin-left: var(--spacing-vw-extra-small); }
-    .ml-vw2-l { margin-left: var(--spacing-vw-small); }
-    .ml-vw3-l { margin-left: var(--spacing-vw-medium); }
-    .ml-vw4-l { margin-left: var(--spacing-vw-large); }
-    .ml-vw5-l { margin-left: var(--spacing-vw-xl); }
-    .ml-vw6-l { margin-left: var(--spacing-vw-xxl); }
-    .ml-vw7-l { margin-left: var(--spacing-vw-xxxl); }
-    .ml-vw8-l { margin-left: var(--spacing-vw-xxxxl); }
-
-    .mr0-l {  margin-right: var(--spacing-none); }
-    .mr1-l {  margin-right: var(--spacing-extra-small); }
-    .mr2-l {  margin-right: var(--spacing-small); }
-    .mr3-l {  margin-right: var(--spacing-medium); }
-    .mr4-l {  margin-right: var(--spacing-large); }
-    .mr5-l {  margin-right: var(--spacing-xl); }
-    .mr6-l {  margin-right: var(--spacing-xxl); }
-    .mr7-l { margin-right: var(--spacing-xxxl); }
-    .mr8-l {  margin-right: var(--spacing-xxxxl); }
-    .mr9-l { margin-right: var(--spacing-xxxxxl); }
-
-    .mr-vw1-l { margin-right: var(--spacing-vw-extra-small); }
-    .mr-vw2-l { margin-right: var(--spacing-vw-small); }
-    .mr-vw3-l { margin-right: var(--spacing-vw-medium); }
-    .mr-vw4-l { margin-right: var(--spacing-vw-large); }
-    .mr-vw5-l { margin-right: var(--spacing-vw-xl); }
-    .mr-vw6-l { margin-right: var(--spacing-vw-xxl); }
-    .mr-vw7-l { margin-right: var(--spacing-vw-xxxl); }
-    .mr-vw8-l { margin-right: var(--spacing-vw-xxxxl); }
-
-    .mb0-l {  margin-bottom: var(--spacing-none); }
-    .mb1-l {  margin-bottom: var(--spacing-extra-small); }
-    .mb2-l {  margin-bottom: var(--spacing-small); }
-    .mb3-l {  margin-bottom: var(--spacing-medium); }
-    .mb4-l {  margin-bottom: var(--spacing-large); }
-    .mb5-l {  margin-bottom: var(--spacing-xl); }
-    .mb6-l {  margin-bottom: var(--spacing-xxl); }
-    .mb7-l { margin-bottom: var(--spacing-xxxl); }
-    .mb8-l {  margin-bottom: var(--spacing-xxxxl); }
-    .mb9-l { margin-bottom: var(--spacing-xxxxxl); }
-
-    .mb-vw1-l { margin-bottom: var(--spacing-vw-extra-small); }
-    .mb-vw2-l { margin-bottom: var(--spacing-vw-small); }
-    .mb-vw3-l { margin-bottom: var(--spacing-vw-medium); }
-    .mb-vw4-l { margin-bottom: var(--spacing-vw-large); }
-    .mb-vw5-l { margin-bottom: var(--spacing-vw-xl); }
-    .mb-vw6-l { margin-bottom: var(--spacing-vw-xxl); }
-    .mb-vw7-l { margin-bottom: var(--spacing-vw-xxxl); }
-    .mb-vw8-l { margin-bottom: var(--spacing-vw-xxxxl); }
-
-    .mt0-l {  margin-top: var(--spacing-none); }
-    .mt1-l {  margin-top: var(--spacing-extra-small); }
-    .mt2-l {  margin-top: var(--spacing-small); }
-    .mt3-l {  margin-top: var(--spacing-medium); }
-    .mt4-l {  margin-top: var(--spacing-large); }
-    .mt5-l {  margin-top: var(--spacing-xl); }
-    .mt6-l {  margin-top: var(--spacing-xxl); }
-    .mt7-l { margin-top: var(--spacing-xxxl); }
-    .mt8-l {  margin-top: var(--spacing-xxxxl); }
-    .mt9-l { margin-top: var(--spacing-xxxxxl); }
-
-    .mt-vw1-l { margin-top: var(--spacing-vw-extra-small); }
-    .mt-vw2-l { margin-top: var(--spacing-vw-small); }
-    .mt-vw3-l { margin-top: var(--spacing-vw-medium); }
-    .mt-vw4-l { margin-top: var(--spacing-vw-large); }
-    .mt-vw5-l { margin-top: var(--spacing-vw-xl); }
-    .mt-vw6-l { margin-top: var(--spacing-vw-xxl); }
-    .mt-vw7-l { margin-top: var(--spacing-vw-xxxl); }
-    .mt-vw8-l { margin-top: var(--spacing-vw-xxxxl); }
-}
diff --git a/app/styles/spirit-product/_spacing.css b/app/styles/spirit-product/_spacing.css
deleted file mode 100644
index 369d19b502..0000000000
--- a/app/styles/spirit-product/_spacing.css
+++ /dev/null
@@ -1,1072 +0,0 @@
-/*
-
-    Base:
-        p = padding
-        m = margin
-
-    Modifier:
-        a = all
-        r = right
-        b = bottom
-        l = left
-        t = top
-
-    Value:
-        (n) = (n * grid size)
-
-    Media Query Extensions:
-        -ns = not-small
-        -m  = medium
-        -l  = large
-
- */
-
-:root {
-   --grid-size: .4rem;
-}
-
-.pa0 {    padding: 0; }
-.pa1 {    padding: calc(var(--grid-size) * 1); }
-.pa2 {    padding: calc(var(--grid-size) * 2); }
-.pa3 {    padding: calc(var(--grid-size) * 3); }
-.pa4 {    padding: calc(var(--grid-size) * 4); }
-.pa5 {    padding: calc(var(--grid-size) * 5); }
-.pa6 {    padding: calc(var(--grid-size) * 6); }
-.pa7 {    padding: calc(var(--grid-size) * 7); }
-.pa8 {    padding: calc(var(--grid-size) * 8); }
-.pa9 {    padding: calc(var(--grid-size) * 9); }
-.pa10 {    padding: calc(var(--grid-size) * 10); }
-.pa11 {    padding: calc(var(--grid-size) * 11); }
-.pa12 {    padding: calc(var(--grid-size) * 12); }
-.pa13 {    padding: calc(var(--grid-size) * 13); }
-.pa14 {    padding: calc(var(--grid-size) * 14); }
-.pa15 {    padding: calc(var(--grid-size) * 15); }
-.pa16 {    padding: calc(var(--grid-size) * 16); }
-.pa17 {    padding: calc(var(--grid-size) * 17); }
-.pa18 {    padding: calc(var(--grid-size) * 18); }
-.pa19 {    padding: calc(var(--grid-size) * 19); }
-.pa20 {    padding: calc(var(--grid-size) * 20); }
-.pa25 {    padding: calc(var(--grid-size) * 25); }
-.pa30 {    padding: calc(var(--grid-size) * 30); }
-.pa40 {    padding: calc(var(--grid-size) * 40); }
-.pa50 {    padding: calc(var(--grid-size) * 50); }
-
-.pr0 {    padding-right: 0; }
-.pr1 {    padding-right: calc(var(--grid-size) * 1); }
-.pr2 {    padding-right: calc(var(--grid-size) * 2); }
-.pr3 {    padding-right: calc(var(--grid-size) * 3); }
-.pr4 {    padding-right: calc(var(--grid-size) * 4); }
-.pr5 {    padding-right: calc(var(--grid-size) * 5); }
-.pr6 {    padding-right: calc(var(--grid-size) * 6); }
-.pr7 {    padding-right: calc(var(--grid-size) * 7); }
-.pr8 {    padding-right: calc(var(--grid-size) * 8); }
-.pr9 {    padding-right: calc(var(--grid-size) * 9); }
-.pr10 {    padding-right: calc(var(--grid-size) * 10); }
-.pr11 {    padding-right: calc(var(--grid-size) * 11); }
-.pr12 {    padding-right: calc(var(--grid-size) * 12); }
-.pr13 {    padding-right: calc(var(--grid-size) * 13); }
-.pr14 {    padding-right: calc(var(--grid-size) * 14); }
-.pr15 {    padding-right: calc(var(--grid-size) * 15); }
-.pr16 {    padding-right: calc(var(--grid-size) * 16); }
-.pr17 {    padding-right: calc(var(--grid-size) * 17); }
-.pr18 {    padding-right: calc(var(--grid-size) * 18); }
-.pr19 {    padding-right: calc(var(--grid-size) * 19); }
-.pr20 {    padding-right: calc(var(--grid-size) * 20); }
-.pr25 {    padding-right: calc(var(--grid-size) * 25); }
-.pr30 {    padding-right: calc(var(--grid-size) * 30); }
-.pr40 {    padding-right: calc(var(--grid-size) * 40); }
-.pr50 {    padding-right: calc(var(--grid-size) * 50); }
-
-.pb0 {    padding-bottom: 0; }
-.pb1 {    padding-bottom: calc(var(--grid-size) * 1); }
-.pb2 {    padding-bottom: calc(var(--grid-size) * 2); }
-.pb3 {    padding-bottom: calc(var(--grid-size) * 3); }
-.pb4 {    padding-bottom: calc(var(--grid-size) * 4); }
-.pb5 {    padding-bottom: calc(var(--grid-size) * 5); }
-.pb6 {    padding-bottom: calc(var(--grid-size) * 6); }
-.pb7 {    padding-bottom: calc(var(--grid-size) * 7); }
-.pb8 {    padding-bottom: calc(var(--grid-size) * 8); }
-.pb9 {    padding-bottom: calc(var(--grid-size) * 9); }
-.pb10 {    padding-bottom: calc(var(--grid-size) * 10); }
-.pb11 {    padding-bottom: calc(var(--grid-size) * 11); }
-.pb12 {    padding-bottom: calc(var(--grid-size) * 12); }
-.pb13 {    padding-bottom: calc(var(--grid-size) * 13); }
-.pb14 {    padding-bottom: calc(var(--grid-size) * 14); }
-.pb15 {    padding-bottom: calc(var(--grid-size) * 15); }
-.pb16 {    padding-bottom: calc(var(--grid-size) * 16); }
-.pb17 {    padding-bottom: calc(var(--grid-size) * 17); }
-.pb18 {    padding-bottom: calc(var(--grid-size) * 18); }
-.pb19 {    padding-bottom: calc(var(--grid-size) * 19); }
-.pb20 {    padding-bottom: calc(var(--grid-size) * 20); }
-.pb25 {    padding-bottom: calc(var(--grid-size) * 25); }
-.pb30 {    padding-bottom: calc(var(--grid-size) * 30); }
-.pb40 {    padding-bottom: calc(var(--grid-size) * 40); }
-.pb50 {    padding-bottom: calc(var(--grid-size) * 50); }
-
-.pl0 {    padding-left: 0; }
-.pl1 {    padding-left: calc(var(--grid-size) * 1); }
-.pl2 {    padding-left: calc(var(--grid-size) * 2); }
-.pl3 {    padding-left: calc(var(--grid-size) * 3); }
-.pl4 {    padding-left: calc(var(--grid-size) * 4); }
-.pl5 {    padding-left: calc(var(--grid-size) * 5); }
-.pl6 {    padding-left: calc(var(--grid-size) * 6); }
-.pl7 {    padding-left: calc(var(--grid-size) * 7); }
-.pl8 {    padding-left: calc(var(--grid-size) * 8); }
-.pl9 {    padding-left: calc(var(--grid-size) * 9); }
-.pl10 {    padding-left: calc(var(--grid-size) * 10); }
-.pl11 {    padding-left: calc(var(--grid-size) * 11); }
-.pl12 {    padding-left: calc(var(--grid-size) * 12); }
-.pl13 {    padding-left: calc(var(--grid-size) * 13); }
-.pl14 {    padding-left: calc(var(--grid-size) * 14); }
-.pl15 {    padding-left: calc(var(--grid-size) * 15); }
-.pl16 {    padding-left: calc(var(--grid-size) * 16); }
-.pl17 {    padding-left: calc(var(--grid-size) * 17); }
-.pl18 {    padding-left: calc(var(--grid-size) * 18); }
-.pl19 {    padding-left: calc(var(--grid-size) * 19); }
-.pl20 {    padding-left: calc(var(--grid-size) * 20); }
-.pl25 {    padding-left: calc(var(--grid-size) * 25); }
-.pl30 {    padding-left: calc(var(--grid-size) * 30); }
-.pl40 {    padding-left: calc(var(--grid-size) * 40); }
-.pl50 {    padding-left: calc(var(--grid-size) * 50); }
-
-.pt0 {    padding-top: 0; }
-.pt1 {    padding-top: calc(var(--grid-size) * 1); }
-.pt2 {    padding-top: calc(var(--grid-size) * 2); }
-.pt3 {    padding-top: calc(var(--grid-size) * 3); }
-.pt4 {    padding-top: calc(var(--grid-size) * 4); }
-.pt5 {    padding-top: calc(var(--grid-size) * 5); }
-.pt6 {    padding-top: calc(var(--grid-size) * 6); }
-.pt7 {    padding-top: calc(var(--grid-size) * 7); }
-.pt8 {    padding-top: calc(var(--grid-size) * 8); }
-.pt9 {    padding-top: calc(var(--grid-size) * 9); }
-.pt10 {    padding-top: calc(var(--grid-size) * 10); }
-.pt11 {    padding-top: calc(var(--grid-size) * 11); }
-.pt12 {    padding-top: calc(var(--grid-size) * 12); }
-.pt13 {    padding-top: calc(var(--grid-size) * 13); }
-.pt14 {    padding-top: calc(var(--grid-size) * 14); }
-.pt15 {    padding-top: calc(var(--grid-size) * 15); }
-.pt16 {    padding-top: calc(var(--grid-size) * 16); }
-.pt17 {    padding-top: calc(var(--grid-size) * 17); }
-.pt18 {    padding-top: calc(var(--grid-size) * 18); }
-.pt19 {    padding-top: calc(var(--grid-size) * 19); }
-.pt20 {    padding-top: calc(var(--grid-size) * 20); }
-.pt25 {    padding-top: calc(var(--grid-size) * 25); }
-.pt30 {    padding-top: calc(var(--grid-size) * 30); }
-.pt40 {    padding-top: calc(var(--grid-size) * 40); }
-.pt50 {    padding-top: calc(var(--grid-size) * 50); }
-
-.ma0 {    margin: 0; }
-.ma1 {    margin: calc(var(--grid-size) * 1); }
-.ma2 {    margin: calc(var(--grid-size) * 2); }
-.ma3 {    margin: calc(var(--grid-size) * 3); }
-.ma4 {    margin: calc(var(--grid-size) * 4); }
-.ma5 {    margin: calc(var(--grid-size) * 5); }
-.ma6 {    margin: calc(var(--grid-size) * 6); }
-.ma7 {    margin: calc(var(--grid-size) * 7); }
-.ma8 {    margin: calc(var(--grid-size) * 8); }
-.ma9 {    margin: calc(var(--grid-size) * 9); }
-.ma10 {    margin: calc(var(--grid-size) * 10); }
-.ma11 {    margin: calc(var(--grid-size) * 11); }
-.ma12 {    margin: calc(var(--grid-size) * 12); }
-.ma13 {    margin: calc(var(--grid-size) * 13); }
-.ma14 {    margin: calc(var(--grid-size) * 14); }
-.ma15 {    margin: calc(var(--grid-size) * 15); }
-.ma16 {    margin: calc(var(--grid-size) * 16); }
-.ma17 {    margin: calc(var(--grid-size) * 17); }
-.ma18 {    margin: calc(var(--grid-size) * 18); }
-.ma19 {    margin: calc(var(--grid-size) * 19); }
-.ma20 {    margin: calc(var(--grid-size) * 20); }
-.ma25 {    margin: calc(var(--grid-size) * 25); }
-.ma30 {    margin: calc(var(--grid-size) * 30); }
-.ma40 {    margin: calc(var(--grid-size) * 40); }
-.ma50 {    margin: calc(var(--grid-size) * 50); }
-
-.mr0 {    margin-right: 0; }
-.mr1 {    margin-right: calc(var(--grid-size) * 1); }
-.mr2 {    margin-right: calc(var(--grid-size) * 2); }
-.mr3 {    margin-right: calc(var(--grid-size) * 3); }
-.mr4 {    margin-right: calc(var(--grid-size) * 4); }
-.mr5 {    margin-right: calc(var(--grid-size) * 5); }
-.mr6 {    margin-right: calc(var(--grid-size) * 6); }
-.mr7 {    margin-right: calc(var(--grid-size) * 7); }
-.mr8 {    margin-right: calc(var(--grid-size) * 8); }
-.mr9 {    margin-right: calc(var(--grid-size) * 9); }
-.mr10 {    margin-right: calc(var(--grid-size) * 10); }
-.mr11 {    margin-right: calc(var(--grid-size) * 11); }
-.mr12 {    margin-right: calc(var(--grid-size) * 12); }
-.mr13 {    margin-right: calc(var(--grid-size) * 13); }
-.mr14 {    margin-right: calc(var(--grid-size) * 14); }
-.mr15 {    margin-right: calc(var(--grid-size) * 15); }
-.mr16 {    margin-right: calc(var(--grid-size) * 16); }
-.mr17 {    margin-right: calc(var(--grid-size) * 17); }
-.mr18 {    margin-right: calc(var(--grid-size) * 18); }
-.mr19 {    margin-right: calc(var(--grid-size) * 19); }
-.mr20 {    margin-right: calc(var(--grid-size) * 20); }
-.mr25 {    margin-right: calc(var(--grid-size) * 25); }
-.mr30 {    margin-right: calc(var(--grid-size) * 30); }
-.mr40 {    margin-right: calc(var(--grid-size) * 40); }
-.mr50 {    margin-right: calc(var(--grid-size) * 50); }
-
-.mb0 {    margin-bottom: 0; }
-.mb1 {    margin-bottom: calc(var(--grid-size) * 1); }
-.mb2 {    margin-bottom: calc(var(--grid-size) * 2); }
-.mb3 {    margin-bottom: calc(var(--grid-size) * 3); }
-.mb4 {    margin-bottom: calc(var(--grid-size) * 4); }
-.mb5 {    margin-bottom: calc(var(--grid-size) * 5); }
-.mb6 {    margin-bottom: calc(var(--grid-size) * 6); }
-.mb7 {    margin-bottom: calc(var(--grid-size) * 7); }
-.mb8 {    margin-bottom: calc(var(--grid-size) * 8); }
-.mb9 {    margin-bottom: calc(var(--grid-size) * 9); }
-.mb10 {    margin-bottom: calc(var(--grid-size) * 10); }
-.mb11 {    margin-bottom: calc(var(--grid-size) * 11); }
-.mb12 {    margin-bottom: calc(var(--grid-size) * 12); }
-.mb13 {    margin-bottom: calc(var(--grid-size) * 13); }
-.mb14 {    margin-bottom: calc(var(--grid-size) * 14); }
-.mb15 {    margin-bottom: calc(var(--grid-size) * 15); }
-.mb16 {    margin-bottom: calc(var(--grid-size) * 16); }
-.mb17 {    margin-bottom: calc(var(--grid-size) * 17); }
-.mb18 {    margin-bottom: calc(var(--grid-size) * 18); }
-.mb19 {    margin-bottom: calc(var(--grid-size) * 19); }
-.mb20 {    margin-bottom: calc(var(--grid-size) * 20); }
-.mb25 {    margin-bottom: calc(var(--grid-size) * 25); }
-.mb30 {    margin-bottom: calc(var(--grid-size) * 30); }
-.mb40 {    margin-bottom: calc(var(--grid-size) * 40); }
-.mb50 {    margin-bottom: calc(var(--grid-size) * 50); }
-
-.ml0 {    margin-left: 0; }
-.ml1 {    margin-left: calc(var(--grid-size) * 1); }
-.ml2 {    margin-left: calc(var(--grid-size) * 2); }
-.ml3 {    margin-left: calc(var(--grid-size) * 3); }
-.ml4 {    margin-left: calc(var(--grid-size) * 4); }
-.ml5 {    margin-left: calc(var(--grid-size) * 5); }
-.ml6 {    margin-left: calc(var(--grid-size) * 6); }
-.ml7 {    margin-left: calc(var(--grid-size) * 7); }
-.ml8 {    margin-left: calc(var(--grid-size) * 8); }
-.ml9 {    margin-left: calc(var(--grid-size) * 9); }
-.ml10 {    margin-left: calc(var(--grid-size) * 10); }
-.ml11 {    margin-left: calc(var(--grid-size) * 11); }
-.ml12 {    margin-left: calc(var(--grid-size) * 12); }
-.ml13 {    margin-left: calc(var(--grid-size) * 13); }
-.ml14 {    margin-left: calc(var(--grid-size) * 14); }
-.ml15 {    margin-left: calc(var(--grid-size) * 15); }
-.ml16 {    margin-left: calc(var(--grid-size) * 16); }
-.ml17 {    margin-left: calc(var(--grid-size) * 17); }
-.ml18 {    margin-left: calc(var(--grid-size) * 18); }
-.ml19 {    margin-left: calc(var(--grid-size) * 19); }
-.ml20 {    margin-left: calc(var(--grid-size) * 20); }
-.ml25 {    margin-left: calc(var(--grid-size) * 25); }
-.ml30 {    margin-left: calc(var(--grid-size) * 30); }
-.ml40 {    margin-left: calc(var(--grid-size) * 40); }
-.ml50 {    margin-left: calc(var(--grid-size) * 50); }
-
-.mt0 {    margin-top: 0; }
-.mt1 {    margin-top: calc(var(--grid-size) * 1); }
-.mt2 {    margin-top: calc(var(--grid-size) * 2); }
-.mt3 {    margin-top: calc(var(--grid-size) * 3); }
-.mt4 {    margin-top: calc(var(--grid-size) * 4); }
-.mt5 {    margin-top: calc(var(--grid-size) * 5); }
-.mt6 {    margin-top: calc(var(--grid-size) * 6); }
-.mt7 {    margin-top: calc(var(--grid-size) * 7); }
-.mt8 {    margin-top: calc(var(--grid-size) * 8); }
-.mt9 {    margin-top: calc(var(--grid-size) * 9); }
-.mt10 {    margin-top: calc(var(--grid-size) * 10); }
-.mt11 {    margin-top: calc(var(--grid-size) * 11); }
-.mt12 {    margin-top: calc(var(--grid-size) * 12); }
-.mt13 {    margin-top: calc(var(--grid-size) * 13); }
-.mt14 {    margin-top: calc(var(--grid-size) * 14); }
-.mt15 {    margin-top: calc(var(--grid-size) * 15); }
-.mt16 {    margin-top: calc(var(--grid-size) * 16); }
-.mt17 {    margin-top: calc(var(--grid-size) * 17); }
-.mt18 {    margin-top: calc(var(--grid-size) * 18); }
-.mt19 {    margin-top: calc(var(--grid-size) * 19); }
-.mt20 {    margin-top: calc(var(--grid-size) * 20); }
-.mt25 {    margin-top: calc(var(--grid-size) * 25); }
-.mt30 {    margin-top: calc(var(--grid-size) * 30); }
-.mt40 {    margin-top: calc(var(--grid-size) * 40); }
-.mt50 {    margin-top: calc(var(--grid-size) * 50); }
-
-@media (--breakpoint-not-small) {
-    .pa0-ns {    padding: 0; }
-    .pa1-ns {    padding: calc(var(--grid-size) * 1); }
-    .pa2-ns {    padding: calc(var(--grid-size) * 2); }
-    .pa3-ns {    padding: calc(var(--grid-size) * 3); }
-    .pa4-ns {    padding: calc(var(--grid-size) * 4); }
-    .pa5-ns {    padding: calc(var(--grid-size) * 5); }
-    .pa6-ns {    padding: calc(var(--grid-size) * 6); }
-    .pa7-ns {    padding: calc(var(--grid-size) * 7); }
-    .pa8-ns {    padding: calc(var(--grid-size) * 8); }
-    .pa9-ns {    padding: calc(var(--grid-size) * 9); }
-    .pa10-ns {    padding: calc(var(--grid-size) * 10); }
-    .pa11-ns {    padding: calc(var(--grid-size) * 11); }
-    .pa12-ns {    padding: calc(var(--grid-size) * 12); }
-    .pa13-ns {    padding: calc(var(--grid-size) * 13); }
-    .pa14-ns {    padding: calc(var(--grid-size) * 14); }
-    .pa15-ns {    padding: calc(var(--grid-size) * 15); }
-    .pa16-ns {    padding: calc(var(--grid-size) * 16); }
-    .pa17-ns {    padding: calc(var(--grid-size) * 17); }
-    .pa18-ns {    padding: calc(var(--grid-size) * 18); }
-    .pa19-ns {    padding: calc(var(--grid-size) * 19); }
-    .pa20-ns {    padding: calc(var(--grid-size) * 20); }
-    .pa25-ns {    padding: calc(var(--grid-size) * 25); }
-    .pa30-ns {    padding: calc(var(--grid-size) * 30); }
-    .pa40-ns {    padding: calc(var(--grid-size) * 40); }
-    .pa50-ns {    padding: calc(var(--grid-size) * 50); }
-
-    .pr0-ns {    padding-right: 0; }
-    .pr1-ns {    padding-right: calc(var(--grid-size) * 1); }
-    .pr2-ns {    padding-right: calc(var(--grid-size) * 2); }
-    .pr3-ns {    padding-right: calc(var(--grid-size) * 3); }
-    .pr4-ns {    padding-right: calc(var(--grid-size) * 4); }
-    .pr5-ns {    padding-right: calc(var(--grid-size) * 5); }
-    .pr6-ns {    padding-right: calc(var(--grid-size) * 6); }
-    .pr7-ns {    padding-right: calc(var(--grid-size) * 7); }
-    .pr8-ns {    padding-right: calc(var(--grid-size) * 8); }
-    .pr9-ns {    padding-right: calc(var(--grid-size) * 9); }
-    .pr10-ns {    padding-right: calc(var(--grid-size) * 10); }
-    .pr11-ns {    padding-right: calc(var(--grid-size) * 11); }
-    .pr12-ns {    padding-right: calc(var(--grid-size) * 12); }
-    .pr13-ns {    padding-right: calc(var(--grid-size) * 13); }
-    .pr14-ns {    padding-right: calc(var(--grid-size) * 14); }
-    .pr15-ns {    padding-right: calc(var(--grid-size) * 15); }
-    .pr16-ns {    padding-right: calc(var(--grid-size) * 16); }
-    .pr17-ns {    padding-right: calc(var(--grid-size) * 17); }
-    .pr18-ns {    padding-right: calc(var(--grid-size) * 18); }
-    .pr19-ns {    padding-right: calc(var(--grid-size) * 19); }
-    .pr20-ns {    padding-right: calc(var(--grid-size) * 20); }
-    .pr25-ns {    padding-right: calc(var(--grid-size) * 25); }
-    .pr30-ns {    padding-right: calc(var(--grid-size) * 30); }
-    .pr40-ns {    padding-right: calc(var(--grid-size) * 40); }
-    .pr50-ns {    padding-right: calc(var(--grid-size) * 50); }
-
-    .pb0-ns {    padding-bottom: 0; }
-    .pb1-ns {    padding-bottom: calc(var(--grid-size) * 1); }
-    .pb2-ns {    padding-bottom: calc(var(--grid-size) * 2); }
-    .pb3-ns {    padding-bottom: calc(var(--grid-size) * 3); }
-    .pb4-ns {    padding-bottom: calc(var(--grid-size) * 4); }
-    .pb5-ns {    padding-bottom: calc(var(--grid-size) * 5); }
-    .pb6-ns {    padding-bottom: calc(var(--grid-size) * 6); }
-    .pb7-ns {    padding-bottom: calc(var(--grid-size) * 7); }
-    .pb8-ns {    padding-bottom: calc(var(--grid-size) * 8); }
-    .pb9-ns {    padding-bottom: calc(var(--grid-size) * 9); }
-    .pb10-ns {    padding-bottom: calc(var(--grid-size) * 10); }
-    .pb11-ns {    padding-bottom: calc(var(--grid-size) * 11); }
-    .pb12-ns {    padding-bottom: calc(var(--grid-size) * 12); }
-    .pb13-ns {    padding-bottom: calc(var(--grid-size) * 13); }
-    .pb14-ns {    padding-bottom: calc(var(--grid-size) * 14); }
-    .pb15-ns {    padding-bottom: calc(var(--grid-size) * 15); }
-    .pb16-ns {    padding-bottom: calc(var(--grid-size) * 16); }
-    .pb17-ns {    padding-bottom: calc(var(--grid-size) * 17); }
-    .pb18-ns {    padding-bottom: calc(var(--grid-size) * 18); }
-    .pb19-ns {    padding-bottom: calc(var(--grid-size) * 19); }
-    .pb20-ns {    padding-bottom: calc(var(--grid-size) * 20); }
-    .pb25-ns {    padding-bottom: calc(var(--grid-size) * 25); }
-    .pb30-ns {    padding-bottom: calc(var(--grid-size) * 30); }
-    .pb40-ns {    padding-bottom: calc(var(--grid-size) * 40); }
-    .pb50-ns {    padding-bottom: calc(var(--grid-size) * 50); }
-
-    .pl0-ns {    padding-left: 0; }
-    .pl1-ns {    padding-left: calc(var(--grid-size) * 1); }
-    .pl2-ns {    padding-left: calc(var(--grid-size) * 2); }
-    .pl3-ns {    padding-left: calc(var(--grid-size) * 3); }
-    .pl4-ns {    padding-left: calc(var(--grid-size) * 4); }
-    .pl5-ns {    padding-left: calc(var(--grid-size) * 5); }
-    .pl6-ns {    padding-left: calc(var(--grid-size) * 6); }
-    .pl7-ns {    padding-left: calc(var(--grid-size) * 7); }
-    .pl8-ns {    padding-left: calc(var(--grid-size) * 8); }
-    .pl9-ns {    padding-left: calc(var(--grid-size) * 9); }
-    .pl10-ns {    padding-left: calc(var(--grid-size) * 10); }
-    .pl11-ns {    padding-left: calc(var(--grid-size) * 11); }
-    .pl12-ns {    padding-left: calc(var(--grid-size) * 12); }
-    .pl13-ns {    padding-left: calc(var(--grid-size) * 13); }
-    .pl14-ns {    padding-left: calc(var(--grid-size) * 14); }
-    .pl15-ns {    padding-left: calc(var(--grid-size) * 15); }
-    .pl16-ns {    padding-left: calc(var(--grid-size) * 16); }
-    .pl17-ns {    padding-left: calc(var(--grid-size) * 17); }
-    .pl18-ns {    padding-left: calc(var(--grid-size) * 18); }
-    .pl19-ns {    padding-left: calc(var(--grid-size) * 19); }
-    .pl20-ns {    padding-left: calc(var(--grid-size) * 20); }
-    .pl25-ns {    padding-left: calc(var(--grid-size) * 25); }
-    .pl30-ns {    padding-left: calc(var(--grid-size) * 30); }
-    .pl40-ns {    padding-left: calc(var(--grid-size) * 40); }
-    .pl50-ns {    padding-left: calc(var(--grid-size) * 50); }
-
-    .pt0-ns {    padding-top: 0; }
-    .pt1-ns {    padding-top: calc(var(--grid-size) * 1); }
-    .pt2-ns {    padding-top: calc(var(--grid-size) * 2); }
-    .pt3-ns {    padding-top: calc(var(--grid-size) * 3); }
-    .pt4-ns {    padding-top: calc(var(--grid-size) * 4); }
-    .pt5-ns {    padding-top: calc(var(--grid-size) * 5); }
-    .pt6-ns {    padding-top: calc(var(--grid-size) * 6); }
-    .pt7-ns {    padding-top: calc(var(--grid-size) * 7); }
-    .pt8-ns {    padding-top: calc(var(--grid-size) * 8); }
-    .pt9-ns {    padding-top: calc(var(--grid-size) * 9); }
-    .pt10-ns {    padding-top: calc(var(--grid-size) * 10); }
-    .pt11-ns {    padding-top: calc(var(--grid-size) * 11); }
-    .pt12-ns {    padding-top: calc(var(--grid-size) * 12); }
-    .pt13-ns {    padding-top: calc(var(--grid-size) * 13); }
-    .pt14-ns {    padding-top: calc(var(--grid-size) * 14); }
-    .pt15-ns {    padding-top: calc(var(--grid-size) * 15); }
-    .pt16-ns {    padding-top: calc(var(--grid-size) * 16); }
-    .pt17-ns {    padding-top: calc(var(--grid-size) * 17); }
-    .pt18-ns {    padding-top: calc(var(--grid-size) * 18); }
-    .pt19-ns {    padding-top: calc(var(--grid-size) * 19); }
-    .pt20-ns {    padding-top: calc(var(--grid-size) * 20); }
-    .pt25-ns {    padding-top: calc(var(--grid-size) * 25); }
-    .pt30-ns {    padding-top: calc(var(--grid-size) * 30); }
-    .pt40-ns {    padding-top: calc(var(--grid-size) * 40); }
-    .pt50-ns {    padding-top: calc(var(--grid-size) * 50); }
-
-    .ma0-ns {    margin: 0; }
-    .ma1-ns {    margin: calc(var(--grid-size) * 1); }
-    .ma2-ns {    margin: calc(var(--grid-size) * 2); }
-    .ma3-ns {    margin: calc(var(--grid-size) * 3); }
-    .ma4-ns {    margin: calc(var(--grid-size) * 4); }
-    .ma5-ns {    margin: calc(var(--grid-size) * 5); }
-    .ma6-ns {    margin: calc(var(--grid-size) * 6); }
-    .ma7-ns {    margin: calc(var(--grid-size) * 7); }
-    .ma8-ns {    margin: calc(var(--grid-size) * 8); }
-    .ma9-ns {    margin: calc(var(--grid-size) * 9); }
-    .ma10-ns {    margin: calc(var(--grid-size) * 10); }
-    .ma11-ns {    margin: calc(var(--grid-size) * 11); }
-    .ma12-ns {    margin: calc(var(--grid-size) * 12); }
-    .ma13-ns {    margin: calc(var(--grid-size) * 13); }
-    .ma14-ns {    margin: calc(var(--grid-size) * 14); }
-    .ma15-ns {    margin: calc(var(--grid-size) * 15); }
-    .ma16-ns {    margin: calc(var(--grid-size) * 16); }
-    .ma17-ns {    margin: calc(var(--grid-size) * 17); }
-    .ma18-ns {    margin: calc(var(--grid-size) * 18); }
-    .ma19-ns {    margin: calc(var(--grid-size) * 19); }
-    .ma20-ns {    margin: calc(var(--grid-size) * 20); }
-    .ma25-ns {    margin: calc(var(--grid-size) * 25); }
-    .ma30-ns {    margin: calc(var(--grid-size) * 30); }
-    .ma40-ns {    margin: calc(var(--grid-size) * 40); }
-    .ma50-ns {    margin: calc(var(--grid-size) * 50); }
-
-    .mr0-ns {    margin-right: 0; }
-    .mr1-ns {    margin-right: calc(var(--grid-size) * 1); }
-    .mr2-ns {    margin-right: calc(var(--grid-size) * 2); }
-    .mr3-ns {    margin-right: calc(var(--grid-size) * 3); }
-    .mr4-ns {    margin-right: calc(var(--grid-size) * 4); }
-    .mr5-ns {    margin-right: calc(var(--grid-size) * 5); }
-    .mr6-ns {    margin-right: calc(var(--grid-size) * 6); }
-    .mr7-ns {    margin-right: calc(var(--grid-size) * 7); }
-    .mr8-ns {    margin-right: calc(var(--grid-size) * 8); }
-    .mr9-ns {    margin-right: calc(var(--grid-size) * 9); }
-    .mr10-ns {    margin-right: calc(var(--grid-size) * 10); }
-    .mr11-ns {    margin-right: calc(var(--grid-size) * 11); }
-    .mr12-ns {    margin-right: calc(var(--grid-size) * 12); }
-    .mr13-ns {    margin-right: calc(var(--grid-size) * 13); }
-    .mr14-ns {    margin-right: calc(var(--grid-size) * 14); }
-    .mr15-ns {    margin-right: calc(var(--grid-size) * 15); }
-    .mr16-ns {    margin-right: calc(var(--grid-size) * 16); }
-    .mr17-ns {    margin-right: calc(var(--grid-size) * 17); }
-    .mr18-ns {    margin-right: calc(var(--grid-size) * 18); }
-    .mr19-ns {    margin-right: calc(var(--grid-size) * 19); }
-    .mr20-ns {    margin-right: calc(var(--grid-size) * 20); }
-    .mr25-ns {    margin-right: calc(var(--grid-size) * 25); }
-    .mr30-ns {    margin-right: calc(var(--grid-size) * 30); }
-    .mr40-ns {    margin-right: calc(var(--grid-size) * 40); }
-    .mr50-ns {    margin-right: calc(var(--grid-size) * 50); }
-
-    .mb0-ns {    margin-bottom: 0; }
-    .mb1-ns {    margin-bottom: calc(var(--grid-size) * 1); }
-    .mb2-ns {    margin-bottom: calc(var(--grid-size) * 2); }
-    .mb3-ns {    margin-bottom: calc(var(--grid-size) * 3); }
-    .mb4-ns {    margin-bottom: calc(var(--grid-size) * 4); }
-    .mb5-ns {    margin-bottom: calc(var(--grid-size) * 5); }
-    .mb6-ns {    margin-bottom: calc(var(--grid-size) * 6); }
-    .mb7-ns {    margin-bottom: calc(var(--grid-size) * 7); }
-    .mb8-ns {    margin-bottom: calc(var(--grid-size) * 8); }
-    .mb9-ns {    margin-bottom: calc(var(--grid-size) * 9); }
-    .mb10-ns {    margin-bottom: calc(var(--grid-size) * 10); }
-    .mb11-ns {    margin-bottom: calc(var(--grid-size) * 11); }
-    .mb12-ns {    margin-bottom: calc(var(--grid-size) * 12); }
-    .mb13-ns {    margin-bottom: calc(var(--grid-size) * 13); }
-    .mb14-ns {    margin-bottom: calc(var(--grid-size) * 14); }
-    .mb15-ns {    margin-bottom: calc(var(--grid-size) * 15); }
-    .mb16-ns {    margin-bottom: calc(var(--grid-size) * 16); }
-    .mb17-ns {    margin-bottom: calc(var(--grid-size) * 17); }
-    .mb18-ns {    margin-bottom: calc(var(--grid-size) * 18); }
-    .mb19-ns {    margin-bottom: calc(var(--grid-size) * 19); }
-    .mb20-ns {    margin-bottom: calc(var(--grid-size) * 20); }
-    .mb25-ns {    margin-bottom: calc(var(--grid-size) * 25); }
-    .mb30-ns {    margin-bottom: calc(var(--grid-size) * 30); }
-    .mb40-ns {    margin-bottom: calc(var(--grid-size) * 40); }
-    .mb50-ns {    margin-bottom: calc(var(--grid-size) * 50); }
-
-    .ml0-ns {    margin-left: 0; }
-    .ml1-ns {    margin-left: calc(var(--grid-size) * 1); }
-    .ml2-ns {    margin-left: calc(var(--grid-size) * 2); }
-    .ml3-ns {    margin-left: calc(var(--grid-size) * 3); }
-    .ml4-ns {    margin-left: calc(var(--grid-size) * 4); }
-    .ml5-ns {    margin-left: calc(var(--grid-size) * 5); }
-    .ml6-ns {    margin-left: calc(var(--grid-size) * 6); }
-    .ml7-ns {    margin-left: calc(var(--grid-size) * 7); }
-    .ml8-ns {    margin-left: calc(var(--grid-size) * 8); }
-    .ml9-ns {    margin-left: calc(var(--grid-size) * 9); }
-    .ml10-ns {    margin-left: calc(var(--grid-size) * 10); }
-    .ml11-ns {    margin-left: calc(var(--grid-size) * 11); }
-    .ml12-ns {    margin-left: calc(var(--grid-size) * 12); }
-    .ml13-ns {    margin-left: calc(var(--grid-size) * 13); }
-    .ml14-ns {    margin-left: calc(var(--grid-size) * 14); }
-    .ml15-ns {    margin-left: calc(var(--grid-size) * 15); }
-    .ml16-ns {    margin-left: calc(var(--grid-size) * 16); }
-    .ml17-ns {    margin-left: calc(var(--grid-size) * 17); }
-    .ml18-ns {    margin-left: calc(var(--grid-size) * 18); }
-    .ml19-ns {    margin-left: calc(var(--grid-size) * 19); }
-    .ml20-ns {    margin-left: calc(var(--grid-size) * 20); }
-    .ml25-ns {    margin-left: calc(var(--grid-size) * 25); }
-    .ml30-ns {    margin-left: calc(var(--grid-size) * 30); }
-    .ml40-ns {    margin-left: calc(var(--grid-size) * 40); }
-    .ml50-ns {    margin-left: calc(var(--grid-size) * 50); }
-
-    .mt0-ns {    margin-top: 0; }
-    .mt1-ns {    margin-top: calc(var(--grid-size) * 1); }
-    .mt2-ns {    margin-top: calc(var(--grid-size) * 2); }
-    .mt3-ns {    margin-top: calc(var(--grid-size) * 3); }
-    .mt4-ns {    margin-top: calc(var(--grid-size) * 4); }
-    .mt5-ns {    margin-top: calc(var(--grid-size) * 5); }
-    .mt6-ns {    margin-top: calc(var(--grid-size) * 6); }
-    .mt7-ns {    margin-top: calc(var(--grid-size) * 7); }
-    .mt8-ns {    margin-top: calc(var(--grid-size) * 8); }
-    .mt9-ns {    margin-top: calc(var(--grid-size) * 9); }
-    .mt10-ns {    margin-top: calc(var(--grid-size) * 10); }
-    .mt11-ns {    margin-top: calc(var(--grid-size) * 11); }
-    .mt12-ns {    margin-top: calc(var(--grid-size) * 12); }
-    .mt13-ns {    margin-top: calc(var(--grid-size) * 13); }
-    .mt14-ns {    margin-top: calc(var(--grid-size) * 14); }
-    .mt15-ns {    margin-top: calc(var(--grid-size) * 15); }
-    .mt16-ns {    margin-top: calc(var(--grid-size) * 16); }
-    .mt17-ns {    margin-top: calc(var(--grid-size) * 17); }
-    .mt18-ns {    margin-top: calc(var(--grid-size) * 18); }
-    .mt19-ns {    margin-top: calc(var(--grid-size) * 19); }
-    .mt20-ns {    margin-top: calc(var(--grid-size) * 20); }
-    .mt25-ns {    margin-top: calc(var(--grid-size) * 25); }
-    .mt30-ns {    margin-top: calc(var(--grid-size) * 30); }
-    .mt40-ns {    margin-top: calc(var(--grid-size) * 40); }
-    .mt50-ns {    margin-top: calc(var(--grid-size) * 50); }
-}
-
-@media (--breakpoint-medium) {
-    .pa0-m {    padding: 0; }
-    .pa1-m {    padding: calc(var(--grid-size) * 1); }
-    .pa2-m {    padding: calc(var(--grid-size) * 2); }
-    .pa3-m {    padding: calc(var(--grid-size) * 3); }
-    .pa4-m {    padding: calc(var(--grid-size) * 4); }
-    .pa5-m {    padding: calc(var(--grid-size) * 5); }
-    .pa6-m {    padding: calc(var(--grid-size) * 6); }
-    .pa7-m {    padding: calc(var(--grid-size) * 7); }
-    .pa8-m {    padding: calc(var(--grid-size) * 8); }
-    .pa9-m {    padding: calc(var(--grid-size) * 9); }
-    .pa10-m {    padding: calc(var(--grid-size) * 10); }
-    .pa11-m {    padding: calc(var(--grid-size) * 11); }
-    .pa12-m {    padding: calc(var(--grid-size) * 12); }
-    .pa13-m {    padding: calc(var(--grid-size) * 13); }
-    .pa14-m {    padding: calc(var(--grid-size) * 14); }
-    .pa15-m {    padding: calc(var(--grid-size) * 15); }
-    .pa16-m {    padding: calc(var(--grid-size) * 16); }
-    .pa17-m {    padding: calc(var(--grid-size) * 17); }
-    .pa18-m {    padding: calc(var(--grid-size) * 18); }
-    .pa19-m {    padding: calc(var(--grid-size) * 19); }
-    .pa20-m {    padding: calc(var(--grid-size) * 20); }
-    .pa25-m {    padding: calc(var(--grid-size) * 25); }
-    .pa30-m {    padding: calc(var(--grid-size) * 30); }
-    .pa40-m {    padding: calc(var(--grid-size) * 40); }
-    .pa50-m {    padding: calc(var(--grid-size) * 50); }
-
-    .pr0-m {    padding-right: 0; }
-    .pr1-m {    padding-right: calc(var(--grid-size) * 1); }
-    .pr2-m {    padding-right: calc(var(--grid-size) * 2); }
-    .pr3-m {    padding-right: calc(var(--grid-size) * 3); }
-    .pr4-m {    padding-right: calc(var(--grid-size) * 4); }
-    .pr5-m {    padding-right: calc(var(--grid-size) * 5); }
-    .pr6-m {    padding-right: calc(var(--grid-size) * 6); }
-    .pr7-m {    padding-right: calc(var(--grid-size) * 7); }
-    .pr8-m {    padding-right: calc(var(--grid-size) * 8); }
-    .pr9-m {    padding-right: calc(var(--grid-size) * 9); }
-    .pr10-m {    padding-right: calc(var(--grid-size) * 10); }
-    .pr11-m {    padding-right: calc(var(--grid-size) * 11); }
-    .pr12-m {    padding-right: calc(var(--grid-size) * 12); }
-    .pr13-m {    padding-right: calc(var(--grid-size) * 13); }
-    .pr14-m {    padding-right: calc(var(--grid-size) * 14); }
-    .pr15-m {    padding-right: calc(var(--grid-size) * 15); }
-    .pr16-m {    padding-right: calc(var(--grid-size) * 16); }
-    .pr17-m {    padding-right: calc(var(--grid-size) * 17); }
-    .pr18-m {    padding-right: calc(var(--grid-size) * 18); }
-    .pr19-m {    padding-right: calc(var(--grid-size) * 19); }
-    .pr20-m {    padding-right: calc(var(--grid-size) * 20); }
-    .pr25-m {    padding-right: calc(var(--grid-size) * 25); }
-    .pr30-m {    padding-right: calc(var(--grid-size) * 30); }
-    .pr40-m {    padding-right: calc(var(--grid-size) * 40); }
-    .pr50-m {    padding-right: calc(var(--grid-size) * 50); }
-
-    .pb0-m {    padding-bottom: 0; }
-    .pb1-m {    padding-bottom: calc(var(--grid-size) * 1); }
-    .pb2-m {    padding-bottom: calc(var(--grid-size) * 2); }
-    .pb3-m {    padding-bottom: calc(var(--grid-size) * 3); }
-    .pb4-m {    padding-bottom: calc(var(--grid-size) * 4); }
-    .pb5-m {    padding-bottom: calc(var(--grid-size) * 5); }
-    .pb6-m {    padding-bottom: calc(var(--grid-size) * 6); }
-    .pb7-m {    padding-bottom: calc(var(--grid-size) * 7); }
-    .pb8-m {    padding-bottom: calc(var(--grid-size) * 8); }
-    .pb9-m {    padding-bottom: calc(var(--grid-size) * 9); }
-    .pb10-m {    padding-bottom: calc(var(--grid-size) * 10); }
-    .pb11-m {    padding-bottom: calc(var(--grid-size) * 11); }
-    .pb12-m {    padding-bottom: calc(var(--grid-size) * 12); }
-    .pb13-m {    padding-bottom: calc(var(--grid-size) * 13); }
-    .pb14-m {    padding-bottom: calc(var(--grid-size) * 14); }
-    .pb15-m {    padding-bottom: calc(var(--grid-size) * 15); }
-    .pb16-m {    padding-bottom: calc(var(--grid-size) * 16); }
-    .pb17-m {    padding-bottom: calc(var(--grid-size) * 17); }
-    .pb18-m {    padding-bottom: calc(var(--grid-size) * 18); }
-    .pb19-m {    padding-bottom: calc(var(--grid-size) * 19); }
-    .pb20-m {    padding-bottom: calc(var(--grid-size) * 20); }
-    .pb25-m {    padding-bottom: calc(var(--grid-size) * 25); }
-    .pb30-m {    padding-bottom: calc(var(--grid-size) * 30); }
-    .pb40-m {    padding-bottom: calc(var(--grid-size) * 40); }
-    .pb50-m {    padding-bottom: calc(var(--grid-size) * 50); }
-
-    .pl0-m {    padding-left: 0; }
-    .pl1-m {    padding-left: calc(var(--grid-size) * 1); }
-    .pl2-m {    padding-left: calc(var(--grid-size) * 2); }
-    .pl3-m {    padding-left: calc(var(--grid-size) * 3); }
-    .pl4-m {    padding-left: calc(var(--grid-size) * 4); }
-    .pl5-m {    padding-left: calc(var(--grid-size) * 5); }
-    .pl6-m {    padding-left: calc(var(--grid-size) * 6); }
-    .pl7-m {    padding-left: calc(var(--grid-size) * 7); }
-    .pl8-m {    padding-left: calc(var(--grid-size) * 8); }
-    .pl9-m {    padding-left: calc(var(--grid-size) * 9); }
-    .pl10-m {    padding-left: calc(var(--grid-size) * 10); }
-    .pl11-m {    padding-left: calc(var(--grid-size) * 11); }
-    .pl12-m {    padding-left: calc(var(--grid-size) * 12); }
-    .pl13-m {    padding-left: calc(var(--grid-size) * 13); }
-    .pl14-m {    padding-left: calc(var(--grid-size) * 14); }
-    .pl15-m {    padding-left: calc(var(--grid-size) * 15); }
-    .pl16-m {    padding-left: calc(var(--grid-size) * 16); }
-    .pl17-m {    padding-left: calc(var(--grid-size) * 17); }
-    .pl18-m {    padding-left: calc(var(--grid-size) * 18); }
-    .pl19-m {    padding-left: calc(var(--grid-size) * 19); }
-    .pl20-m {    padding-left: calc(var(--grid-size) * 20); }
-    .pl25-m {    padding-left: calc(var(--grid-size) * 25); }
-    .pl30-m {    padding-left: calc(var(--grid-size) * 30); }
-    .pl40-m {    padding-left: calc(var(--grid-size) * 40); }
-    .pl50-m {    padding-left: calc(var(--grid-size) * 50); }
-
-    .pt0-m {    padding-top: 0; }
-    .pt1-m {    padding-top: calc(var(--grid-size) * 1); }
-    .pt2-m {    padding-top: calc(var(--grid-size) * 2); }
-    .pt3-m {    padding-top: calc(var(--grid-size) * 3); }
-    .pt4-m {    padding-top: calc(var(--grid-size) * 4); }
-    .pt5-m {    padding-top: calc(var(--grid-size) * 5); }
-    .pt6-m {    padding-top: calc(var(--grid-size) * 6); }
-    .pt7-m {    padding-top: calc(var(--grid-size) * 7); }
-    .pt8-m {    padding-top: calc(var(--grid-size) * 8); }
-    .pt9-m {    padding-top: calc(var(--grid-size) * 9); }
-    .pt10-m {    padding-top: calc(var(--grid-size) * 10); }
-    .pt11-m {    padding-top: calc(var(--grid-size) * 11); }
-    .pt12-m {    padding-top: calc(var(--grid-size) * 12); }
-    .pt13-m {    padding-top: calc(var(--grid-size) * 13); }
-    .pt14-m {    padding-top: calc(var(--grid-size) * 14); }
-    .pt15-m {    padding-top: calc(var(--grid-size) * 15); }
-    .pt16-m {    padding-top: calc(var(--grid-size) * 16); }
-    .pt17-m {    padding-top: calc(var(--grid-size) * 17); }
-    .pt18-m {    padding-top: calc(var(--grid-size) * 18); }
-    .pt19-m {    padding-top: calc(var(--grid-size) * 19); }
-    .pt20-m {    padding-top: calc(var(--grid-size) * 20); }
-    .pt25-m {    padding-top: calc(var(--grid-size) * 25); }
-    .pt30-m {    padding-top: calc(var(--grid-size) * 30); }
-    .pt40-m {    padding-top: calc(var(--grid-size) * 40); }
-    .pt50-m {    padding-top: calc(var(--grid-size) * 50); }
-
-    .ma0-m {    margin: 0; }
-    .ma1-m {    margin: calc(var(--grid-size) * 1); }
-    .ma2-m {    margin: calc(var(--grid-size) * 2); }
-    .ma3-m {    margin: calc(var(--grid-size) * 3); }
-    .ma4-m {    margin: calc(var(--grid-size) * 4); }
-    .ma5-m {    margin: calc(var(--grid-size) * 5); }
-    .ma6-m {    margin: calc(var(--grid-size) * 6); }
-    .ma7-m {    margin: calc(var(--grid-size) * 7); }
-    .ma8-m {    margin: calc(var(--grid-size) * 8); }
-    .ma9-m {    margin: calc(var(--grid-size) * 9); }
-    .ma10-m {    margin: calc(var(--grid-size) * 10); }
-    .ma11-m {    margin: calc(var(--grid-size) * 11); }
-    .ma12-m {    margin: calc(var(--grid-size) * 12); }
-    .ma13-m {    margin: calc(var(--grid-size) * 13); }
-    .ma14-m {    margin: calc(var(--grid-size) * 14); }
-    .ma15-m {    margin: calc(var(--grid-size) * 15); }
-    .ma16-m {    margin: calc(var(--grid-size) * 16); }
-    .ma17-m {    margin: calc(var(--grid-size) * 17); }
-    .ma18-m {    margin: calc(var(--grid-size) * 18); }
-    .ma19-m {    margin: calc(var(--grid-size) * 19); }
-    .ma20-m {    margin: calc(var(--grid-size) * 20); }
-    .ma25-m {    margin: calc(var(--grid-size) * 25); }
-    .ma30-m {    margin: calc(var(--grid-size) * 30); }
-    .ma40-m {    margin: calc(var(--grid-size) * 40); }
-    .ma50-m {    margin: calc(var(--grid-size) * 50); }
-
-    .mr0-m {    margin-right: 0; }
-    .mr1-m {    margin-right: calc(var(--grid-size) * 1); }
-    .mr2-m {    margin-right: calc(var(--grid-size) * 2); }
-    .mr3-m {    margin-right: calc(var(--grid-size) * 3); }
-    .mr4-m {    margin-right: calc(var(--grid-size) * 4); }
-    .mr5-m {    margin-right: calc(var(--grid-size) * 5); }
-    .mr6-m {    margin-right: calc(var(--grid-size) * 6); }
-    .mr7-m {    margin-right: calc(var(--grid-size) * 7); }
-    .mr8-m {    margin-right: calc(var(--grid-size) * 8); }
-    .mr9-m {    margin-right: calc(var(--grid-size) * 9); }
-    .mr10-m {    margin-right: calc(var(--grid-size) * 10); }
-    .mr11-m {    margin-right: calc(var(--grid-size) * 11); }
-    .mr12-m {    margin-right: calc(var(--grid-size) * 12); }
-    .mr13-m {    margin-right: calc(var(--grid-size) * 13); }
-    .mr14-m {    margin-right: calc(var(--grid-size) * 14); }
-    .mr15-m {    margin-right: calc(var(--grid-size) * 15); }
-    .mr16-m {    margin-right: calc(var(--grid-size) * 16); }
-    .mr17-m {    margin-right: calc(var(--grid-size) * 17); }
-    .mr18-m {    margin-right: calc(var(--grid-size) * 18); }
-    .mr19-m {    margin-right: calc(var(--grid-size) * 19); }
-    .mr20-m {    margin-right: calc(var(--grid-size) * 20); }
-    .mr25-m {    margin-right: calc(var(--grid-size) * 25); }
-    .mr30-m {    margin-right: calc(var(--grid-size) * 30); }
-    .mr40-m {    margin-right: calc(var(--grid-size) * 40); }
-    .mr50-m {    margin-right: calc(var(--grid-size) * 50); }
-
-    .mb0-m {    margin-bottom: 0; }
-    .mb1-m {    margin-bottom: calc(var(--grid-size) * 1); }
-    .mb2-m {    margin-bottom: calc(var(--grid-size) * 2); }
-    .mb3-m {    margin-bottom: calc(var(--grid-size) * 3); }
-    .mb4-m {    margin-bottom: calc(var(--grid-size) * 4); }
-    .mb5-m {    margin-bottom: calc(var(--grid-size) * 5); }
-    .mb6-m {    margin-bottom: calc(var(--grid-size) * 6); }
-    .mb7-m {    margin-bottom: calc(var(--grid-size) * 7); }
-    .mb8-m {    margin-bottom: calc(var(--grid-size) * 8); }
-    .mb9-m {    margin-bottom: calc(var(--grid-size) * 9); }
-    .mb10-m {    margin-bottom: calc(var(--grid-size) * 10); }
-    .mb11-m {    margin-bottom: calc(var(--grid-size) * 11); }
-    .mb12-m {    margin-bottom: calc(var(--grid-size) * 12); }
-    .mb13-m {    margin-bottom: calc(var(--grid-size) * 13); }
-    .mb14-m {    margin-bottom: calc(var(--grid-size) * 14); }
-    .mb15-m {    margin-bottom: calc(var(--grid-size) * 15); }
-    .mb16-m {    margin-bottom: calc(var(--grid-size) * 16); }
-    .mb17-m {    margin-bottom: calc(var(--grid-size) * 17); }
-    .mb18-m {    margin-bottom: calc(var(--grid-size) * 18); }
-    .mb19-m {    margin-bottom: calc(var(--grid-size) * 19); }
-    .mb20-m {    margin-bottom: calc(var(--grid-size) * 20); }
-    .mb25-m {    margin-bottom: calc(var(--grid-size) * 25); }
-    .mb30-m {    margin-bottom: calc(var(--grid-size) * 30); }
-    .mb40-m {    margin-bottom: calc(var(--grid-size) * 40); }
-    .mb50-m {    margin-bottom: calc(var(--grid-size) * 50); }
-
-    .ml0-m {    margin-left: 0; }
-    .ml1-m {    margin-left: calc(var(--grid-size) * 1); }
-    .ml2-m {    margin-left: calc(var(--grid-size) * 2); }
-    .ml3-m {    margin-left: calc(var(--grid-size) * 3); }
-    .ml4-m {    margin-left: calc(var(--grid-size) * 4); }
-    .ml5-m {    margin-left: calc(var(--grid-size) * 5); }
-    .ml6-m {    margin-left: calc(var(--grid-size) * 6); }
-    .ml7-m {    margin-left: calc(var(--grid-size) * 7); }
-    .ml8-m {    margin-left: calc(var(--grid-size) * 8); }
-    .ml9-m {    margin-left: calc(var(--grid-size) * 9); }
-    .ml10-m {    margin-left: calc(var(--grid-size) * 10); }
-    .ml11-m {    margin-left: calc(var(--grid-size) * 11); }
-    .ml12-m {    margin-left: calc(var(--grid-size) * 12); }
-    .ml13-m {    margin-left: calc(var(--grid-size) * 13); }
-    .ml14-m {    margin-left: calc(var(--grid-size) * 14); }
-    .ml15-m {    margin-left: calc(var(--grid-size) * 15); }
-    .ml16-m {    margin-left: calc(var(--grid-size) * 16); }
-    .ml17-m {    margin-left: calc(var(--grid-size) * 17); }
-    .ml18-m {    margin-left: calc(var(--grid-size) * 18); }
-    .ml19-m {    margin-left: calc(var(--grid-size) * 19); }
-    .ml20-m {    margin-left: calc(var(--grid-size) * 20); }
-    .ml25-m {    margin-left: calc(var(--grid-size) * 25); }
-    .ml30-m {    margin-left: calc(var(--grid-size) * 30); }
-    .ml40-m {    margin-left: calc(var(--grid-size) * 40); }
-    .ml50-m {    margin-left: calc(var(--grid-size) * 50); }
-
-    .mt0-m {    margin-top: 0; }
-    .mt1-m {    margin-top: calc(var(--grid-size) * 1); }
-    .mt2-m {    margin-top: calc(var(--grid-size) * 2); }
-    .mt3-m {    margin-top: calc(var(--grid-size) * 3); }
-    .mt4-m {    margin-top: calc(var(--grid-size) * 4); }
-    .mt5-m {    margin-top: calc(var(--grid-size) * 5); }
-    .mt6-m {    margin-top: calc(var(--grid-size) * 6); }
-    .mt7-m {    margin-top: calc(var(--grid-size) * 7); }
-    .mt8-m {    margin-top: calc(var(--grid-size) * 8); }
-    .mt9-m {    margin-top: calc(var(--grid-size) * 9); }
-    .mt10-m {    margin-top: calc(var(--grid-size) * 10); }
-    .mt11-m {    margin-top: calc(var(--grid-size) * 11); }
-    .mt12-m {    margin-top: calc(var(--grid-size) * 12); }
-    .mt13-m {    margin-top: calc(var(--grid-size) * 13); }
-    .mt14-m {    margin-top: calc(var(--grid-size) * 14); }
-    .mt15-m {    margin-top: calc(var(--grid-size) * 15); }
-    .mt16-m {    margin-top: calc(var(--grid-size) * 16); }
-    .mt17-m {    margin-top: calc(var(--grid-size) * 17); }
-    .mt18-m {    margin-top: calc(var(--grid-size) * 18); }
-    .mt19-m {    margin-top: calc(var(--grid-size) * 19); }
-    .mt20-m {    margin-top: calc(var(--grid-size) * 20); }
-    .mt25-m {    margin-top: calc(var(--grid-size) * 25); }
-    .mt30-m {    margin-top: calc(var(--grid-size) * 30); }
-    .mt40-m {    margin-top: calc(var(--grid-size) * 40); }
-    .mt50-m {    margin-top: calc(var(--grid-size) * 50); }
-}
-
-@media (--breakpoint-large) {
-    .pa0-l {    padding: 0; }
-    .pa1-l {    padding: calc(var(--grid-size) * 1); }
-    .pa2-l {    padding: calc(var(--grid-size) * 2); }
-    .pa3-l {    padding: calc(var(--grid-size) * 3); }
-    .pa4-l {    padding: calc(var(--grid-size) * 4); }
-    .pa5-l {    padding: calc(var(--grid-size) * 5); }
-    .pa6-l {    padding: calc(var(--grid-size) * 6); }
-    .pa7-l {    padding: calc(var(--grid-size) * 7); }
-    .pa8-l {    padding: calc(var(--grid-size) * 8); }
-    .pa9-l {    padding: calc(var(--grid-size) * 9); }
-    .pa10-l {    padding: calc(var(--grid-size) * 10); }
-    .pa11-l {    padding: calc(var(--grid-size) * 11); }
-    .pa12-l {    padding: calc(var(--grid-size) * 12); }
-    .pa13-l {    padding: calc(var(--grid-size) * 13); }
-    .pa14-l {    padding: calc(var(--grid-size) * 14); }
-    .pa15-l {    padding: calc(var(--grid-size) * 15); }
-    .pa16-l {    padding: calc(var(--grid-size) * 16); }
-    .pa17-l {    padding: calc(var(--grid-size) * 17); }
-    .pa18-l {    padding: calc(var(--grid-size) * 18); }
-    .pa19-l {    padding: calc(var(--grid-size) * 19); }
-    .pa20-l {    padding: calc(var(--grid-size) * 20); }
-    .pa25-l {    padding: calc(var(--grid-size) * 25); }
-    .pa30-l {    padding: calc(var(--grid-size) * 30); }
-    .pa40-l {    padding: calc(var(--grid-size) * 40); }
-    .pa50-l {    padding: calc(var(--grid-size) * 50); }
-
-    .pr0-l {    padding-right: 0; }
-    .pr1-l {    padding-right: calc(var(--grid-size) * 1); }
-    .pr2-l {    padding-right: calc(var(--grid-size) * 2); }
-    .pr3-l {    padding-right: calc(var(--grid-size) * 3); }
-    .pr4-l {    padding-right: calc(var(--grid-size) * 4); }
-    .pr5-l {    padding-right: calc(var(--grid-size) * 5); }
-    .pr6-l {    padding-right: calc(var(--grid-size) * 6); }
-    .pr7-l {    padding-right: calc(var(--grid-size) * 7); }
-    .pr8-l {    padding-right: calc(var(--grid-size) * 8); }
-    .pr9-l {    padding-right: calc(var(--grid-size) * 9); }
-    .pr10-l {    padding-right: calc(var(--grid-size) * 10); }
-    .pr11-l {    padding-right: calc(var(--grid-size) * 11); }
-    .pr12-l {    padding-right: calc(var(--grid-size) * 12); }
-    .pr13-l {    padding-right: calc(var(--grid-size) * 13); }
-    .pr14-l {    padding-right: calc(var(--grid-size) * 14); }
-    .pr15-l {    padding-right: calc(var(--grid-size) * 15); }
-    .pr16-l {    padding-right: calc(var(--grid-size) * 16); }
-    .pr17-l {    padding-right: calc(var(--grid-size) * 17); }
-    .pr18-l {    padding-right: calc(var(--grid-size) * 18); }
-    .pr19-l {    padding-right: calc(var(--grid-size) * 19); }
-    .pr20-l {    padding-right: calc(var(--grid-size) * 20); }
-    .pr25-l {    padding-right: calc(var(--grid-size) * 25); }
-    .pr30-l {    padding-right: calc(var(--grid-size) * 30); }
-    .pr40-l {    padding-right: calc(var(--grid-size) * 40); }
-    .pr50-l {    padding-right: calc(var(--grid-size) * 50); }
-
-    .pb0-l {    padding-bottom: 0; }
-    .pb1-l {    padding-bottom: calc(var(--grid-size) * 1); }
-    .pb2-l {    padding-bottom: calc(var(--grid-size) * 2); }
-    .pb3-l {    padding-bottom: calc(var(--grid-size) * 3); }
-    .pb4-l {    padding-bottom: calc(var(--grid-size) * 4); }
-    .pb5-l {    padding-bottom: calc(var(--grid-size) * 5); }
-    .pb6-l {    padding-bottom: calc(var(--grid-size) * 6); }
-    .pb7-l {    padding-bottom: calc(var(--grid-size) * 7); }
-    .pb8-l {    padding-bottom: calc(var(--grid-size) * 8); }
-    .pb9-l {    padding-bottom: calc(var(--grid-size) * 9); }
-    .pb10-l {    padding-bottom: calc(var(--grid-size) * 10); }
-    .pb11-l {    padding-bottom: calc(var(--grid-size) * 11); }
-    .pb12-l {    padding-bottom: calc(var(--grid-size) * 12); }
-    .pb13-l {    padding-bottom: calc(var(--grid-size) * 13); }
-    .pb14-l {    padding-bottom: calc(var(--grid-size) * 14); }
-    .pb15-l {    padding-bottom: calc(var(--grid-size) * 15); }
-    .pb16-l {    padding-bottom: calc(var(--grid-size) * 16); }
-    .pb17-l {    padding-bottom: calc(var(--grid-size) * 17); }
-    .pb18-l {    padding-bottom: calc(var(--grid-size) * 18); }
-    .pb19-l {    padding-bottom: calc(var(--grid-size) * 19); }
-    .pb20-l {    padding-bottom: calc(var(--grid-size) * 20); }
-    .pb25-l {    padding-bottom: calc(var(--grid-size) * 25); }
-    .pb30-l {    padding-bottom: calc(var(--grid-size) * 30); }
-    .pb40-l {    padding-bottom: calc(var(--grid-size) * 40); }
-    .pb50-l {    padding-bottom: calc(var(--grid-size) * 50); }
-
-    .pl0-l {    padding-left: 0; }
-    .pl1-l {    padding-left: calc(var(--grid-size) * 1); }
-    .pl2-l {    padding-left: calc(var(--grid-size) * 2); }
-    .pl3-l {    padding-left: calc(var(--grid-size) * 3); }
-    .pl4-l {    padding-left: calc(var(--grid-size) * 4); }
-    .pl5-l {    padding-left: calc(var(--grid-size) * 5); }
-    .pl6-l {    padding-left: calc(var(--grid-size) * 6); }
-    .pl7-l {    padding-left: calc(var(--grid-size) * 7); }
-    .pl8-l {    padding-left: calc(var(--grid-size) * 8); }
-    .pl9-l {    padding-left: calc(var(--grid-size) * 9); }
-    .pl10-l {    padding-left: calc(var(--grid-size) * 10); }
-    .pl11-l {    padding-left: calc(var(--grid-size) * 11); }
-    .pl12-l {    padding-left: calc(var(--grid-size) * 12); }
-    .pl13-l {    padding-left: calc(var(--grid-size) * 13); }
-    .pl14-l {    padding-left: calc(var(--grid-size) * 14); }
-    .pl15-l {    padding-left: calc(var(--grid-size) * 15); }
-    .pl16-l {    padding-left: calc(var(--grid-size) * 16); }
-    .pl17-l {    padding-left: calc(var(--grid-size) * 17); }
-    .pl18-l {    padding-left: calc(var(--grid-size) * 18); }
-    .pl19-l {    padding-left: calc(var(--grid-size) * 19); }
-    .pl20-l {    padding-left: calc(var(--grid-size) * 20); }
-    .pl25-l {    padding-left: calc(var(--grid-size) * 25); }
-    .pl30-l {    padding-left: calc(var(--grid-size) * 30); }
-    .pl40-l {    padding-left: calc(var(--grid-size) * 40); }
-    .pl50-l {    padding-left: calc(var(--grid-size) * 50); }
-
-    .pt0-l {    padding-top: 0; }
-    .pt1-l {    padding-top: calc(var(--grid-size) * 1); }
-    .pt2-l {    padding-top: calc(var(--grid-size) * 2); }
-    .pt3-l {    padding-top: calc(var(--grid-size) * 3); }
-    .pt4-l {    padding-top: calc(var(--grid-size) * 4); }
-    .pt5-l {    padding-top: calc(var(--grid-size) * 5); }
-    .pt6-l {    padding-top: calc(var(--grid-size) * 6); }
-    .pt7-l {    padding-top: calc(var(--grid-size) * 7); }
-    .pt8-l {    padding-top: calc(var(--grid-size) * 8); }
-    .pt9-l {    padding-top: calc(var(--grid-size) * 9); }
-    .pt10-l {    padding-top: calc(var(--grid-size) * 10); }
-    .pt11-l {    padding-top: calc(var(--grid-size) * 11); }
-    .pt12-l {    padding-top: calc(var(--grid-size) * 12); }
-    .pt13-l {    padding-top: calc(var(--grid-size) * 13); }
-    .pt14-l {    padding-top: calc(var(--grid-size) * 14); }
-    .pt15-l {    padding-top: calc(var(--grid-size) * 15); }
-    .pt16-l {    padding-top: calc(var(--grid-size) * 16); }
-    .pt17-l {    padding-top: calc(var(--grid-size) * 17); }
-    .pt18-l {    padding-top: calc(var(--grid-size) * 18); }
-    .pt19-l {    padding-top: calc(var(--grid-size) * 19); }
-    .pt20-l {    padding-top: calc(var(--grid-size) * 20); }
-    .pt25-l {    padding-top: calc(var(--grid-size) * 25); }
-    .pt30-l {    padding-top: calc(var(--grid-size) * 30); }
-    .pt40-l {    padding-top: calc(var(--grid-size) * 40); }
-    .pt50-l {    padding-top: calc(var(--grid-size) * 50); }
-
-    .ma0-l {    margin: 0; }
-    .ma1-l {    margin: calc(var(--grid-size) * 1); }
-    .ma2-l {    margin: calc(var(--grid-size) * 2); }
-    .ma3-l {    margin: calc(var(--grid-size) * 3); }
-    .ma4-l {    margin: calc(var(--grid-size) * 4); }
-    .ma5-l {    margin: calc(var(--grid-size) * 5); }
-    .ma6-l {    margin: calc(var(--grid-size) * 6); }
-    .ma7-l {    margin: calc(var(--grid-size) * 7); }
-    .ma8-l {    margin: calc(var(--grid-size) * 8); }
-    .ma9-l {    margin: calc(var(--grid-size) * 9); }
-    .ma10-l {    margin: calc(var(--grid-size) * 10); }
-    .ma11-l {    margin: calc(var(--grid-size) * 11); }
-    .ma12-l {    margin: calc(var(--grid-size) * 12); }
-    .ma13-l {    margin: calc(var(--grid-size) * 13); }
-    .ma14-l {    margin: calc(var(--grid-size) * 14); }
-    .ma15-l {    margin: calc(var(--grid-size) * 15); }
-    .ma16-l {    margin: calc(var(--grid-size) * 16); }
-    .ma17-l {    margin: calc(var(--grid-size) * 17); }
-    .ma18-l {    margin: calc(var(--grid-size) * 18); }
-    .ma19-l {    margin: calc(var(--grid-size) * 19); }
-    .ma20-l {    margin: calc(var(--grid-size) * 20); }
-    .ma25-l {    margin: calc(var(--grid-size) * 25); }
-    .ma30-l {    margin: calc(var(--grid-size) * 30); }
-    .ma40-l {    margin: calc(var(--grid-size) * 40); }
-    .ma50-l {    margin: calc(var(--grid-size) * 50); }
-
-    .mr0-l {    margin-right: 0; }
-    .mr1-l {    margin-right: calc(var(--grid-size) * 1); }
-    .mr2-l {    margin-right: calc(var(--grid-size) * 2); }
-    .mr3-l {    margin-right: calc(var(--grid-size) * 3); }
-    .mr4-l {    margin-right: calc(var(--grid-size) * 4); }
-    .mr5-l {    margin-right: calc(var(--grid-size) * 5); }
-    .mr6-l {    margin-right: calc(var(--grid-size) * 6); }
-    .mr7-l {    margin-right: calc(var(--grid-size) * 7); }
-    .mr8-l {    margin-right: calc(var(--grid-size) * 8); }
-    .mr9-l {    margin-right: calc(var(--grid-size) * 9); }
-    .mr10-l {    margin-right: calc(var(--grid-size) * 10); }
-    .mr11-l {    margin-right: calc(var(--grid-size) * 11); }
-    .mr12-l {    margin-right: calc(var(--grid-size) * 12); }
-    .mr13-l {    margin-right: calc(var(--grid-size) * 13); }
-    .mr14-l {    margin-right: calc(var(--grid-size) * 14); }
-    .mr15-l {    margin-right: calc(var(--grid-size) * 15); }
-    .mr16-l {    margin-right: calc(var(--grid-size) * 16); }
-    .mr17-l {    margin-right: calc(var(--grid-size) * 17); }
-    .mr18-l {    margin-right: calc(var(--grid-size) * 18); }
-    .mr19-l {    margin-right: calc(var(--grid-size) * 19); }
-    .mr20-l {    margin-right: calc(var(--grid-size) * 20); }
-    .mr25-l {    margin-right: calc(var(--grid-size) * 25); }
-    .mr30-l {    margin-right: calc(var(--grid-size) * 30); }
-    .mr40-l {    margin-right: calc(var(--grid-size) * 40); }
-    .mr50-l {    margin-right: calc(var(--grid-size) * 50); }
-
-    .mb0-l {    margin-bottom: 0; }
-    .mb1-l {    margin-bottom: calc(var(--grid-size) * 1); }
-    .mb2-l {    margin-bottom: calc(var(--grid-size) * 2); }
-    .mb3-l {    margin-bottom: calc(var(--grid-size) * 3); }
-    .mb4-l {    margin-bottom: calc(var(--grid-size) * 4); }
-    .mb5-l {    margin-bottom: calc(var(--grid-size) * 5); }
-    .mb6-l {    margin-bottom: calc(var(--grid-size) * 6); }
-    .mb7-l {    margin-bottom: calc(var(--grid-size) * 7); }
-    .mb8-l {    margin-bottom: calc(var(--grid-size) * 8); }
-    .mb9-l {    margin-bottom: calc(var(--grid-size) * 9); }
-    .mb10-l {    margin-bottom: calc(var(--grid-size) * 10); }
-    .mb11-l {    margin-bottom: calc(var(--grid-size) * 11); }
-    .mb12-l {    margin-bottom: calc(var(--grid-size) * 12); }
-    .mb13-l {    margin-bottom: calc(var(--grid-size) * 13); }
-    .mb14-l {    margin-bottom: calc(var(--grid-size) * 14); }
-    .mb15-l {    margin-bottom: calc(var(--grid-size) * 15); }
-    .mb16-l {    margin-bottom: calc(var(--grid-size) * 16); }
-    .mb17-l {    margin-bottom: calc(var(--grid-size) * 17); }
-    .mb18-l {    margin-bottom: calc(var(--grid-size) * 18); }
-    .mb19-l {    margin-bottom: calc(var(--grid-size) * 19); }
-    .mb20-l {    margin-bottom: calc(var(--grid-size) * 20); }
-    .mb25-l {    margin-bottom: calc(var(--grid-size) * 25); }
-    .mb30-l {    margin-bottom: calc(var(--grid-size) * 30); }
-    .mb40-l {    margin-bottom: calc(var(--grid-size) * 40); }
-    .mb50-l {    margin-bottom: calc(var(--grid-size) * 50); }
-
-    .ml0-l {    margin-left: 0; }
-    .ml1-l {    margin-left: calc(var(--grid-size) * 1); }
-    .ml2-l {    margin-left: calc(var(--grid-size) * 2); }
-    .ml3-l {    margin-left: calc(var(--grid-size) * 3); }
-    .ml4-l {    margin-left: calc(var(--grid-size) * 4); }
-    .ml5-l {    margin-left: calc(var(--grid-size) * 5); }
-    .ml6-l {    margin-left: calc(var(--grid-size) * 6); }
-    .ml7-l {    margin-left: calc(var(--grid-size) * 7); }
-    .ml8-l {    margin-left: calc(var(--grid-size) * 8); }
-    .ml9-l {    margin-left: calc(var(--grid-size) * 9); }
-    .ml10-l {    margin-left: calc(var(--grid-size) * 10); }
-    .ml11-l {    margin-left: calc(var(--grid-size) * 11); }
-    .ml12-l {    margin-left: calc(var(--grid-size) * 12); }
-    .ml13-l {    margin-left: calc(var(--grid-size) * 13); }
-    .ml14-l {    margin-left: calc(var(--grid-size) * 14); }
-    .ml15-l {    margin-left: calc(var(--grid-size) * 15); }
-    .ml16-l {    margin-left: calc(var(--grid-size) * 16); }
-    .ml17-l {    margin-left: calc(var(--grid-size) * 17); }
-    .ml18-l {    margin-left: calc(var(--grid-size) * 18); }
-    .ml19-l {    margin-left: calc(var(--grid-size) * 19); }
-    .ml20-l {    margin-left: calc(var(--grid-size) * 20); }
-    .ml25-l {    margin-left: calc(var(--grid-size) * 25); }
-    .ml30-l {    margin-left: calc(var(--grid-size) * 30); }
-    .ml40-l {    margin-left: calc(var(--grid-size) * 40); }
-    .ml50-l {    margin-left: calc(var(--grid-size) * 50); }
-
-    .mt0-l {    margin-top: 0; }
-    .mt1-l {    margin-top: calc(var(--grid-size) * 1); }
-    .mt2-l {    margin-top: calc(var(--grid-size) * 2); }
-    .mt3-l {    margin-top: calc(var(--grid-size) * 3); }
-    .mt4-l {    margin-top: calc(var(--grid-size) * 4); }
-    .mt5-l {    margin-top: calc(var(--grid-size) * 5); }
-    .mt6-l {    margin-top: calc(var(--grid-size) * 6); }
-    .mt7-l {    margin-top: calc(var(--grid-size) * 7); }
-    .mt8-l {    margin-top: calc(var(--grid-size) * 8); }
-    .mt9-l {    margin-top: calc(var(--grid-size) * 9); }
-    .mt10-l {    margin-top: calc(var(--grid-size) * 10); }
-    .mt11-l {    margin-top: calc(var(--grid-size) * 11); }
-    .mt12-l {    margin-top: calc(var(--grid-size) * 12); }
-    .mt13-l {    margin-top: calc(var(--grid-size) * 13); }
-    .mt14-l {    margin-top: calc(var(--grid-size) * 14); }
-    .mt15-l {    margin-top: calc(var(--grid-size) * 15); }
-    .mt16-l {    margin-top: calc(var(--grid-size) * 16); }
-    .mt17-l {    margin-top: calc(var(--grid-size) * 17); }
-    .mt18-l {    margin-top: calc(var(--grid-size) * 18); }
-    .mt19-l {    margin-top: calc(var(--grid-size) * 19); }
-    .mt20-l {    margin-top: calc(var(--grid-size) * 20); }
-    .mt25-l {    margin-top: calc(var(--grid-size) * 25); }
-    .mt30-l {    margin-top: calc(var(--grid-size) * 30); }
-    .mt40-l {    margin-top: calc(var(--grid-size) * 40); }
-    .mt50-l {    margin-top: calc(var(--grid-size) * 50); }
-}
diff --git a/app/styles/spirit-product/_tables.css b/app/styles/spirit-product/_tables.css
deleted file mode 100644
index 3a46ddb2d8..0000000000
--- a/app/styles/spirit-product/_tables.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.collapse {
-    border-collapse: collapse;
-    border-spacing: 0;
-}
-
-.striped:nth-child(odd) {
-    border-bottom: 1px solid var(--whitegrey);
-}
-
-.striped:nth-child(even) {
-    background-color: var(--whitegrey-p2);
-    border-bottom: 1px solid var(--whitegrey);
-}
-
-th, td {
-    vertical-align: top;
-}
diff --git a/app/styles/spirit-product/_text-align.css b/app/styles/spirit-product/_text-align.css
deleted file mode 100644
index d31796960e..0000000000
--- a/app/styles/spirit-product/_text-align.css
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
-
-  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 (--breakpoint-not-small) {
-  .tl-ns  { text-align: left; }
-  .tr-ns  { text-align: right; }
-  .tc-ns  { text-align: center; }
-  .tj-ns  { 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 (--breakpoint-large) {
-  .tl-l  { text-align: left; }
-  .tr-l  { text-align: right; }
-  .tc-l  { text-align: center; }
-  .tj-l  { text-align: justify; }
-}
diff --git a/app/styles/spirit-product/_text-block-spacings.css b/app/styles/spirit-product/_text-block-spacings.css
deleted file mode 100644
index 119b9eab40..0000000000
--- a/app/styles/spirit-product/_text-block-spacings.css
+++ /dev/null
@@ -1,53 +0,0 @@
-:root {
-  --baseline-grid: 1.6rem;
-}
-
-.tmb { margin: 0 0 calc(var(--baseline-grid)); }
-.tmb--0 { margin: 0; }
-.tmb--0-25x { margin: 0 0 calc(var(--baseline-grid) * 0.25); }
-.tmb--0-5x { margin: 0 0 calc(var(--baseline-grid) * 0.5); }
-.tmb--0-75x { margin: 0 0 calc(var(--baseline-grid) * 0.75); }
-.tmb--1-25x { margin: 0 0 calc(var(--baseline-grid) * 1.25); }
-.tmb--1-5x { margin: 0 0 calc(var(--baseline-grid) * 1.5); }
-.tmb--2-0x { margin: 0 0 calc(var(--baseline-grid) * 2.0); }
-.tmb--2-5x { margin: 0 0 calc(var(--baseline-grid) * 2.5); }
-.tmb--3-0x { margin: 0 0 calc(var(--baseline-grid) * 3.0); }
-
-@media (--breakpoint-not-small) {
-    .tmb-ns { margin: 0 0 calc(var(--baseline-grid)); }
-    .tmb--0-ns { margin: 0; }
-    .tmb--0-25x-ns { margin: 0 0 calc(var(--baseline-grid) * 0.25); }
-    .tmb--0-5x-ns { margin: 0 0 calc(var(--baseline-grid) * 0.5); }
-    .tmb--0-75x-ns { margin: 0 0 calc(var(--baseline-grid) * 0.75); }
-    .tmb--1-25x-ns { margin: 0 0 calc(var(--baseline-grid) * 1.25); }
-    .tmb--1-5x-ns { margin: 0 0 calc(var(--baseline-grid) * 1.5); }
-    .tmb--2-0x-ns { margin: 0 0 calc(var(--baseline-grid) * 2.0); }
-    .tmb--2-5x-ns { margin: 0 0 calc(var(--baseline-grid) * 2.5); }
-    .tmb--3-0x-ns { margin: 0 0 calc(var(--baseline-grid) * 3.0); }
-}
-
-@media (--breakpoint-medium) {
-    .tmb-m { margin: 0 0 calc(var(--baseline-grid)); }
-    .tmb--0-m { margin: 0; }
-    .tmb--0-25x-m { margin: 0 0 calc(var(--baseline-grid) * 0.25); }
-    .tmb--0-5x-m { margin: 0 0 calc(var(--baseline-grid) * 0.5); }
-    .tmb--0-75x-m { margin: 0 0 calc(var(--baseline-grid) * 0.75); }
-    .tmb--1-25x-m { margin: 0 0 calc(var(--baseline-grid) * 1.25); }
-    .tmb--1-5x-m { margin: 0 0 calc(var(--baseline-grid) * 1.5); }
-    .tmb--2-0x-m { margin: 0 0 calc(var(--baseline-grid) * 2.0); }
-    .tmb--2-5x-m { margin: 0 0 calc(var(--baseline-grid) * 2.5); }
-    .tmb--3-0x-m { margin: 0 0 calc(var(--baseline-grid) * 3.0); }
-}
-
-@media (--breakpoint-large) {
-    .tmb-l { margin: 0 0 calc(var(--baseline-grid)); }
-    .tmb--0-l { margin: 0; }
-    .tmb--0-25x-l { margin: 0 0 calc(var(--baseline-grid) * 0.25); }
-    .tmb--0-5x-l { margin: 0 0 calc(var(--baseline-grid) * 0.5); }
-    .tmb--0-75x-l { margin: 0 0 calc(var(--baseline-grid) * 0.75); }
-    .tmb--1-25x-l { margin: 0 0 calc(var(--baseline-grid) * 1.25); }
-    .tmb--1-5x-l { margin: 0 0 calc(var(--baseline-grid) * 1.5); }
-    .tmb--2-0x-l { margin: 0 0 calc(var(--baseline-grid) * 2.0); }
-    .tmb--2-5x-l { margin: 0 0 calc(var(--baseline-grid) * 2.5); }
-    .tmb--3-0x-l { margin: 0 0 calc(var(--baseline-grid) * 3.0); }
-}
diff --git a/app/styles/spirit-product/_text-decoration.css b/app/styles/spirit-product/_text-decoration.css
deleted file mode 100644
index d69032c51c..0000000000
--- a/app/styles/spirit-product/_text-decoration.css
+++ /dev/null
@@ -1,31 +0,0 @@
-/*
-
-   Media Query Extensions:
-     -ns = not-small
-     -m  = medium
-     -l  = large
-
-*/
-
-.strike       { text-decoration: line-through; }
-.underline    { text-decoration: underline; }
-.no-underline { text-decoration: none; }
-
-
-@media (--breakpoint-not-small) {
-  .strike-ns       { text-decoration: line-through; }
-  .underline-ns    { text-decoration: underline; }
-  .no-underline-ns { text-decoration: none; }
-}
-
-@media (--breakpoint-medium) {
-  .strike-m       { text-decoration: line-through; }
-  .underline-m    { text-decoration: underline; }
-  .no-underline-m { text-decoration: none; }
-}
-
-@media (--breakpoint-large) {
-  .strike-l       { text-decoration: line-through; }
-  .underline-l {    text-decoration: underline; }
-  .no-underline-l { text-decoration: none; }
-}
diff --git a/app/styles/spirit-product/_text-transform.css b/app/styles/spirit-product/_text-transform.css
deleted file mode 100644
index a7c2b19700..0000000000
--- a/app/styles/spirit-product/_text-transform.css
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
-
-   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 (--breakpoint-not-small) {
-  .ttc-ns { text-transform: capitalize; }
-  .ttl-ns { text-transform: lowercase; }
-  .ttu-ns { text-transform: uppercase; }
-  .ttn-ns { 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 (--breakpoint-large) {
-  .ttc-l { text-transform: capitalize; }
-  .ttl-l { text-transform: lowercase; }
-  .ttu-l { text-transform: uppercase; }
-  .ttn-l { text-transform: none; }
-}
diff --git a/app/styles/spirit-product/_type-scale.css b/app/styles/spirit-product/_type-scale.css
deleted file mode 100644
index f0bbca7ed7..0000000000
--- a/app/styles/spirit-product/_type-scale.css
+++ /dev/null
@@ -1,95 +0,0 @@
-/*
-
-    Vertical rhythm = 1.067
-    Tools that can help with experimenting with type scale:
-    http://type-scale.com/
-    https://www.gridlover.net/
-
-    Media Query Extensions:
-        -ns = not-small
-        -m  = medium
-        -l  = large
-
-*/
-
- :root {
-    --ts-base-fontsize: 62.5%;
-
-    --ts-headline: 3.6rem;
-    --ts-subheadline: 2.8rem;
-
-    --ts-1: 2.3rem;
-    --ts-2: 2.1rem;
-    --ts-3: 2.0rem;
-    --ts-4: 1.9rem;
-    --ts-5: 1.75rem;
-    --ts-6: 1.6rem;
-    --ts-7: 1.4rem;
-    --ts-8: 1.3rem;
-    --ts-small: 1.2rem;
-    --ts-supersmall: 1.1rem;
- }
-
-
-.fs-base        { font-size: var(--ts-base-fontsize); }
-.f-headline     { font-size: var(--ts-headline); }
-.f-subheadline  { font-size: var(--ts-subheadline); }
-.f1             { font-size: var(--ts-1); }
-.f2             { font-size: var(--ts-2); }
-.f3             { font-size: var(--ts-3); }
-.f4             { font-size: var(--ts-4); }
-.f5             { font-size: var(--ts-5); }
-.f6             { font-size: var(--ts-6); }
-.f7             { font-size: var(--ts-7); }
-.f8, .f-default { font-size: var(--ts-8); }
-.f-small        { font-size: var(--ts-small); }
-.f-supersmall   { font-size: var(--ts-supersmall); }
-
-
-@media (--breakpoint-not-small){
-    .fs-base-ns             {  font-size: var(--ts-base-fontsize); }
-    .f-headline-ns          { font-size: var(--ts-headline); }
-    .f-subheadline-ns       { font-size: var(--ts-subheadline); }
-    .f1-ns                  { font-size: var(--ts-1); }
-    .f2-ns                  { font-size: var(--ts-2); }
-    .f3-ns                  { font-size: var(--ts-3); }
-    .f4-ns                  { font-size: var(--ts-4); }
-    .f5-ns                  { font-size: var(--ts-5); }
-    .f6-ns                  { font-size: var(--ts-6); }
-    .f7-ns                  { font-size: var(--ts-7); }
-    .f8-ns, .f-default-ns   { font-size: var(--ts-8); }
-    .fsmall-ns              { font-size: var(--ts-small); }
-    .f-supersmall-ns        { font-size: var(--ts-supersmall); }
-}
-
-@media (--breakpoint-medium) {
-    .fs-base-m             {  font-size: var(--ts-base-fontsize); }
-    .f-headline-m          { font-size: var(--ts-headline); }
-    .f-subheadline-m       { font-size: var(--ts-subheadline); }
-    .f1-m                  { font-size: var(--ts-1); }
-    .f2-m                  { font-size: var(--ts-2); }
-    .f3-m                  { font-size: var(--ts-3); }
-    .f4-m                  { font-size: var(--ts-4); }
-    .f5-m                  { font-size: var(--ts-5); }
-    .f6-m                  { font-size: var(--ts-6); }
-    .f7-m                  { font-size: var(--ts-7); }
-    .f8-m, .f-default-m   { font-size: var(--ts-8); }
-    .fsmall-m              { font-size: var(--ts-small); }
-    .f-supersmall-m        { font-size: var(--ts-supersmall); }
-}
-
-@media (--breakpoint-large) {
-    .fs-base-l             {  font-size: var(--ts-base-fontsize); }
-    .f-headline-l          { font-size: var(--ts-headline); }
-    .f-subheadline-l       { font-size: var(--ts-subheadline); }
-    .f1-l                  { font-size: var(--ts-1); }
-    .f2-l                  { font-size: var(--ts-2); }
-    .f3-l                  { font-size: var(--ts-3); }
-    .f4-l                  { font-size: var(--ts-4); }
-    .f5-l                  { font-size: var(--ts-5); }
-    .f6-l                  { font-size: var(--ts-6); }
-    .f7-l                  { font-size: var(--ts-7); }
-    .f8-l, .f-default-l   { font-size: var(--ts-8); }
-    .fsmall-l              { font-size: var(--ts-small); }
-    .f-supersmall-l        { font-size: var(--ts-supersmall); }
-}
diff --git a/app/styles/spirit-product/_typography.css b/app/styles/spirit-product/_typography.css
deleted file mode 100644
index 93ce6cb879..0000000000
--- a/app/styles/spirit-product/_typography.css
+++ /dev/null
@@ -1,144 +0,0 @@
-/*
-
-   Media Query Extensions:
-     -ns = not-small
-     -m  = medium
-     -l  = large
-
-*/
-
-
-
-/* Measure is limited to ~66 characters */
-.measure {
-  max-width: 30em;
-}
-
-/* Measure is limited to ~80 characters */
-.measure-wide {
-  max-width: 42em;
-}
-
-/* Measure is limited to ~45 characters */
-.measure-narrow {
-  max-width: 20em;
-}
-
-/* Book paragraph style - paragraphs are indented with no vertical spacing. */
-.indent {
-  text-indent: 1em;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.small-caps {
-  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;
-}
-
-.readability {
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    -moz-font-feature-settings: "liga" on;
-}
-
-@media (--breakpoint-not-small) {
-  .measure-ns  {
-    max-width: 30em;
-  }
-  .measure-wide-ns {
-    max-width: 34em;
-  }
-  .measure-narrow-ns {
-    max-width: 20em;
-  }
-  .indent-ns {
-    text-indent: 1em;
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-  .small-caps-ns {
-    font-variant: small-caps;
-  }
-  .truncate-ns {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-  .readability-ns {
-      text-rendering: optimizeLegibility;
-      -webkit-font-smoothing: antialiased;
-      -moz-osx-font-smoothing: grayscale;
-      -moz-font-feature-settings: "liga" on;
-  }
-}
-
-@media (--breakpoint-medium) {
-  .measure-m {
-    max-width: 30em;
-  }
-  .measure-wide-m {
-    max-width: 34em;
-  }
-  .measure-narrow-m {
-    max-width: 20em;
-  }
-  .indent-m {
-    text-indent: 1em;
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-  .small-caps-m {
-    font-variant: small-caps;
-  }
-  .truncate-m {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-  .readability-m {
-      text-rendering: optimizeLegibility;
-      -webkit-font-smoothing: antialiased;
-      -moz-osx-font-smoothing: grayscale;
-      -moz-font-feature-settings: "liga" on;
-  }
-}
-
-@media (--breakpoint-large) {
-  .measure-l {
-    max-width: 30em;
-  }
-  .measure-wide-l {
-    max-width: 34em;
-  }
-  .measure-narrow-l {
-    max-width: 20em;
-  }
-  .indent-l {
-    text-indent: 1em;
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-  .small-caps-l {
-    font-variant: small-caps;
-  }
-  .truncate-l {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-  .readability-l {
-      text-rendering: optimizeLegibility;
-      -webkit-font-smoothing: antialiased;
-      -moz-osx-font-smoothing: grayscale;
-      -moz-font-feature-settings: "liga" on;
-  }
-}
diff --git a/app/styles/spirit-product/_utilities.css b/app/styles/spirit-product/_utilities.css
deleted file mode 100644
index 6dc7c55fe3..0000000000
--- a/app/styles/spirit-product/_utilities.css
+++ /dev/null
@@ -1,50 +0,0 @@
-/*
-
-   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 (--breakpoint-not-small){
-  .center-ns {
-    margin-right: auto;
-    margin-left: auto;
-  }
-  .mr-auto-ns { margin-right: auto; }
-  .ml-auto-ns { 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 (--breakpoint-large){
-  .center-l {
-    margin-right: auto;
-    margin-left: auto;
-  }
-  .mr-auto-l { margin-right: auto; }
-  .ml-auto-l { margin-left:  auto; }
-}
diff --git a/app/styles/spirit-product/_vertical-align.css b/app/styles/spirit-product/_vertical-align.css
deleted file mode 100644
index 83f9114842..0000000000
--- a/app/styles/spirit-product/_vertical-align.css
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
-
-   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 (--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 (--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 (--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; }
-}
diff --git a/app/styles/spirit-product/_visibility.css b/app/styles/spirit-product/_visibility.css
deleted file mode 100644
index f5a8c44b6e..0000000000
--- a/app/styles/spirit-product/_visibility.css
+++ /dev/null
@@ -1,51 +0,0 @@
-/*
-
-   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: 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: 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: 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: rect(1px 1px 1px 1px); /* IE6, IE7 */
-    clip: rect(1px, 1px, 1px, 1px);
-  }
-}
-
diff --git a/app/styles/spirit-product/_white-space.css b/app/styles/spirit-product/_white-space.css
deleted file mode 100644
index 3902f1f7c1..0000000000
--- a/app/styles/spirit-product/_white-space.css
+++ /dev/null
@@ -1,34 +0,0 @@
-/*
-
-   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 (--breakpoint-not-small) {
-  .ws-normal-ns { white-space: normal; }
-  .nowrap-ns { white-space: nowrap; }
-  .pre-ns { white-space: pre; }
-}
-
-@media (--breakpoint-medium) {
-  .ws-normal-m { white-space: normal; }
-  .nowrap-m { white-space: nowrap; }
-  .pre-m { white-space: pre; }
-}
-
-@media (--breakpoint-large) {
-  .ws-normal-l { white-space: normal; }
-  .nowrap-l { white-space: nowrap; }
-  .pre-l { white-space: pre; }
-}
-
diff --git a/app/styles/spirit-product/_widths.css b/app/styles/spirit-product/_widths.css
deleted file mode 100644
index dcfbc1816e..0000000000
--- a/app/styles/spirit-product/_widths.css
+++ /dev/null
@@ -1,208 +0,0 @@
-/*
-
-    Base:
-        w = width
-
-    Value:
-        (n) = (n * grid size)
-        -(m) = (m)%
-        -third = third of full width
-        -two-thirds = two thirds of full width
-        -auto = auto
-
-    Media Query Extensions:
-        -ns = not-small
-        -m  = medium
-        -l  = large
-
-*/
-
-.w1 {    width: calc(var(--grid-size) * 1); }
-.w2 {    width: calc(var(--grid-size) * 2); }
-.w3 {    width: calc(var(--grid-size) * 3); }
-.w4 {    width: calc(var(--grid-size) * 4); }
-.w5 {    width: calc(var(--grid-size) * 5); }
-.w6 {    width: calc(var(--grid-size) * 6); }
-.w7 {    width: calc(var(--grid-size) * 7); }
-.w8 {    width: calc(var(--grid-size) * 8); }
-.w9 {    width: calc(var(--grid-size) * 9); }
-.w10 {    width: calc(var(--grid-size) * 10); }
-.w11 {    width: calc(var(--grid-size) * 11); }
-.w12 {    width: calc(var(--grid-size) * 12); }
-.w13 {    width: calc(var(--grid-size) * 13); }
-.w14 {    width: calc(var(--grid-size) * 14); }
-.w15 {    width: calc(var(--grid-size) * 15); }
-.w16 {    width: calc(var(--grid-size) * 16); }
-.w17 {    width: calc(var(--grid-size) * 17); }
-.w18 {    width: calc(var(--grid-size) * 18); }
-.w19 {    width: calc(var(--grid-size) * 19); }
-.w20 {    width: calc(var(--grid-size) * 20); }
-.w25 {    width: calc(var(--grid-size) * 25); }
-.w30 {    width: calc(var(--grid-size) * 30); }
-.w40 {    width: calc(var(--grid-size) * 40); }
-.w50 {    width: calc(var(--grid-size) * 50); }
-.w70 {    width: calc(var(--grid-size) * 70); }
-.w88 {    width: calc(var(--grid-size) * 88); }
-
-.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 (--breakpoint-not-small) {
-    .w1-ns {    width: calc(var(--grid-size) * 1); }
-    .w2-ns {    width: calc(var(--grid-size) * 2); }
-    .w3-ns {    width: calc(var(--grid-size) * 3); }
-    .w4-ns {    width: calc(var(--grid-size) * 4); }
-    .w5-ns {    width: calc(var(--grid-size) * 5); }
-    .w6-ns {    width: calc(var(--grid-size) * 6); }
-    .w7-ns {    width: calc(var(--grid-size) * 7); }
-    .w8-ns {    width: calc(var(--grid-size) * 8); }
-    .w9-ns {    width: calc(var(--grid-size) * 9); }
-    .w10-ns {    width: calc(var(--grid-size) * 10); }
-    .w11-ns {    width: calc(var(--grid-size) * 11); }
-    .w12-ns {    width: calc(var(--grid-size) * 12); }
-    .w13-ns {    width: calc(var(--grid-size) * 13); }
-    .w14-ns {    width: calc(var(--grid-size) * 14); }
-    .w15-ns {    width: calc(var(--grid-size) * 15); }
-    .w16-ns {    width: calc(var(--grid-size) * 16); }
-    .w17-ns {    width: calc(var(--grid-size) * 17); }
-    .w18-ns {    width: calc(var(--grid-size) * 18); }
-    .w19-ns {    width: calc(var(--grid-size) * 19); }
-    .w20-ns {    width: calc(var(--grid-size) * 20); }
-    .w25-ns {    width: calc(var(--grid-size) * 25); }
-    .w30-ns {    width: calc(var(--grid-size) * 30); }
-    .w40-ns {    width: calc(var(--grid-size) * 40); }
-    .w50-ns {    width: calc(var(--grid-size) * 50); }
-    .w70-ns {    width: calc(var(--grid-size) * 70); }
-    .w88-ns {    width: calc(var(--grid-size) * 88); }
-
-    .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-medium) {
-    .w1-m {    width: calc(var(--grid-size) * 1); }
-    .w2-m {    width: calc(var(--grid-size) * 2); }
-    .w3-m {    width: calc(var(--grid-size) * 3); }
-    .w4-m {    width: calc(var(--grid-size) * 4); }
-    .w5-m {    width: calc(var(--grid-size) * 5); }
-    .w6-m {    width: calc(var(--grid-size) * 6); }
-    .w7-m {    width: calc(var(--grid-size) * 7); }
-    .w8-m {    width: calc(var(--grid-size) * 8); }
-    .w9-m {    width: calc(var(--grid-size) * 9); }
-    .w10-m {    width: calc(var(--grid-size) * 10); }
-    .w11-m {    width: calc(var(--grid-size) * 11); }
-    .w12-m {    width: calc(var(--grid-size) * 12); }
-    .w13-m {    width: calc(var(--grid-size) * 13); }
-    .w14-m {    width: calc(var(--grid-size) * 14); }
-    .w15-m {    width: calc(var(--grid-size) * 15); }
-    .w16-m {    width: calc(var(--grid-size) * 16); }
-    .w17-m {    width: calc(var(--grid-size) * 17); }
-    .w18-m {    width: calc(var(--grid-size) * 18); }
-    .w19-m {    width: calc(var(--grid-size) * 19); }
-    .w20-m {    width: calc(var(--grid-size) * 20); }
-    .w25-m {    width: calc(var(--grid-size) * 25); }
-    .w30-m {    width: calc(var(--grid-size) * 30); }
-    .w40-m {    width: calc(var(--grid-size) * 40); }
-    .w50-m {    width: calc(var(--grid-size) * 50); }
-    .w70-m {    width: calc(var(--grid-size) * 70); }
-    .w88-m {    width: calc(var(--grid-size) * 88); }
-
-    .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-large) {
-    .w1-l {    width: calc(var(--grid-size) * 1); }
-    .w2-l {    width: calc(var(--grid-size) * 2); }
-    .w3-l {    width: calc(var(--grid-size) * 3); }
-    .w4-l {    width: calc(var(--grid-size) * 4); }
-    .w5-l {    width: calc(var(--grid-size) * 5); }
-    .w6-l {    width: calc(var(--grid-size) * 6); }
-    .w7-l {    width: calc(var(--grid-size) * 7); }
-    .w8-l {    width: calc(var(--grid-size) * 8); }
-    .w9-l {    width: calc(var(--grid-size) * 9); }
-    .w10-l {    width: calc(var(--grid-size) * 10); }
-    .w11-l {    width: calc(var(--grid-size) * 11); }
-    .w12-l {    width: calc(var(--grid-size) * 12); }
-    .w13-l {    width: calc(var(--grid-size) * 13); }
-    .w14-l {    width: calc(var(--grid-size) * 14); }
-    .w15-l {    width: calc(var(--grid-size) * 15); }
-    .w16-l {    width: calc(var(--grid-size) * 16); }
-    .w17-l {    width: calc(var(--grid-size) * 17); }
-    .w18-l {    width: calc(var(--grid-size) * 18); }
-    .w19-l {    width: calc(var(--grid-size) * 19); }
-    .w20-l {    width: calc(var(--grid-size) * 20); }
-    .w25-l {    width: calc(var(--grid-size) * 25); }
-    .w30-l {    width: calc(var(--grid-size) * 30); }
-    .w40-l {    width: calc(var(--grid-size) * 40); }
-    .w50-l {    width: calc(var(--grid-size) * 50); }
-    .w70-l {    width: calc(var(--grid-size) * 70); }
-    .w88-l {    width: calc(var(--grid-size) * 88); }
-
-    .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; }
-}
diff --git a/app/styles/spirit-product/_word-break.css b/app/styles/spirit-product/_word-break.css
deleted file mode 100644
index bc88931a0d..0000000000
--- a/app/styles/spirit-product/_word-break.css
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
-
-  WORD BREAK
-
-   Base:
-     word = word-break
-
-   Media Query Extensions:
-     -ns = not-small
-     -m  = medium
-     -l  = large
-
-*/
-
-.word-normal { word-break: normal; }
-.word-wrap { word-break: break-all; }
-.word-nowrap { word-break: keep-all; }
-
-@media (--breakpoint-not-small) {
-  .word-normal-ns { word-break: normal; }
-  .word-wrap-ns { word-break: break-all; }
-  .word-nowrap-ns { word-break: keep-all; }
-}
-
-@media (--breakpoint-medium) {
-  .word-normal-m { word-break: normal; }
-  .word-wrap-m { word-break: break-all; }
-  .word-nowrap-m { word-break: keep-all; }
-}
-
-@media (--breakpoint-large) {
-  .word-normal-l { word-break: normal; }
-  .word-wrap-l { word-break: break-all; }
-  .word-nowrap-l { word-break: keep-all; }
-}
-
diff --git a/app/styles/spirit-product/_z-index.css b/app/styles/spirit-product/_z-index.css
deleted file mode 100644
index 9f4d863f7b..0000000000
--- a/app/styles/spirit-product/_z-index.css
+++ /dev/null
@@ -1,53 +0,0 @@
-/*
-
-  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: initial; }
-.z-unset { z-index: unset; }
-
diff --git a/app/styles/spirit-product/spirit-product.css b/app/styles/spirit-product/spirit-product.css
deleted file mode 100644
index 2509387538..0000000000
--- a/app/styles/spirit-product/spirit-product.css
+++ /dev/null
@@ -1,76 +0,0 @@
-/* External Library Includes */
-/* Ghost-Admin's existing CSS already has normalization */
-/* @import './_normalize'; */
-
-/* Modules */
-@import './_spacing';
-@import './_box-sizing';
-@import './_aspect-ratios';
-@import './_images';
-@import './_background-size';
-@import './_background-position';
-@import './_outlines';
-@import './_borders';
-@import './_border-colors';
-@import './_border-radius';
-@import './_border-style';
-@import './_border-widths';
-@import './_box-shadow';
-@import './_code';
-@import './_coordinates';
-@import './_clears';
-@import './_display';
-@import './_flexbox';
-@import './_floats';
-@import './_font-family';
-@import './_font-style';
-@import './_font-weight';
-@import './_forms';
-@import './_heights';
-@import './_letter-spacing';
-@import './_line-height';
-@import './_links';
-@import './_lists';
-@import './_max-widths';
-@import './_min-widths';
-@import './_min-heights';
-@import './_widths';
-@import './_overflow';
-@import './_position';
-@import './_opacity';
-@import './_rotations';
-@import './_skins';
-@import './_gradients';
-@import './_hovers';
-@import './_text-block-spacings';
-@import './_negative-margins';
-@import './_tables';
-@import './_text-decoration';
-@import './_text-align';
-@import './_text-transform';
-@import './_type-scale';
-@import './_typography';
-@import './_utilities';
-@import './_visibility';
-@import './_white-space';
-@import './_vertical-align';
-@import './_hovers';
-@import './_z-index';
-@import './_nested';
-@import './_dropdown';
-@import './_nudge';
-@import './_icons';
-@import './_animations';
-
-/* Variables */
-/* Importing here will allow you to override any variables in the modules */
-@import './_colors';
-@import './_media-queries';
-
-/* Debugging */
-@import './_debug-children';
-@import './_debug-grid';
-
-/* Uncomment out the line below to help debug layout issues */
-/* @import './_debug'; */
-@import './_custom-styles';
diff --git a/app/styles/spirit.css b/app/styles/spirit.css
deleted file mode 100644
index b1754516d8..0000000000
--- a/app/styles/spirit.css
+++ /dev/null
@@ -1 +0,0 @@
-@import "spirit-product/spirit-product.css";
diff --git a/ember-cli-build.js b/ember-cli-build.js
index 47f716d4e9..5d95f59d4e 100644
--- a/ember-cli-build.js
+++ b/ember-cli-build.js
@@ -67,39 +67,6 @@ codemirrorAssets = function () {
     return config;
 };
 
-function postcssPlugins() {
-    let plugins = [{
-        module: require('postcss-easy-import')
-    }, {
-        module: require('postcss-custom-properties')
-    }, {
-        module: require('postcss-color-function')
-    }, {
-        module: require('autoprefixer'),
-        options: {
-            browsers: ['last 2 versions']
-        }
-    }];
-
-    if (isProduction) {
-        plugins.push({
-            module: require('cssnano'),
-            // cssnano minifies animations sometimes wrong, so they don't work anymore.
-            // See: https://github.com/ben-eb/gulp-cssnano/issues/33#issuecomment-210518957
-            options: {
-                reduceIdents: {
-                    keyframes: false
-                },
-                discardUnused: {
-                    keyframes: false
-                }
-            }
-        });
-    }
-
-    return plugins;
-}
-
 module.exports = function (defaults) {
     let app = new EmberApp(defaults, {
         'ember-cli-babel': {
@@ -115,7 +82,6 @@ module.exports = function (defaults) {
                 js: assetLocation('ghost.js'),
                 css: {
                     app: assetLocation('ghost.css'),
-                    spirit: assetLocation('spirit.css'),
                     // TODO: find a way to use the .min file with the lazyLoader
                     'app-dark': 'assets/ghost-dark.css'
                 }
@@ -125,12 +91,6 @@ module.exports = function (defaults) {
                 css: assetLocation('vendor.css')
             }
         },
-        postcssOptions: {
-            compile: {
-                enabled: true,
-                plugins: postcssPlugins()
-            }
-        },
         fingerprint: {
             enabled: true,
             extensions: ['js', 'css', 'png', 'jpg', 'jpeg', 'gif', 'map']
diff --git a/lib/asset-delivery/index.js b/lib/asset-delivery/index.js
index b49390b862..764bb98559 100644
--- a/lib/asset-delivery/index.js
+++ b/lib/asset-delivery/index.js
@@ -15,7 +15,6 @@ module.exports = {
             return `
                 <link rel="stylesheet" href="assets/vendor${min}.css">
                 <link rel="stylesheet" href="assets/ghost${min}.css" title="light">
-                <link rel="stylesheet" href="assets/spirit${min}.css">
             `;
         }
 
diff --git a/lib/koenig-editor/addon/helpers/kg-style.js b/lib/koenig-editor/addon/helpers/kg-style.js
deleted file mode 100644
index 008db78a00..0000000000
--- a/lib/koenig-editor/addon/helpers/kg-style.js
+++ /dev/null
@@ -1,326 +0,0 @@
-import {helper} from '@ember/component/helper';
-import {htmlSafe} from '@ember/string';
-
-export function kgStyle(params/*, hash*/) {
-    let [style] = params;
-    let cssClass = '';
-
-    let atFontStyle = 'sans-serif f-headline fw7 tracked-2 lh-heading';
-    let h1FontStyle = 'sans-serif f-subheadline fw7 tracked-2 lh-heading';
-    let h2FontStyle = 'sans-serif f1 fw7 tracked-2 lh-title';
-    let h3FontStyle = 'sans-serif f2 fw7 tracked-2 lh-title';
-    let h4FontStyle = 'sans-serif f3 fw7 tracked-3 lh-title';
-    let h5FontStyle = 'sans-serif f4 fw7 tracked-2 lh-copy';
-    let h6FontStyle = 'sans-serif f5 fw7 tracked-3 lh-copy';
-    let pFontStyle = 'f3 fw3 lh-copy tracked-1 serif';
-
-    let cardBorderStyle = 'pt1 pb1 pl14 nl14 pr2 nr2 ba b--whitegrey br3 relative kg-card-hover';
-
-    switch (style) {
-    // Article title
-    case 'at':
-        cssClass = atFontStyle + ' tmb--2-0x';
-        break;
-    case 'at-0':
-        cssClass = atFontStyle + ' tmb--0';
-        break;
-    case 'at-p':
-        cssClass = atFontStyle + ' tmb';
-        break;
-    case 'at-h':
-        cssClass = atFontStyle + ' tmb--2-5x';
-        break;
-
-    // Heading 1
-    case 'h1':
-    case 'h1-p':
-        cssClass = h1FontStyle + ' tmb--0-5x';
-        break;
-    case 'h1-h':
-        cssClass = h1FontStyle + ' tmb';
-        break;
-    case 'h1-media':
-        cssClass = h1FontStyle + ' tmb--2-0x';
-        break;
-    case 'h1-hr':
-        cssClass = h1FontStyle + ' tmb--3-0x';
-        break;
-    case 'h1-list':
-        cssClass = h1FontStyle + ' tmb';
-        break;
-    case 'h1-0':
-        cssClass = h1FontStyle + ' tmb--0';
-        break;
-    case 'h1-2':
-        cssClass = h1FontStyle + ' tmb--2-0x';
-        break;
-
-    // Heading 2
-    case 'h2':
-    case 'h2-p':
-        cssClass = h2FontStyle + ' tmb--0-25x';
-        break;
-    case 'h2-h':
-        cssClass = h2FontStyle + ' tmb--0-75x';
-        break;
-    case 'h2-media':
-        cssClass = h2FontStyle + ' tmb--2-0x';
-        break;
-    case 'h2-hr':
-        cssClass = h2FontStyle + ' tmb--3-0x';
-        break;
-    case 'h2-list':
-        cssClass = h2FontStyle + ' tmb';
-        break;
-    case 'h2-0':
-        cssClass = h2FontStyle + ' tmb--0';
-        break;
-    case 'h2-2':
-        cssClass = h2FontStyle + ' tmb--2-0x';
-        break;
-
-    // Heading 3
-    case 'h3':
-    case 'h3-p':
-        cssClass = h3FontStyle + ' tmb--0-25x';
-        break;
-    case 'h3-h':
-        cssClass = h3FontStyle + ' tmb--0-5x';
-        break;
-    case 'h3-media':
-        cssClass = h3FontStyle + ' tmb--1-5x';
-        break;
-    case 'h3-hr':
-        cssClass = h3FontStyle + ' tmb--3-0x';
-        break;
-    case 'h3-list':
-        cssClass = h3FontStyle + ' tmb';
-        break;
-    case 'h3-0':
-        cssClass = h3FontStyle + ' tmb--0';
-        break;
-    case 'h3-2':
-        cssClass = h3FontStyle + ' tmb--2-0x';
-        break;
-
-    // Heading 4
-    case 'h4':
-    case 'h4-p':
-        cssClass = h4FontStyle + ' tmb--0-25x';
-        break;
-    case 'h4-h':
-        cssClass = h4FontStyle + ' tmb--0-25x';
-        break;
-    case 'h4-media':
-        cssClass = h4FontStyle + ' tmb--1-5x';
-        break;
-    case 'h4-hr':
-        cssClass = h4FontStyle + ' tmb--3-0x';
-        break;
-    case 'h4-list':
-        cssClass = h4FontStyle + ' tmb';
-        break;
-    case 'h4-0':
-        cssClass = h4FontStyle + ' tmb--0';
-        break;
-    case 'h4-2':
-        cssClass = h4FontStyle + ' tmb--2-0x';
-        break;
-
-    // Heading 5
-    case 'h5':
-    case 'h5-p':
-        cssClass = h5FontStyle + ' tmb--0-25x';
-        break;
-    case 'h5-h':
-        cssClass = h5FontStyle + ' tmb--0-25x';
-        break;
-    case 'h5-media':
-        cssClass = h5FontStyle + ' tmb--1-5x';
-        break;
-    case 'h5-hr':
-        cssClass = h5FontStyle + ' tmb--3-0x';
-        break;
-    case 'h5-list':
-        cssClass = h5FontStyle + ' tmb';
-        break;
-    case 'h5-0':
-        cssClass = h5FontStyle + ' tmb--0';
-        break;
-    case 'h5-2':
-        cssClass = h5FontStyle + ' tmb--2-0x';
-        break;
-
-    // Heading 6
-    case 'h6':
-    case 'h6-p':
-        cssClass = h6FontStyle + ' tmb--0-25x';
-        break;
-    case 'h6-h':
-        cssClass = h6FontStyle + ' tmb--0-25x';
-        break;
-    case 'h6-media':
-        cssClass = h6FontStyle + ' tmb--1-5x';
-        break;
-    case 'h6-hr':
-        cssClass = h6FontStyle + ' tmb--3-0x';
-        break;
-    case 'h6-list':
-        cssClass = h6FontStyle + ' tmb';
-        break;
-    case 'h6-0':
-        cssClass = h6FontStyle + ' tmb--0';
-        break;
-    case 'h6-2':
-        cssClass = h6FontStyle + ' tmb--2-0x';
-        break;
-
-    // Paragraphs
-    case 'p':
-    case 'p-p':
-        cssClass = pFontStyle + ' tmb--2-0x';
-        break;
-    case 'p-h':
-        cssClass = pFontStyle + ' tmb--3-0x';
-        break;
-    case 'p-media':
-        cssClass = pFontStyle + ' tmb--2-0x';
-        break;
-    case 'p-hr':
-        cssClass = pFontStyle + ' tmb--3-0x';
-        break;
-    case 'p-list':
-        cssClass = pFontStyle + ' tmb--1-5x';
-        break;
-    case 'p-0':
-        cssClass = pFontStyle + ' tmb--0';
-        break;
-
-    // Lists
-    case 'list':
-    case 'list-p':
-        cssClass = pFontStyle + ' tmb--1-25x';
-        break;
-    case 'list-h':
-        cssClass = pFontStyle + ' tmb--3-0x';
-        break;
-    case 'list-hr':
-        cssClass = pFontStyle + ' tmb--3-0x';
-        break;
-    case 'list-item':
-        cssClass = 'lh-list';
-        break;
-
-    /* Component styles
-    /* ------------------------------------------ */
-
-    // links
-    case 'link':
-        cssClass = 'link darkgrey miw-100-m2 hover-blue kg-link';
-        break;
-
-    // More typography
-    case 'strong':
-        cssClass = 'darkgrey miw-100-m2';
-        break;
-    case 'em':
-        cssClass = 'darkgrey miw-100-m2';
-        break;
-    case 'underline':
-        cssClass = 'underline';
-        break;
-    case 'var':
-        cssClass = 'fs-normal';
-        break;
-    case 'strike':
-        cssClass = 'strike';
-        break;
-    case 'code-inline':
-        cssClass = 'f5 fw3 bg-whitegrey br2 kg-code-inline';
-        break;
-    case 'code-block':
-        cssClass = 'f6 lh-code fw3 bg-darkgrey-m2 pa3 white br3 tmb--2-0x';
-        break;
-    case 'mark':
-        cssClass = 'mark';
-        break;
-
-    // Blockquotes
-    case 'blockquote':
-    case 'blockquote-p':
-        cssClass = pFontStyle + ' bl bw2 b--blue pt1 pb1 pl5 i tmb--2-0x';
-        break;
-    case 'blockquote-h':
-        cssClass = pFontStyle + ' bl bw2 b--blue pt1 pb1 pl5 i tmb--3-0x';
-        break;
-    case 'blockquote-media':
-        cssClass = pFontStyle + ' bl bw2 b--blue pt1 pb1 pl5 i tmb--2-0x';
-        break;
-    case 'blockquote-hr':
-        cssClass = pFontStyle + ' bl bw2 b--blue pt1 pb1 pl5 i tmb--3-0x';
-        break;
-    case 'blockquote-list':
-        cssClass = pFontStyle + ' bl bw2 b--blue pt1 pb1 pl5 i tmb--1-5x';
-        break;
-
-    // Container cards
-    case 'container-card':
-    case 'container-card-p':
-        cssClass = cardBorderStyle + ' tmb--2-0x mih10';
-        break;
-
-    // Generic media card
-    case 'media-card':
-    case 'media-card-p':
-        cssClass = pFontStyle + ' nt2 nr2 nl2 pa2 ba b--transparent kg-card-hover tmb--2-0x';
-        break;
-    case 'media-card-h':
-        cssClass = pFontStyle + ' nt2 nr2 nl2 pa2 ba b--transparent kg-card-hover tmb--3-0x';
-        break;
-    case 'media-card-media':
-        cssClass = pFontStyle + ' nt2 nr2 nl2 pa2 ba b--transparent kg-card-hover tmb--2-0x';
-        break;
-    case 'media-card-hr':
-        cssClass = pFontStyle + ' nt2 nr2 nl2 pa2 ba b--transparent kg-card-hover tmb--3-0x';
-        break;
-    case 'media-card-list':
-        cssClass = pFontStyle + ' nt2 nr2 nl2 pa2 ba b--transparent kg-card-hover tmb--1-5x';
-        break;
-
-    // Media styles & figure caption
-    case 'image-wide':
-        cssClass = 'mw-l center db';
-        break;
-    case 'image-normal':
-        cssClass = 'center db';
-        break;
-    case 'figcaption':
-        cssClass = 'db pa2 pb0 mw-s center lh-title sans-serif fw4 f7 middarkgrey tracked-2 tc';
-        break;
-
-    // Forms
-    case 'form-fieldset':
-        cssClass = pFontStyle + ' tmb--2-0x';
-        break;
-
-    // Horizontal ruler
-    case 'hr':
-        cssClass = 'bb bw1 bt-0 bl-0 br-0 b--lightgrey tmb--3-0x';
-        break;
-
-    // Tables
-    case 'table':
-        cssClass = 'collapse serif f5 lh-copy tmb--3-0x';
-        break;
-    case 'table-row':
-        cssClass = 'bb b--whitegrey';
-        break;
-    case 'table-cell':
-        cssClass = 'pa2';
-        break;
-    }
-
-    return htmlSafe(cssClass);
-}
-
-export default helper(kgStyle);
diff --git a/lib/koenig-editor/app/helpers/kg-style.js b/lib/koenig-editor/app/helpers/kg-style.js
deleted file mode 100644
index 969a63e893..0000000000
--- a/lib/koenig-editor/app/helpers/kg-style.js
+++ /dev/null
@@ -1 +0,0 @@
-export {default, kgStyle} from 'koenig-editor/helpers/kg-style';
diff --git a/package.json b/package.json
index 0ac1569a50..a34ce72717 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,6 @@
   },
   "devDependencies": {
     "@html-next/vertical-collection": "1.0.0-beta.8",
-    "autoprefixer": "8.2.0",
     "blueimp-md5": "2.10.0",
     "broccoli-asset-rev": "2.6.0",
     "broccoli-clean-css": "^2.0.1",
@@ -39,7 +38,6 @@
     "codemirror": "5.36.0",
     "coveralls": "3.0.0",
     "csscomb": "4.2.0",
-    "cssnano": "4.0.0-rc.2",
     "current-device": "0.7.2",
     "deparam": "1.0.5",
     "ember-ajax": "3.1.0",
@@ -50,9 +48,11 @@
     "ember-cli-app-version": "3.1.3",
     "ember-cli-babel": "6.12.0",
     "ember-cli-chai": "0.5.0",
+    "ember-cli-cjs-transform": "1.1.1",
     "ember-cli-code-coverage": "0.4.2",
     "ember-cli-dependency-checker": "2.1.0",
     "ember-cli-eslint": "4.2.3",
+    "ember-cli-ghost-spirit": "0.0.1",
     "ember-cli-htmlbars": "2.0.3",
     "ember-cli-htmlbars-inline-precompile": "1.0.2",
     "ember-cli-inject-live-reload": "1.7.0",
@@ -60,7 +60,7 @@
     "ember-cli-mocha": "^0.15.0",
     "ember-cli-moment-shim": "3.6.0",
     "ember-cli-node-assets": "0.2.2",
-    "ember-cli-postcss": "3.7.1",
+    "ember-cli-postcss": "^3.7.1",
     "ember-cli-pretender": "1.0.1",
     "ember-cli-shims": "1.2.0",
     "ember-cli-string-helpers": "1.8.0",
@@ -97,6 +97,7 @@
     "eslint": "4.19.1",
     "eslint-plugin-ghost": "0.0.23",
     "fs-extra": "4.0.3",
+    "ghost-spirit": "0.0.9",
     "glob": "7.1.2",
     "google-caja-bower": "https://github.com/acburdine/google-caja-bower#ghost",
     "grunt": "1.0.2",
@@ -114,9 +115,6 @@
     "mobiledoc-kit": "0.10.21",
     "normalize.css": "3.0.3",
     "password-generator": "2.2.0",
-    "postcss-color-function": "4.0.1",
-    "postcss-custom-properties": "6.2.0",
-    "postcss-easy-import": "3.0.0",
     "simplemde": "https://github.com/kevinansfield/simplemde-markdown-editor.git#ghost",
     "testem": "2.0.0",
     "top-gh-contribs": "2.0.4",
diff --git a/yarn.lock b/yarn.lock
index a1abbe9a34..4821715e79 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,6 +2,10 @@
 # yarn lockfile v1
 
 
+"@csstools/convert-colors@^1.4.0":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@csstools/convert-colors/-/convert-colors-1.4.0.tgz#ad495dc41b12e75d588c6db8b9834f08fa131eb7"
+
 "@ember/test-helpers@^0.7.16":
   version "0.7.20"
   resolved "https://registry.yarnpkg.com/@ember/test-helpers/-/test-helpers-0.7.20.tgz#488b1c8ef23626f8831e5cb750ffca86e017e6dc"
@@ -65,8 +69,8 @@
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.38.tgz#c1be40aa933723c608820a99a373a16d215a1ca2"
 
 "@types/node@^9.6.0":
-  version "9.6.0"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-9.6.0.tgz#d3480ee666df9784b1001a1872a2f6ccefb6c2d7"
+  version "9.6.1"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-9.6.1.tgz#e2d374ef15b315b48e7efc308fa1a7cd51faa06c"
 
 JSONStream@^1.0.3:
   version "1.3.2"
@@ -146,6 +150,10 @@ after@0.8.1:
   version "0.8.1"
   resolved "https://registry.yarnpkg.com/after/-/after-0.8.1.tgz#ab5d4fb883f596816d3515f8f791c0af486dd627"
 
+after@0.8.2:
+  version "0.8.2"
+  resolved "https://registry.yarnpkg.com/after/-/after-0.8.2.tgz#fedb394f9f0e02aa9768e702bda23b505fae7e1f"
+
 ajv-keywords@^2.1.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-2.1.1.tgz#617997fc5f60576894c435f940d819e135b80762"
@@ -206,6 +214,12 @@ amdefine@>=0.0.4:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
 
+ansi-cyan@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/ansi-cyan/-/ansi-cyan-0.1.1.tgz#538ae528af8982f28ae30d86f2f17456d2609873"
+  dependencies:
+    ansi-wrap "0.1.0"
+
 ansi-escapes@^1.1.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-1.4.0.tgz#d3a8a83b319aa67793662b13e761c7911422306e"
@@ -214,6 +228,18 @@ ansi-escapes@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.1.0.tgz#f73207bb81207d75fd6c83f125af26eea378ca30"
 
+ansi-gray@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/ansi-gray/-/ansi-gray-0.1.1.tgz#2962cf54ec9792c48510a3deb524436861ef7251"
+  dependencies:
+    ansi-wrap "0.1.0"
+
+ansi-red@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/ansi-red/-/ansi-red-0.1.1.tgz#8c638f9d1080800a353c9c28c8a81ca4705d946c"
+  dependencies:
+    ansi-wrap "0.1.0"
+
 ansi-regex@^0.2.0, ansi-regex@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-0.2.1.tgz#0d8e946967a3d8143f93e24e298525fc1b2235f9"
@@ -240,6 +266,10 @@ ansi-styles@^3.0.0, ansi-styles@^3.2.1:
   dependencies:
     color-convert "^1.9.0"
 
+ansi-wrap@0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/ansi-wrap/-/ansi-wrap-0.1.0.tgz#a82250ddb0015e9a27ca82e82ea603bbfa45efaf"
+
 ansicolors@~0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/ansicolors/-/ansicolors-0.2.1.tgz#be089599097b74a5c9c4a84a0cdbcdb62bd87aef"
@@ -286,6 +316,13 @@ argparse@^1.0.2, argparse@^1.0.7:
   dependencies:
     sprintf-js "~1.0.2"
 
+arr-diff@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-1.1.0.tgz#687c32758163588fef7de7b36fabe495eb1a399a"
+  dependencies:
+    arr-flatten "^1.0.1"
+    array-slice "^0.2.3"
+
 arr-diff@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-2.0.0.tgz#8f3b827f955a8bd669697e4a4256ac3ceae356cf"
@@ -300,6 +337,10 @@ arr-flatten@^1.0.1, arr-flatten@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/arr-flatten/-/arr-flatten-1.1.0.tgz#36048bbff4e7b47e136644316c99669ea5ae91f1"
 
+arr-union@^2.0.1:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-2.1.0.tgz#20f9eab5ec70f5c7d215b1077b1c39161d292c7d"
+
 arr-union@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-3.1.0.tgz#e39b09aea9def866a8f206e288af63919bae39c4"
@@ -328,6 +369,10 @@ array-reduce@~0.0.0:
   version "0.0.0"
   resolved "https://registry.yarnpkg.com/array-reduce/-/array-reduce-0.0.0.tgz#173899d3ffd1c7d9383e4479525dbe278cab5f2b"
 
+array-slice@^0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/array-slice/-/array-slice-0.2.3.tgz#dd3cfb80ed7973a75117cdac69b0b99ec86186f5"
+
 array-to-error@^1.0.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/array-to-error/-/array-to-error-1.1.1.tgz#d68812926d14097a205579a667eeaf1856a44c07"
@@ -360,6 +405,10 @@ arraybuffer.slice@0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/arraybuffer.slice/-/arraybuffer.slice-0.0.6.tgz#f33b2159f0532a3f3107a272c0ccfbd1ad2979ca"
 
+arraybuffer.slice@~0.0.7:
+  version "0.0.7"
+  resolved "https://registry.yarnpkg.com/arraybuffer.slice/-/arraybuffer.slice-0.0.7.tgz#3bbc4275dd584cc1b10809b89d4e8b63a69e7675"
+
 arrify@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
@@ -432,7 +481,11 @@ async-disk-cache@^1.2.1:
     rsvp "^3.0.18"
     username-sync "1.0.1"
 
-async-promise-queue@^1.0.3:
+async-limiter@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.0.tgz#78faed8c3d074ab81f22b4e985d79e8738f720f8"
+
+async-promise-queue@^1.0.3, async-promise-queue@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/async-promise-queue/-/async-promise-queue-1.0.4.tgz#308baafbc74aff66a0bb6e7f4a18d4fe8434440c"
   dependencies:
@@ -458,8 +511,8 @@ asynckit@^0.4.0:
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
 
 atob@^2.0.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/atob/-/atob-2.0.3.tgz#19c7a760473774468f20b2d2d03372ad7d4cbf5d"
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.0.tgz#ab2b150e51d7b122b9efc8d7340c06b6c41076bc"
 
 autoprefixer@8.2.0:
   version "8.2.0"
@@ -1125,10 +1178,6 @@ backo2@1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/backo2/-/backo2-1.0.2.tgz#31ab1ac8b129363463e35b3ebb69f4dfcfba7947"
 
-balanced-match@0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-0.1.0.tgz#b504bd05869b39259dd0c5efc35d843176dccc4a"
-
 balanced-match@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
@@ -1149,6 +1198,10 @@ base64id@0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/base64id/-/base64id-0.1.0.tgz#02ce0fdeee0cef4f40080e1e73e834f0b1bfce3f"
 
+base64id@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/base64id/-/base64id-1.0.0.tgz#47688cb99bb6804f0e06d3e763b1c32e57d8e6b6"
+
 base@^0.11.1:
   version "0.11.2"
   resolved "https://registry.yarnpkg.com/base/-/base-0.11.2.tgz#7bde5ced145b6d551a90db87f83c558b4eb48a8f"
@@ -1205,7 +1258,7 @@ bluebird@^2.9.33:
   version "2.11.0"
   resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-2.11.0.tgz#534b9033c022c9579c56ba3b3e5a5caafbb650e1"
 
-bluebird@^3.1.1, bluebird@^3.3.5, bluebird@^3.4.6:
+bluebird@^3.0.5, bluebird@^3.1.1, bluebird@^3.3.5, bluebird@^3.4.6:
   version "3.5.1"
   resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.5.1.tgz#d9551f9de98f1fcda1e683d17ee91a0602ee2eb9"
 
@@ -1455,7 +1508,7 @@ broccoli-config-replace@^1.1.2:
     debug "^2.2.0"
     fs-extra "^0.24.0"
 
-broccoli-debug@^0.6.1, broccoli-debug@^0.6.2, broccoli-debug@^0.6.3:
+broccoli-debug@^0.6.1, broccoli-debug@^0.6.2, broccoli-debug@^0.6.3, broccoli-debug@^0.6.4:
   version "0.6.4"
   resolved "https://registry.yarnpkg.com/broccoli-debug/-/broccoli-debug-0.6.4.tgz#986eb3d2005e00e3bb91f9d0a10ab137210cd150"
   dependencies:
@@ -1607,7 +1660,7 @@ broccoli-merge-trees@2.0.0, broccoli-merge-trees@^2.0.0:
     broccoli-plugin "^1.3.0"
     merge-trees "^1.0.1"
 
-broccoli-merge-trees@3.0.0:
+broccoli-merge-trees@3.0.0, broccoli-merge-trees@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/broccoli-merge-trees/-/broccoli-merge-trees-3.0.0.tgz#90e4959f9e3c57cf1f04fab35152f3d849468d8b"
   dependencies:
@@ -1792,7 +1845,7 @@ broccoli-templater@^1.0.0:
     broccoli-stew "^1.2.0"
     lodash.template "^3.3.2"
 
-broccoli-uglify-sourcemap@2.0.2, broccoli-uglify-sourcemap@^2.0.1:
+broccoli-uglify-sourcemap@2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/broccoli-uglify-sourcemap/-/broccoli-uglify-sourcemap-2.0.2.tgz#f4a73112f1f56b46043e2e89cba5ce7762cddeb3"
   dependencies:
@@ -1806,6 +1859,22 @@ broccoli-uglify-sourcemap@2.0.2, broccoli-uglify-sourcemap@^2.0.1:
     uglify-es "^3.1.3"
     walk-sync "^0.3.2"
 
+broccoli-uglify-sourcemap@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/broccoli-uglify-sourcemap/-/broccoli-uglify-sourcemap-2.1.1.tgz#33005537e18a322a181a5aea3e46d145b3355630"
+  dependencies:
+    async-promise-queue "^1.0.4"
+    broccoli-plugin "^1.2.1"
+    debug "^3.1.0"
+    lodash.defaultsdeep "^4.6.0"
+    matcher-collection "^1.0.5"
+    mkdirp "^0.5.0"
+    source-map-url "^0.4.0"
+    symlink-or-copy "^1.0.1"
+    uglify-es "^3.1.3"
+    walk-sync "^0.3.2"
+    workerpool "^2.3.0"
+
 broccoli-unwatched-tree@^0.1.1:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/broccoli-unwatched-tree/-/broccoli-unwatched-tree-0.1.3.tgz#ab0fb820f613845bf67a803baad820f68b1e3aae"
@@ -1824,8 +1893,8 @@ brorand@^1.0.1:
   resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
 
 browser-pack@^6.0.1:
-  version "6.0.4"
-  resolved "https://registry.yarnpkg.com/browser-pack/-/browser-pack-6.0.4.tgz#9a73beb3b48f9e36868be007b64400102c04a99f"
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/browser-pack/-/browser-pack-6.1.0.tgz#c34ba10d0b9ce162b5af227c7131c92c2ecd5774"
   dependencies:
     JSONStream "^1.0.3"
     combine-source-map "~0.8.0"
@@ -1952,11 +2021,11 @@ browserslist@^2.0.0, browserslist@^2.1.2, browserslist@^2.2.2:
     electron-to-chromium "^1.3.30"
 
 browserslist@^3.2.0:
-  version "3.2.3"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-3.2.3.tgz#ad36e56a43daeacf4d2b7bb16441b7ac30be4510"
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-3.2.4.tgz#fb9ad70fd09875137ae943a31ab815ed76896031"
   dependencies:
-    caniuse-lite "^1.0.30000819"
-    electron-to-chromium "^1.3.40"
+    caniuse-lite "^1.0.30000821"
+    electron-to-chromium "^1.3.41"
 
 bser@^2.0.0:
   version "2.0.0"
@@ -1996,6 +2065,22 @@ builtins@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/builtins/-/builtins-1.0.3.tgz#cb94faeb61c8696451db36534e1422f94f0aee88"
 
+bunyan-loggly@^1.3.1:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/bunyan-loggly/-/bunyan-loggly-1.3.3.tgz#8e0f03df7eab60d1761234be1aef4874bb915fa4"
+  dependencies:
+    json-stringify-safe "^5.0.1"
+    node-loggly-bulk "^2.2.1"
+
+bunyan@1.8.5:
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/bunyan/-/bunyan-1.8.5.tgz#0d619e83005fb89070f5f47982fc1bf00600878a"
+  optionalDependencies:
+    dtrace-provider "~0.8"
+    moment "^2.10.6"
+    mv "~2"
+    safe-json-stringify "~1"
+
 bytes@1:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-1.0.0.tgz#3569ede8ba34315fab99c3e92cb04c7220de1fa8"
@@ -2034,6 +2119,10 @@ caller-path@^0.1.0:
   dependencies:
     callsites "^0.2.0"
 
+caller@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/caller/-/caller-1.0.1.tgz#b851860f70e195db3d277395aa1a7e23ea30ecf5"
+
 callsite@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/callsite/-/callsite-1.0.0.tgz#280398e5d664bd74038b6f0905153e6e8af1bc20"
@@ -2053,7 +2142,7 @@ camelcase@^1.0.2, camelcase@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-1.2.1.tgz#9bb5304d2e0b56698b2c758b08a3eaa9daa58a39"
 
-camelcase@^2.0.0:
+camelcase@^2.0.0, camelcase@^2.0.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f"
 
@@ -2080,9 +2169,9 @@ caniuse-api@^2.0.0:
     lodash.memoize "^4.1.2"
     lodash.uniq "^4.5.0"
 
-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000792, caniuse-lite@^1.0.30000817, caniuse-lite@^1.0.30000819:
-  version "1.0.30000820"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000820.tgz#6e36ee75187a2c83d26d6504a1af47cc580324d2"
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000792, caniuse-lite@^1.0.30000817, caniuse-lite@^1.0.30000821:
+  version "1.0.30000823"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000823.tgz#b79842a5b5a48eaa416b73f5a5d7a23f52d26014"
 
 capture-exit@^1.1.0:
   version "1.2.0"
@@ -2251,8 +2340,8 @@ cli-cursor@^2.1.0:
     restore-cursor "^2.0.0"
 
 cli-spinners@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-1.1.0.tgz#f1847b168844d917a671eb9d147e3df497c90d06"
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-1.3.0.tgz#6ba8b357395f07b7981c1acc2614485ee8c02a2d"
 
 cli-table@^0.3.1:
   version "0.3.1"
@@ -2272,7 +2361,7 @@ cliui@^2.1.0:
     right-align "^0.1.1"
     wordwrap "0.0.2"
 
-cliui@^3.2.0:
+cliui@^3.0.3, cliui@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/cliui/-/cliui-3.2.0.tgz#120601537a916d29940f934da3b48d585a39213d"
   dependencies:
@@ -2325,7 +2414,7 @@ collection-visit@^1.0.0:
     map-visit "^1.0.0"
     object-visit "^1.0.0"
 
-color-convert@^1.3.0, color-convert@^1.8.2, color-convert@^1.9.0:
+color-convert@^1.8.2, color-convert@^1.9.0:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.1.tgz#c1261107aeb2f294ebffec9ed9ecad529a6097ed"
   dependencies:
@@ -2335,12 +2424,6 @@ color-name@^1.0.0, color-name@^1.1.1:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
 
-color-string@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/color-string/-/color-string-0.3.0.tgz#27d46fb67025c5c2fa25993bfbf579e47841b991"
-  dependencies:
-    color-name "^1.0.0"
-
 color-string@^1.4.0:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.5.2.tgz#26e45814bc3c9a7cbd6751648a41434514a773a9"
@@ -2348,13 +2431,9 @@ color-string@^1.4.0:
     color-name "^1.0.0"
     simple-swizzle "^0.2.2"
 
-color@^0.11.0:
-  version "0.11.4"
-  resolved "https://registry.yarnpkg.com/color/-/color-0.11.4.tgz#6d7b5c74fb65e841cd48792ad1ed5e07b904d764"
-  dependencies:
-    clone "^1.0.2"
-    color-convert "^1.3.0"
-    color-string "^0.3.0"
+color-support@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/color-support/-/color-support-1.1.3.tgz#93834379a1cc9a0c61f82f52f0d04322251bd5a2"
 
 color@^1.0.0:
   version "1.0.3"
@@ -2367,20 +2446,15 @@ colors@1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/colors/-/colors-1.0.3.tgz#0433f44d809680fdeb60ed260f1b0c262e82a40b"
 
+colors@^1.1.2:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/colors/-/colors-1.2.1.tgz#f4a3d302976aaf042356ba1ade3b1a2c62d9d794"
+
 colors@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/colors/-/colors-1.1.2.tgz#168a4701756b6a7f51a12ce0c97bfa28c084ed63"
 
-combine-source-map@~0.7.1:
-  version "0.7.2"
-  resolved "https://registry.yarnpkg.com/combine-source-map/-/combine-source-map-0.7.2.tgz#0870312856b307a87cc4ac486f3a9a62aeccc09e"
-  dependencies:
-    convert-source-map "~1.1.0"
-    inline-source-map "~0.6.0"
-    lodash.memoize "~3.0.3"
-    source-map "~0.5.3"
-
-combine-source-map@~0.8.0:
+combine-source-map@^0.8.0, combine-source-map@~0.8.0:
   version "0.8.0"
   resolved "https://registry.yarnpkg.com/combine-source-map/-/combine-source-map-0.8.0.tgz#a58d0df042c186fcf822a8e8015f5450d2d79a8b"
   dependencies:
@@ -2409,7 +2483,7 @@ commander@2.8.x:
   dependencies:
     graceful-readlink ">= 1.0.0"
 
-commander@^2.5.0, commander@^2.6.0:
+commander@^2.5.0, commander@^2.6.0, commander@^2.9.0:
   version "2.15.1"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.15.1.tgz#df46e867d0fc2aec66a34662b406a9ccafff5b0f"
 
@@ -2492,6 +2566,13 @@ concat-stream@~1.5.0, concat-stream@~1.5.1:
     readable-stream "~2.0.0"
     typedarray "~0.0.5"
 
+config-chain@~1.1.5:
+  version "1.1.11"
+  resolved "https://registry.yarnpkg.com/config-chain/-/config-chain-1.1.11.tgz#aba09747dfbe4c3e70e766a6e41586e1859fc6f2"
+  dependencies:
+    ini "^1.3.4"
+    proto-list "~1.2.1"
+
 configstore@^3.0.0:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/configstore/-/configstore-3.1.2.tgz#c6f25defaeef26df12dd33414b001fe81a543f8f"
@@ -2503,6 +2584,10 @@ configstore@^3.0.0:
     write-file-atomic "^2.0.0"
     xdg-basedir "^3.0.0"
 
+connect-slashes@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/connect-slashes/-/connect-slashes-1.3.1.tgz#95d61830d0f9d5853c8688f0b5f43988b186ac37"
+
 console-browserify@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.1.0.tgz#f0241c45730a9fc6323b206dbf38edc741d0bb10"
@@ -2575,8 +2660,8 @@ core-js@^1.0.0:
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-1.2.7.tgz#652294c14651db28fa93bd2d5ff2983a4f08c636"
 
 core-js@^2.4.0, core-js@^2.5.0:
-  version "2.5.3"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.5.3.tgz#8acc38345824f16d8365b7c9b4259168e8ed603e"
+  version "2.5.4"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.5.4.tgz#f2c8bf181f2a80b92f360121429ce63a2f0aeae0"
 
 core-object@^1.1.0:
   version "1.1.0"
@@ -2592,7 +2677,7 @@ core-util-is@1.0.2, core-util-is@~1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
 
-cosmiconfig@^2.0.0:
+cosmiconfig@^2.0.0, cosmiconfig@^2.1.0, cosmiconfig@^2.1.1:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-2.2.2.tgz#6173cebd56fac042c1f4390edf7af6c07c7cb892"
   dependencies:
@@ -2649,6 +2734,16 @@ cross-spawn@^5.0.1, cross-spawn@^5.1.0:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
+cross-spawn@^6.0.0:
+  version "6.0.5"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
+  dependencies:
+    nice-try "^1.0.4"
+    path-key "^2.0.1"
+    semver "^5.5.0"
+    shebang-command "^1.2.0"
+    which "^1.2.9"
+
 cryptiles@2.x.x:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/cryptiles/-/cryptiles-2.0.5.tgz#3bdfecdc608147c1c67202fa291e7dca59eaa3b8"
@@ -2687,15 +2782,6 @@ cson-parser@^1.1.0:
   dependencies:
     coffee-script "^1.10.0"
 
-css-color-function@~1.3.3:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/css-color-function/-/css-color-function-1.3.3.tgz#8ed24c2c0205073339fafa004bc8c141fccb282e"
-  dependencies:
-    balanced-match "0.1.0"
-    color "^0.11.0"
-    debug "^3.1.0"
-    rgb "~0.1.0"
-
 css-color-names@^0.0.4:
   version "0.0.4"
   resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"
@@ -2792,7 +2878,7 @@ cssnano-util-same-parent@^4.0.0-rc.2:
   version "4.0.0-rc.2"
   resolved "https://registry.yarnpkg.com/cssnano-util-same-parent/-/cssnano-util-same-parent-4.0.0-rc.2.tgz#b036b89f0d7c7516aafd1dc9e70f0ed05768834a"
 
-cssnano@4.0.0-rc.2:
+cssnano@^4.0.0-rc.2:
   version "4.0.0-rc.2"
   resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-4.0.0-rc.2.tgz#bcc06fe303d4f0f14070e59c121667c1727e2feb"
   dependencies:
@@ -2880,13 +2966,13 @@ debug@2.3.3:
   dependencies:
     ms "0.7.2"
 
-debug@2.6.9, debug@^2.1.0, debug@^2.1.1, debug@^2.1.3, debug@^2.2.0, debug@^2.3.3, debug@^2.4.0, debug@^2.6.8:
+debug@2.6.9, debug@^2.1.0, debug@^2.1.1, debug@^2.1.3, debug@^2.2.0, debug@^2.3.3, debug@^2.4.0, debug@^2.6.8, debug@^2.6.9:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
   dependencies:
     ms "2.0.0"
 
-debug@^3.1.0:
+debug@^3.1.0, debug@~3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
   dependencies:
@@ -3109,6 +3195,12 @@ dot-prop@^4.1.0, dot-prop@^4.1.1:
   dependencies:
     is-obj "^1.0.0"
 
+dtrace-provider@~0.8:
+  version "0.8.6"
+  resolved "https://registry.yarnpkg.com/dtrace-provider/-/dtrace-provider-0.8.6.tgz#428a223afe03425d2cd6d6347fdf40c66903563d"
+  dependencies:
+    nan "^2.3.3"
+
 duplexer2@^0.1.2, duplexer2@~0.1.0, duplexer2@~0.1.2:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/duplexer2/-/duplexer2-0.1.4.tgz#8b12dab878c0d69e3e7891051662a32fc6bddcc1"
@@ -3125,13 +3217,23 @@ editions@^1.1.1:
   version "1.3.4"
   resolved "https://registry.yarnpkg.com/editions/-/editions-1.3.4.tgz#3662cb592347c3168eb8e498a0ff73271d67f50b"
 
+editorconfig@^0.13.2:
+  version "0.13.3"
+  resolved "https://registry.yarnpkg.com/editorconfig/-/editorconfig-0.13.3.tgz#e5219e587951d60958fd94ea9a9a008cdeff1b34"
+  dependencies:
+    bluebird "^3.0.5"
+    commander "^2.9.0"
+    lru-cache "^3.2.0"
+    semver "^5.1.0"
+    sigmund "^1.0.1"
+
 ee-first@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
 
-electron-to-chromium@^1.3.30, electron-to-chromium@^1.3.40:
-  version "1.3.40"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.40.tgz#1fbd6d97befd72b8a6f921dc38d22413d2f6fddf"
+electron-to-chromium@^1.3.30, electron-to-chromium@^1.3.41:
+  version "1.3.41"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.41.tgz#7e33643e00cd85edfd17e04194f6d00e73737235"
 
 element-resize-detector@1.1.4:
   version "1.1.4"
@@ -3258,8 +3360,8 @@ ember-cli-babel@6.12.0, ember-cli-babel@^6.0.0, ember-cli-babel@^6.0.0-beta.10,
     semver "^5.4.1"
 
 ember-cli-babel@^5.0.0, ember-cli-babel@^5.1.5, ember-cli-babel@^5.1.6, ember-cli-babel@^5.1.7, ember-cli-babel@^5.2.4:
-  version "5.2.4"
-  resolved "https://registry.yarnpkg.com/ember-cli-babel/-/ember-cli-babel-5.2.4.tgz#5ce4f46b08ed6f6d21e878619fb689719d6e8e13"
+  version "5.2.8"
+  resolved "https://registry.yarnpkg.com/ember-cli-babel/-/ember-cli-babel-5.2.8.tgz#0356b03cc3fdff5d0f2ecaa46a0e1cfaebffd876"
   dependencies:
     broccoli-babel-transpiler "^5.6.2"
     broccoli-funnel "^1.0.0"
@@ -3292,6 +3394,21 @@ ember-cli-chai@0.5.0:
     rollup-plugin-commonjs "^8.0.2"
     rollup-plugin-node-resolve "^3.0.0"
 
+ember-cli-cjs-transform@1.1.1, ember-cli-cjs-transform@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ember-cli-cjs-transform/-/ember-cli-cjs-transform-1.1.1.tgz#79082031fec73885077496e2cd8d481dac79e0d0"
+  dependencies:
+    broccoli-debug "^0.6.4"
+    broccoli-plugin "^1.3.0"
+    ember-cli-babel "^6.6.0"
+    fs-extra "^5.0.0"
+    hash-for-dep "^1.2.3"
+    pkg-dir "^2.0.0"
+    rollup "^0.57.1"
+    rollup-plugin-commonjs "^9.1.0"
+    rollup-plugin-node-resolve "^3.3.0"
+    username "^3.0.0"
+
 ember-cli-code-coverage@0.4.2:
   version "0.4.2"
   resolved "https://registry.yarnpkg.com/ember-cli-code-coverage/-/ember-cli-code-coverage-0.4.2.tgz#bd223af453ef0b80e5482cc9958cd9726b5865c7"
@@ -3336,6 +3453,18 @@ ember-cli-get-component-path-option@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/ember-cli-get-component-path-option/-/ember-cli-get-component-path-option-1.0.0.tgz#0d7b595559e2f9050abed804f1d8eff1b08bc771"
 
+ember-cli-ghost-spirit@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/ember-cli-ghost-spirit/-/ember-cli-ghost-spirit-0.0.1.tgz#14ccefb3ff8f7f5b4a1deb863368a2a63a533c5f"
+  dependencies:
+    broccoli-file-creator "^1.1.1"
+    broccoli-funnel "^2.0.1"
+    broccoli-merge-trees "^3.0.0"
+    ember-cli-babel "^6.6.0"
+    ember-cli-cjs-transform "^1.1.1"
+    ember-cli-postcss "3.7.1"
+    ghost-spirit "^0.0.9"
+
 ember-cli-htmlbars-inline-precompile@1.0.2, ember-cli-htmlbars-inline-precompile@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/ember-cli-htmlbars-inline-precompile/-/ember-cli-htmlbars-inline-precompile-1.0.2.tgz#5b544f664d5d9911f08cd979c5f70d8cb0ca2add"
@@ -3459,7 +3588,7 @@ ember-cli-path-utils@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/ember-cli-path-utils/-/ember-cli-path-utils-1.0.0.tgz#4e39af8b55301cddc5017739b77a804fba2071ed"
 
-ember-cli-postcss@3.7.1:
+ember-cli-postcss@3.7.1, ember-cli-postcss@^3.7.1:
   version "3.7.1"
   resolved "https://registry.yarnpkg.com/ember-cli-postcss/-/ember-cli-postcss-3.7.1.tgz#95e30ddf1924a88bb63c7749b8d128c7382fc807"
   dependencies:
@@ -3659,7 +3788,7 @@ ember-composable-helpers@2.1.0, ember-composable-helpers@^2.0.1:
     broccoli-funnel "^1.0.1"
     ember-cli-babel "^6.6.0"
 
-ember-concurrency@0.8.16, ember-concurrency@^0.8.1, ember-concurrency@^0.8.12:
+ember-concurrency@0.8.16:
   version "0.8.16"
   resolved "https://registry.yarnpkg.com/ember-concurrency/-/ember-concurrency-0.8.16.tgz#979fab6fb7e3105e695defb39e7a4b641237944d"
   dependencies:
@@ -3667,6 +3796,14 @@ ember-concurrency@0.8.16, ember-concurrency@^0.8.1, ember-concurrency@^0.8.12:
     ember-cli-babel "^6.8.2"
     ember-maybe-import-regenerator "^0.1.5"
 
+ember-concurrency@^0.8.1, ember-concurrency@^0.8.12:
+  version "0.8.17"
+  resolved "https://registry.yarnpkg.com/ember-concurrency/-/ember-concurrency-0.8.17.tgz#be47a90342f1960f4f57284c2fe5f7ce2396142a"
+  dependencies:
+    babel-core "^6.24.1"
+    ember-cli-babel "^6.8.2"
+    ember-maybe-import-regenerator "^0.1.5"
+
 "ember-cookies@^0.1.0 || ^0.2.0":
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/ember-cookies/-/ember-cookies-0.2.0.tgz#81195a31a36447240fb97af47d01ad582f747d47"
@@ -3803,8 +3940,8 @@ ember-infinity@1.0.0-beta.1:
     ember-in-viewport "~3.0.0"
 
 ember-inflector@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/ember-inflector/-/ember-inflector-2.1.0.tgz#afcb92d022a4eab58f08ff4578eafc3a1de2d09b"
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/ember-inflector/-/ember-inflector-2.2.0.tgz#edd273dfd1a29be27f14b195e2f0ed70e812d9e0"
   dependencies:
     ember-cli-babel "^6.0.0"
 
@@ -3981,8 +4118,8 @@ ember-rfc176-data@^0.2.0, ember-rfc176-data@^0.2.7:
   resolved "https://registry.yarnpkg.com/ember-rfc176-data/-/ember-rfc176-data-0.2.7.tgz#bd355bc9b473e08096b518784170a23388bc973b"
 
 ember-rfc176-data@^0.3.0, ember-rfc176-data@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/ember-rfc176-data/-/ember-rfc176-data-0.3.1.tgz#6a5a4b8b82ec3af34f3010965fa96b936ca94519"
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/ember-rfc176-data/-/ember-rfc176-data-0.3.2.tgz#bde5538939529b263c142b53a47402f8127f8dce"
 
 ember-route-action-helper@2.0.6:
   version "2.0.6"
@@ -4136,6 +4273,22 @@ engine.io-client@1.8.0:
     xmlhttprequest-ssl "1.5.3"
     yeast "0.1.2"
 
+engine.io-client@~3.2.0:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/engine.io-client/-/engine.io-client-3.2.1.tgz#6f54c0475de487158a1a7c77d10178708b6add36"
+  dependencies:
+    component-emitter "1.2.1"
+    component-inherit "0.0.3"
+    debug "~3.1.0"
+    engine.io-parser "~2.1.1"
+    has-cors "1.1.0"
+    indexof "0.0.1"
+    parseqs "0.0.5"
+    parseuri "0.0.5"
+    ws "~3.3.1"
+    xmlhttprequest-ssl "~1.5.4"
+    yeast "0.1.2"
+
 engine.io-parser@1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/engine.io-parser/-/engine.io-parser-1.3.1.tgz#9554f1ae33107d6fbd170ca5466d2f833f6a07cf"
@@ -4147,6 +4300,16 @@ engine.io-parser@1.3.1:
     has-binary "0.1.6"
     wtf-8 "1.0.0"
 
+engine.io-parser@~2.1.0, engine.io-parser@~2.1.1:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/engine.io-parser/-/engine.io-parser-2.1.2.tgz#4c0f4cff79aaeecbbdcfdea66a823c6085409196"
+  dependencies:
+    after "0.8.2"
+    arraybuffer.slice "~0.0.7"
+    base64-arraybuffer "0.1.5"
+    blob "0.0.4"
+    has-binary2 "~1.0.2"
+
 engine.io@1.8.0:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/engine.io/-/engine.io-1.8.0.tgz#3eeb5f264cb75dbbec1baaea26d61f5a4eace2aa"
@@ -4158,6 +4321,17 @@ engine.io@1.8.0:
     engine.io-parser "1.3.1"
     ws "1.1.1"
 
+engine.io@~3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/engine.io/-/engine.io-3.2.0.tgz#54332506f42f2edc71690d2f2a42349359f3bf7d"
+  dependencies:
+    accepts "~1.3.4"
+    base64id "1.0.0"
+    cookie "0.3.1"
+    debug "~3.1.0"
+    engine.io-parser "~2.1.0"
+    ws "~3.3.1"
+
 ensure-posix-path@^1.0.0, ensure-posix-path@^1.0.1, ensure-posix-path@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/ensure-posix-path/-/ensure-posix-path-1.0.2.tgz#a65b3e42d0b71cfc585eb774f9943c8d9b91b0c2"
@@ -4184,8 +4358,8 @@ error@^7.0.0:
     xtend "~4.0.0"
 
 es5-ext@^0.10.14, es5-ext@^0.10.35, es5-ext@^0.10.9, es5-ext@~0.10.14:
-  version "0.10.41"
-  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.41.tgz#bab3e982d750f0112f0cb9e6abed72c59eb33eb2"
+  version "0.10.42"
+  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.42.tgz#8c07dd33af04d5dcd1310b5cef13bea63a89ba8d"
   dependencies:
     es6-iterator "~2.0.3"
     es6-symbol "~3.1.1"
@@ -4382,8 +4556,8 @@ esprima@~3.0.0:
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-3.0.0.tgz#53cf247acda77313e551c3aa2e73342d3fb4f7d9"
 
 esquery@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.0.0.tgz#cfba8b57d7fba93f17298a8a006a04cda13d80fa"
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.0.1.tgz#406c51658b1f5991a5f9b62b1dc25b00e3e5c708"
   dependencies:
     estraverse "^4.0.0"
 
@@ -4409,7 +4583,7 @@ estree-walker@^0.3.0:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.3.1.tgz#e6b1a51cf7292524e7237c312e5fe6660c1ce1aa"
 
-estree-walker@^0.5.0:
+estree-walker@^0.5.0, estree-walker@^0.5.1:
   version "0.5.1"
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.5.1.tgz#64fc375053abc6f57d73e9bd2f004644ad3c5854"
 
@@ -4465,6 +4639,30 @@ exec-sh@^0.2.0:
   dependencies:
     merge "^1.1.3"
 
+execa@^0.10.0:
+  version "0.10.0"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-0.10.0.tgz#ff456a8f53f90f8eccc71a96d11bdfc7f082cb50"
+  dependencies:
+    cross-spawn "^6.0.0"
+    get-stream "^3.0.0"
+    is-stream "^1.1.0"
+    npm-run-path "^2.0.0"
+    p-finally "^1.0.0"
+    signal-exit "^3.0.0"
+    strip-eof "^1.0.0"
+
+execa@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-0.7.0.tgz#944becd34cc41ee32a63a9faf27ad5a65fc59777"
+  dependencies:
+    cross-spawn "^5.0.1"
+    get-stream "^3.0.0"
+    is-stream "^1.1.0"
+    npm-run-path "^2.0.0"
+    p-finally "^1.0.0"
+    signal-exit "^3.0.0"
+    strip-eof "^1.0.0"
+
 execa@^0.8.0:
   version "0.8.0"
   resolved "https://registry.yarnpkg.com/execa/-/execa-0.8.0.tgz#d8d76bbc1b55217ed190fd6dd49d3c774ecfc8da"
@@ -4535,7 +4733,15 @@ expand-tilde@^2.0.0, expand-tilde@^2.0.2:
   dependencies:
     homedir-polyfill "^1.0.1"
 
-express@^4.10.7, express@^4.12.3:
+express-hbs@^1.0.2:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/express-hbs/-/express-hbs-1.0.4.tgz#c4480d6e8a9f8c23500d3b1a1394f17eae451786"
+  dependencies:
+    handlebars "4.0.6"
+    js-beautify "1.6.8"
+    readdirp "2.1.0"
+
+express@^4.10.7, express@^4.12.3, express@^4.14.0:
   version "4.16.3"
   resolved "https://registry.yarnpkg.com/express/-/express-4.16.3.tgz#6af8a502350db3246ecc4becf6b5a34d22f7ed53"
   dependencies:
@@ -4570,6 +4776,12 @@ express@^4.10.7, express@^4.12.3:
     utils-merge "1.0.1"
     vary "~1.1.2"
 
+extend-shallow@^1.1.2:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-1.1.4.tgz#19d6bf94dfc09d76ba711f39b872d21ff4dd9071"
+  dependencies:
+    kind-of "^1.1.0"
+
 extend-shallow@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
@@ -4596,8 +4808,8 @@ external-editor@^1.1.0:
     tmp "^0.0.29"
 
 external-editor@^2.0.4:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-2.1.0.tgz#3d026a21b7f95b5726387d4200ac160d372c3b48"
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-2.2.0.tgz#045511cfd8d133f3846673d1047c154e214ad3d5"
   dependencies:
     chardet "^0.4.0"
     iconv-lite "^0.4.17"
@@ -4638,6 +4850,14 @@ faker@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/faker/-/faker-3.1.0.tgz#0f908faf4e6ec02524e54a57e432c5c013e08c9f"
 
+fancy-log@^1.3.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/fancy-log/-/fancy-log-1.3.2.tgz#f41125e3d84f2e7d89a43d06d958c8f78be16be1"
+  dependencies:
+    ansi-gray "^0.1.1"
+    color-support "^1.1.3"
+    time-stamp "^1.0.0"
+
 fast-deep-equal@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz#c053477817c86b51daa853c81e059b733d023614"
@@ -4657,8 +4877,8 @@ fast-ordered-set@^1.0.0, fast-ordered-set@^1.0.2:
     blank-object "^1.0.1"
 
 fast-sourcemap-concat@^1.0.1:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/fast-sourcemap-concat/-/fast-sourcemap-concat-1.2.4.tgz#dec83ec49fb3674bb750b92cec53b79bb7c46f67"
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/fast-sourcemap-concat/-/fast-sourcemap-concat-1.2.5.tgz#196db60ffefa9c616291512cd89113210e3cb747"
   dependencies:
     chalk "^0.5.1"
     fs-extra "^0.30.0"
@@ -4737,6 +4957,10 @@ find-index@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/find-index/-/find-index-1.1.0.tgz#53007c79cd30040d6816d79458e8837d5c5705ef"
 
+find-root@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.0.0.tgz#962ff211aab25c6520feeeb8d6287f8f6e95807a"
+
 find-up@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-1.1.2.tgz#6b2e9822b1a2ce0a60ab64d610eccad53cb24d0f"
@@ -4884,6 +5108,22 @@ fs-extra@^2.0.0:
     graceful-fs "^4.1.2"
     jsonfile "^2.1.0"
 
+fs-extra@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-3.0.1.tgz#3794f378c58b342ea7dbbb23095109c4b3b62291"
+  dependencies:
+    graceful-fs "^4.1.2"
+    jsonfile "^3.0.0"
+    universalify "^0.1.0"
+
+fs-extra@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-5.0.0.tgz#414d0110cdd06705734d055652c5411260c31abd"
+  dependencies:
+    graceful-fs "^4.1.2"
+    jsonfile "^4.0.0"
+    universalify "^0.1.0"
+
 fs-readdir-recursive@^0.1.0:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/fs-readdir-recursive/-/fs-readdir-recursive-0.1.2.tgz#315b4fb8c1ca5b8c47defef319d073dad3568059"
@@ -5011,6 +5251,42 @@ getpass@^0.1.1:
   dependencies:
     assert-plus "^1.0.0"
 
+ghost-ignition@^2.7.0:
+  version "2.9.1"
+  resolved "https://registry.yarnpkg.com/ghost-ignition/-/ghost-ignition-2.9.1.tgz#582191c5413b17935431040f10a12a23a5ace628"
+  dependencies:
+    bunyan "1.8.5"
+    bunyan-loggly "^1.3.1"
+    caller "1.0.1"
+    debug "^2.6.9"
+    find-root "1.0.0"
+    fs-extra "^3.0.1"
+    json-stringify-safe "^5.0.1"
+    lodash "^4.16.4"
+    moment "^2.15.2"
+    nconf "^0.10.0"
+    prettyjson "^1.1.3"
+    uuid "^3.0.0"
+
+ghost-spirit@0.0.9, ghost-spirit@^0.0.9:
+  version "0.0.9"
+  resolved "https://registry.yarnpkg.com/ghost-spirit/-/ghost-spirit-0.0.9.tgz#0281357da1e11b5238b1121b535b52339f979897"
+  dependencies:
+    autoprefixer "8.2.0"
+    bluebird "^3.4.6"
+    connect-slashes "^1.3.1"
+    cssnano "^4.0.0-rc.2"
+    express "^4.14.0"
+    express-hbs "^1.0.2"
+    ghost-ignition "^2.7.0"
+    gulp-postcss "7.0.1"
+    lodash "^4.15.0"
+    postcss-color-mod-function "2.4.2"
+    postcss-custom-media "6.0.0"
+    postcss-custom-properties "7.0.0"
+    postcss-easy-import "3.0.0"
+    postcss-prefix-selector "1.6.0"
+
 git-repo-info@^1.1.2, git-repo-info@^1.4.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/git-repo-info/-/git-repo-info-1.4.1.tgz#2a072823254aaf62fcf0766007d7b6651bd41943"
@@ -5073,6 +5349,16 @@ glob@^5.0.10, glob@^5.0.15, glob@~5.0.0:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
+glob@^6.0.1:
+  version "6.0.4"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-6.0.4.tgz#0f08860f6a155127b2fadd4f9ce24b1aab6e4d22"
+  dependencies:
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "2 || 3"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
 glob@~7.0.0:
   version "7.0.6"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.0.6.tgz#211bafaf49e525b8cd93260d14ab136152b3f57a"
@@ -5231,6 +5517,26 @@ grunt@1.0.2:
     path-is-absolute "~1.0.0"
     rimraf "~2.2.8"
 
+gulp-postcss@7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/gulp-postcss/-/gulp-postcss-7.0.1.tgz#3f1c36db1197140c399c252ddff339129638e395"
+  dependencies:
+    fancy-log "^1.3.2"
+    plugin-error "^0.1.2"
+    postcss "^6.0.0"
+    postcss-load-config "^1.2.0"
+    vinyl-sourcemaps-apply "^0.2.1"
+
+handlebars@4.0.6:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.0.6.tgz#2ce4484850537f9c97a8026d5399b935c4ed4ed7"
+  dependencies:
+    async "^1.4.0"
+    optimist "^0.6.1"
+    source-map "^0.4.4"
+  optionalDependencies:
+    uglify-js "^2.6"
+
 handlebars@^4.0.1, handlebars@^4.0.4:
   version "4.0.11"
   resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.0.11.tgz#630a35dfe0294bc281edae6ffc5d329fc7982dcc"
@@ -5275,6 +5581,12 @@ has-ansi@^2.0.0:
   dependencies:
     ansi-regex "^2.0.0"
 
+has-binary2@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-binary2/-/has-binary2-1.0.2.tgz#e83dba49f0b9be4d026d27365350d9f03f54be98"
+  dependencies:
+    isarray "2.0.1"
+
 has-binary@0.1.6:
   version "0.1.6"
   resolved "https://registry.yarnpkg.com/has-binary/-/has-binary-0.1.6.tgz#25326f39cfa4f616ad8787894e3af2cfbc7b6e10"
@@ -5353,7 +5665,7 @@ hash-base@^3.0.0:
     inherits "^2.0.1"
     safe-buffer "^5.0.1"
 
-hash-for-dep@^1.0.2:
+hash-for-dep@^1.0.2, hash-for-dep@^1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/hash-for-dep/-/hash-for-dep-1.2.3.tgz#5ec69fca32c23523972d52acb5bb65ffc3664cab"
   dependencies:
@@ -5491,7 +5803,7 @@ htmlparser2@~3.8.1:
     entities "1.0"
     readable-stream "1.1"
 
-http-errors@1.6.2, http-errors@~1.6.2:
+http-errors@1.6.2:
   version "1.6.2"
   resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.2.tgz#0a002cc85707192a7e7946ceedc11155f60ec736"
   dependencies:
@@ -5500,6 +5812,15 @@ http-errors@1.6.2, http-errors@~1.6.2:
     setprototypeof "1.0.3"
     statuses ">= 1.3.1 < 2"
 
+http-errors@~1.6.2:
+  version "1.6.3"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
+  dependencies:
+    depd "~1.1.2"
+    inherits "2.0.3"
+    setprototypeof "1.1.0"
+    statuses ">= 1.4.0 < 2"
+
 http-parser-js@>=0.4.0:
   version "0.4.11"
   resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.4.11.tgz#5b720849c650903c27e521633d94696ee95f3529"
@@ -5584,7 +5905,7 @@ inherits@2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1"
 
-ini@^1.3.4, ini@~1.3.0:
+ini@^1.3.0, ini@^1.3.4, ini@~1.3.0:
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
 
@@ -5643,11 +5964,11 @@ inquirer@^3.0.6:
     through "^2.3.6"
 
 insert-module-globals@^7.0.0:
-  version "7.0.4"
-  resolved "https://registry.yarnpkg.com/insert-module-globals/-/insert-module-globals-7.0.4.tgz#1f144b807884507894bdbbb564c0d70075460251"
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/insert-module-globals/-/insert-module-globals-7.0.5.tgz#6d0a6f28d4a7e0eae171ad305e0f47bdfe0c258e"
   dependencies:
     JSONStream "^1.0.3"
-    combine-source-map "~0.7.1"
+    combine-source-map "^0.8.0"
     concat-stream "^1.6.1"
     is-buffer "^1.1.0"
     lexical-scope "^1.2.0"
@@ -5936,6 +6257,10 @@ isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
 
+isarray@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.1.tgz#a37d94ed9cda2d59865c9f76fe596ee1f338741e"
+
 isarray@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.4.tgz#38e7bcbb0f3ba1b7933c86ba1894ddfc3781bbb7"
@@ -6000,6 +6325,19 @@ jquery@^3.2.1:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.3.1.tgz#958ce29e81c9790f31be7792df5d4d95fc57fbca"
 
+js-base64@^2.1.9:
+  version "2.4.3"
+  resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.4.3.tgz#2e545ec2b0f2957f41356510205214e98fad6582"
+
+js-beautify@1.6.8:
+  version "1.6.8"
+  resolved "https://registry.yarnpkg.com/js-beautify/-/js-beautify-1.6.8.tgz#da1146d34431145309c89be7f69ed16e8e0ff07e"
+  dependencies:
+    config-chain "~1.1.5"
+    editorconfig "^0.13.2"
+    mkdirp "~0.5.0"
+    nopt "~3.0.1"
+
 js-tokens@1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-1.0.1.tgz#cc435a5c8b94ad15acb7983140fc80182c89aeae"
@@ -6100,7 +6438,7 @@ json-stable-stringify@~0.0.0:
   dependencies:
     jsonify "~0.0.0"
 
-json-stringify-safe@~5.0.1:
+json-stringify-safe@5.0.x, json-stringify-safe@^5.0.1, json-stringify-safe@~5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
 
@@ -6122,6 +6460,12 @@ jsonfile@^2.1.0:
   optionalDependencies:
     graceful-fs "^4.1.6"
 
+jsonfile@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-3.0.1.tgz#a5ecc6f65f53f662c4415c7675a0331d0992ec66"
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
 jsonfile@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
@@ -6153,6 +6497,10 @@ keymaster@1.6.2:
   version "1.6.2"
   resolved "https://registry.yarnpkg.com/keymaster/-/keymaster-1.6.2.tgz#e1ae54d0ea9488f9f60b66b668f02e9a1946c6eb"
 
+kind-of@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-1.1.0.tgz#140a3d2d41a36d2efcfa9377b62c24f8495a5c44"
+
 kind-of@^3.0.2, kind-of@^3.0.3, kind-of@^3.2.0:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
@@ -6298,8 +6646,8 @@ locate-path@^2.0.0:
     path-exists "^3.0.0"
 
 lodash-es@^4.17.4:
-  version "4.17.7"
-  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.7.tgz#db240a3252c3dd8360201ac9feef91ac977ea856"
+  version "4.17.8"
+  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.8.tgz#6fa8c8c5d337481df0bdf1c0d899d42473121e45"
 
 lodash._baseassign@^3.0.0:
   version "3.2.0"
@@ -6683,7 +7031,7 @@ lodash@^3.10.0, lodash@^3.9.3:
   version "3.10.1"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-3.10.1.tgz#5bf45e8e49ba4189e17d482789dfd15bd140b7b6"
 
-lodash@^4.1.0, lodash@^4.11.1, lodash@^4.13.1, lodash@^4.14.0, lodash@^4.17.4, lodash@^4.3.0, lodash@^4.5.1, lodash@~4.17.5:
+lodash@^4.1.0, lodash@^4.11.1, lodash@^4.13.1, lodash@^4.14.0, lodash@^4.15.0, lodash@^4.16.4, lodash@^4.17.4, lodash@^4.3.0, lodash@^4.5.1, lodash@~4.17.5:
   version "4.17.5"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.5.tgz#99a92d65c0272debe8c96b6057bc8fbfa3bed511"
 
@@ -6730,6 +7078,12 @@ lru-cache@2:
   version "2.7.3"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-2.7.3.tgz#6d4524e8b955f95d4f5b58851ce21dd72fb4e952"
 
+lru-cache@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-3.2.0.tgz#71789b3b7f5399bec8565dda38aa30d2a097efee"
+  dependencies:
+    pseudomap "^1.0.1"
+
 lru-cache@^4.0.1:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.2.tgz#45234b2e6e2f2b33da125624c4664929a0224c3f"
@@ -6857,6 +7211,12 @@ media-typer@0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
 
+mem@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/mem/-/mem-1.1.0.tgz#5edd52b485ca1d900fe64895505399a0dfa45f76"
+  dependencies:
+    mimic-fn "^1.0.0"
+
 memory-streams@^0.1.0:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/memory-streams/-/memory-streams-0.1.3.tgz#d9b0017b4b87f1d92f55f2745c9caacb1dc93ceb"
@@ -7099,9 +7459,9 @@ moment-timezone@^0.5.13:
   dependencies:
     moment ">= 2.9.0"
 
-"moment@>= 2.9.0", moment@^2.19.3:
-  version "2.21.0"
-  resolved "https://registry.yarnpkg.com/moment/-/moment-2.21.0.tgz#2a114b51d2a6ec9e6d83cf803f838a878d8a023a"
+"moment@>= 2.9.0", moment@^2.10.6, moment@^2.15.2, moment@^2.18.1, moment@^2.19.3:
+  version "2.22.0"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.22.0.tgz#7921ade01017dd45186e7fee5f424f0b8663a730"
 
 morgan@^1.8.1:
   version "1.9.0"
@@ -7141,7 +7501,15 @@ mute-stream@0.0.7:
   version "0.0.7"
   resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.7.tgz#3075ce93bc21b8fab43e1bc4da7e8115ed1e7bab"
 
-nan@^2.3.0:
+mv@~2:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/mv/-/mv-2.1.1.tgz#ae6ce0d6f6d5e0a4f7d893798d03c1ea9559b6a2"
+  dependencies:
+    mkdirp "~0.5.1"
+    ncp "~2.0.0"
+    rimraf "~2.4.0"
+
+nan@^2.3.0, nan@^2.3.3:
   version "2.10.0"
   resolved "https://registry.yarnpkg.com/nan/-/nan-2.10.0.tgz#96d0cd610ebd58d4b4de9cc0c6828cda99c7548f"
 
@@ -7166,6 +7534,19 @@ natural-compare@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
 
+nconf@^0.10.0:
+  version "0.10.0"
+  resolved "https://registry.yarnpkg.com/nconf/-/nconf-0.10.0.tgz#da1285ee95d0a922ca6cee75adcf861f48205ad2"
+  dependencies:
+    async "^1.4.0"
+    ini "^1.3.0"
+    secure-keys "^1.0.0"
+    yargs "^3.19.0"
+
+ncp@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ncp/-/ncp-2.0.0.tgz#195a21d6c46e361d2fb1281ba38b91e9df7bdbb3"
+
 negotiator@0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.1.tgz#2b327184e8992101177b28563fb5e7102acd0ca9"
@@ -7174,6 +7555,10 @@ next-tick@1:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/next-tick/-/next-tick-1.0.0.tgz#ca86d1fe8828169b0120208e3dc8424b9db8342c"
 
+nice-try@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.4.tgz#d93962f6c52f2c1558c0fbda6d512819f1efe1c4"
+
 nise@^1.2.0:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/nise/-/nise-1.3.2.tgz#fd6fd8dc040dfb3c0a45252feb6ff21832309b14"
@@ -7204,6 +7589,14 @@ node-int64@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
 
+node-loggly-bulk@^2.2.1:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/node-loggly-bulk/-/node-loggly-bulk-2.2.2.tgz#4180fdf0ec0a490c5a2edd68cf728fd4a5f60df8"
+  dependencies:
+    json-stringify-safe "5.0.x"
+    moment "^2.18.1"
+    request ">=2.76.0 <3.0.0"
+
 node-modules-path@^1.0.0, node-modules-path@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/node-modules-path/-/node-modules-path-1.0.1.tgz#40096b08ce7ad0ea14680863af449c7c75a5d1c8"
@@ -7233,7 +7626,7 @@ node-pre-gyp@^0.6.39:
     tar "^2.2.1"
     tar-pack "^3.4.0"
 
-nopt@3.x, nopt@^3.0.6, nopt@~3.0.6:
+nopt@3.x, nopt@^3.0.6, nopt@~3.0.1, nopt@~3.0.6:
   version "3.0.6"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-3.0.6.tgz#c6465dbf08abcd4db359317f79ac68a646b28ff9"
   dependencies:
@@ -7594,7 +7987,7 @@ path-is-inside@^1.0.1, path-is-inside@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/path-is-inside/-/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53"
 
-path-key@^2.0.0:
+path-key@^2.0.0, path-key@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
 
@@ -7674,6 +8067,22 @@ pinkie@^2.0.0:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
 
+pkg-dir@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-2.0.0.tgz#f6d5d1109e19d63edf428e0bd57e12777615334b"
+  dependencies:
+    find-up "^2.1.0"
+
+plugin-error@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/plugin-error/-/plugin-error-0.1.2.tgz#3b9bb3335ccf00f425e07437e19276967da47ace"
+  dependencies:
+    ansi-cyan "^0.1.1"
+    ansi-red "^0.1.1"
+    arr-diff "^1.0.1"
+    arr-union "^2.0.1"
+    extend-shallow "^1.1.2"
+
 plur@^2.1.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/plur/-/plur-2.1.2.tgz#7482452c1a0f508e3e344eaec312c91c29dc655a"
@@ -7705,14 +8114,13 @@ postcss-calc@^6.0.0:
     postcss-selector-parser "^2.2.2"
     reduce-css-calc "^2.0.0"
 
-postcss-color-function@4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-color-function/-/postcss-color-function-4.0.1.tgz#402b3f2cebc3f6947e618fb6be3654fbecef6444"
+postcss-color-mod-function@2.4.2:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/postcss-color-mod-function/-/postcss-color-mod-function-2.4.2.tgz#bdf408f152bc3201517a4c38b7eb5cd2996114fb"
   dependencies:
-    css-color-function "~1.3.3"
-    postcss "^6.0.1"
-    postcss-message-helpers "^2.0.0"
-    postcss-value-parser "^3.3.0"
+    "@csstools/convert-colors" "^1.4.0"
+    postcss "^6.0.19"
+    postcss-values-parser "^1.3.2"
 
 postcss-colormin@^4.0.0-rc.2:
   version "4.0.0-rc.2"
@@ -7731,12 +8139,18 @@ postcss-convert-values@^4.0.0-rc.2:
     postcss "^6.0.0"
     postcss-value-parser "^3.0.0"
 
-postcss-custom-properties@6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-6.2.0.tgz#5d929a7f06e9b84e0f11334194c0ba9a30acfbe9"
+postcss-custom-media@6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-6.0.0.tgz#be532784110ecb295044fb5395a18006eb21a737"
+  dependencies:
+    postcss "^6.0.1"
+
+postcss-custom-properties@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-7.0.0.tgz#24dc4fbe6d6ed550ea4fd3b11204660e9ffa3b33"
   dependencies:
     balanced-match "^1.0.0"
-    postcss "^6.0.13"
+    postcss "^6.0.18"
 
 postcss-discard-comments@^4.0.0-rc.2:
   version "4.0.0-rc.2"
@@ -7785,6 +8199,29 @@ postcss-import@^10.0.0:
     read-cache "^1.0.0"
     resolve "^1.1.7"
 
+postcss-load-config@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-1.2.0.tgz#539e9afc9ddc8620121ebf9d8c3673e0ce50d28a"
+  dependencies:
+    cosmiconfig "^2.1.0"
+    object-assign "^4.1.0"
+    postcss-load-options "^1.2.0"
+    postcss-load-plugins "^2.3.0"
+
+postcss-load-options@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-load-options/-/postcss-load-options-1.2.0.tgz#b098b1559ddac2df04bc0bb375f99a5cfe2b6d8c"
+  dependencies:
+    cosmiconfig "^2.1.0"
+    object-assign "^4.1.0"
+
+postcss-load-plugins@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/postcss-load-plugins/-/postcss-load-plugins-2.3.0.tgz#745768116599aca2f009fad426b00175049d8d92"
+  dependencies:
+    cosmiconfig "^2.1.1"
+    object-assign "^4.1.0"
+
 postcss-merge-longhand@^4.0.0-rc.2:
   version "4.0.0-rc.2"
   resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-4.0.0-rc.2.tgz#5aae5b86750d9a16e7bef6482dab65a9d4b3c03a"
@@ -7804,10 +8241,6 @@ postcss-merge-rules@^4.0.0-rc.2:
     postcss-selector-parser "^3.0.0-rc.0"
     vendors "^1.0.0"
 
-postcss-message-helpers@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-message-helpers/-/postcss-message-helpers-2.0.0.tgz#a4f2f4fab6e4fe002f0aed000478cdf52f9ba60e"
-
 postcss-minify-font-values@^4.0.0-rc.2:
   version "4.0.0-rc.2"
   resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-4.0.0-rc.2.tgz#e5fd79c97525e79421ea736d857baedce65a5ea9"
@@ -7922,6 +8355,12 @@ postcss-ordered-values@^4.0.0-rc.2:
     postcss "^6.0.0"
     postcss-value-parser "^3.0.0"
 
+postcss-prefix-selector@1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/postcss-prefix-selector/-/postcss-prefix-selector-1.6.0.tgz#b495949d639c63147145648326853216f3c10900"
+  dependencies:
+    postcss "^5.0.8"
+
 postcss-reduce-initial@^4.0.0-rc.2:
   version "4.0.0-rc.2"
   resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-4.0.0-rc.2.tgz#ab2e1cca7903745a77b99630445c939152e0cd62"
@@ -7977,6 +8416,14 @@ postcss-value-parser@^3.0.0, postcss-value-parser@^3.2.3, postcss-value-parser@^
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.0.tgz#87f38f9f18f774a4ab4c8a232f5c5ce8872a9d15"
 
+postcss-values-parser@^1.3.2:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/postcss-values-parser/-/postcss-values-parser-1.5.0.tgz#5d9fa63e2bcb0179ce48f3235303765eb89f3047"
+  dependencies:
+    flatten "^1.0.2"
+    indexes-of "^1.0.1"
+    uniq "^1.0.1"
+
 postcss@6.0.14:
   version "6.0.14"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.14.tgz#5534c72114739e75d0afcf017db853099f562885"
@@ -7993,7 +8440,16 @@ postcss@6.0.16:
     source-map "^0.6.1"
     supports-color "^5.1.0"
 
-postcss@^6.0.0, postcss@^6.0.1, postcss@^6.0.11, postcss@^6.0.13, postcss@^6.0.20:
+postcss@^5.0.8:
+  version "5.2.18"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-5.2.18.tgz#badfa1497d46244f6390f58b319830d9107853c5"
+  dependencies:
+    chalk "^1.1.3"
+    js-base64 "^2.1.9"
+    source-map "^0.5.6"
+    supports-color "^3.2.3"
+
+postcss@^6.0.0, postcss@^6.0.1, postcss@^6.0.11, postcss@^6.0.18, postcss@^6.0.19, postcss@^6.0.20:
   version "6.0.21"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.21.tgz#8265662694eddf9e9a5960db6da33c39e4cd069d"
   dependencies:
@@ -8027,6 +8483,13 @@ pretty-ms@^3.1.0:
     parse-ms "^1.0.0"
     plur "^2.1.2"
 
+prettyjson@^1.1.3:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/prettyjson/-/prettyjson-1.2.1.tgz#fcffab41d19cab4dfae5e575e64246619b12d289"
+  dependencies:
+    colors "^1.1.2"
+    minimist "^1.2.0"
+
 printf@^0.2.3:
   version "0.2.5"
   resolved "https://registry.yarnpkg.com/printf/-/printf-0.2.5.tgz#c438ca2ca33e3927671db4ab69c0e52f936a4f0f"
@@ -8063,6 +8526,10 @@ promise-map-series@^0.2.0, promise-map-series@^0.2.1:
   dependencies:
     rsvp "^3.0.14"
 
+proto-list@~1.2.1:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/proto-list/-/proto-list-1.2.4.tgz#212d5bfe1318306a420f6402b8e26ff39647a849"
+
 proxy-addr@~2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.3.tgz#355f262505a621646b3130a728eb647e22055341"
@@ -8070,7 +8537,7 @@ proxy-addr@~2.0.3:
     forwarded "~0.1.2"
     ipaddr.js "1.6.0"
 
-pseudomap@^1.0.2:
+pseudomap@^1.0.1, pseudomap@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
 
@@ -8250,6 +8717,15 @@ readable-stream@~2.0.0:
     string_decoder "~0.10.x"
     util-deprecate "~1.0.1"
 
+readdirp@2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-2.1.0.tgz#4ed0ad060df3073300c48440373f72d1cc642d78"
+  dependencies:
+    graceful-fs "^4.1.2"
+    minimatch "^3.0.2"
+    readable-stream "^2.0.2"
+    set-immediate-shim "^1.0.1"
+
 recast@0.10.33:
   version "0.10.33"
   resolved "https://registry.yarnpkg.com/recast/-/recast-0.10.33.tgz#942808f7aa016f1fa7142c461d7e5704aaa8d697"
@@ -8346,8 +8822,8 @@ regex-not@^1.0.0, regex-not@^1.0.2:
     safe-regex "^1.1.0"
 
 regexpp@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-1.0.1.tgz#d857c3a741dce075c2848dcb019a0a975b190d43"
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-1.1.0.tgz#0e3516dd0b7904f413d2d4193dce4618c3a689ab"
 
 regexpu-core@^2.0.0:
   version "2.0.0"
@@ -8428,7 +8904,7 @@ request@2.81.0:
     tunnel-agent "^0.6.0"
     uuid "^3.0.0"
 
-request@^2.55.0, request@^2.72.0, request@^2.79.0:
+"request@>=2.76.0 <3.0.0", request@^2.55.0, request@^2.72.0, request@^2.79.0:
   version "2.85.0"
   resolved "https://registry.yarnpkg.com/request/-/request-2.85.0.tgz#5a03615a47c61420b3eb99b7dba204f83603e1fa"
   dependencies:
@@ -8535,10 +9011,6 @@ rgb-regex@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/rgb-regex/-/rgb-regex-1.0.1.tgz#c0e0d6882df0e23be254a475e8edd41915feaeb1"
 
-rgb@~0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/rgb/-/rgb-0.1.0.tgz#be27b291e8feffeac1bd99729721bfa40fc037b5"
-
 rgba-regex@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/rgba-regex/-/rgba-regex-1.0.0.tgz#43374e2e2ca0968b0ef1523460b7d730ff22eeb3"
@@ -8559,6 +9031,12 @@ rimraf@~2.2.6, rimraf@~2.2.8:
   version "2.2.8"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.2.8.tgz#e439be2aaee327321952730f99a8929e4fc50582"
 
+rimraf@~2.4.0:
+  version "2.4.5"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.4.5.tgz#ee710ce5d93a8fdb856fb5ea8ff0e2d75934b2da"
+  dependencies:
+    glob "^6.0.1"
+
 ripemd160@^2.0.0, ripemd160@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.1.tgz#0f4584295c53a3628af7e6d79aca21ce57d1c6e7"
@@ -8585,7 +9063,16 @@ rollup-plugin-commonjs@^8.0.2:
     resolve "^1.4.0"
     rollup-pluginutils "^2.0.1"
 
-rollup-plugin-node-resolve@^3.0.0:
+rollup-plugin-commonjs@^9.1.0:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-commonjs/-/rollup-plugin-commonjs-9.1.0.tgz#468341aab32499123ee9a04b22f51d9bf26fdd94"
+  dependencies:
+    estree-walker "^0.5.1"
+    magic-string "^0.22.4"
+    resolve "^1.5.0"
+    rollup-pluginutils "^2.0.1"
+
+rollup-plugin-node-resolve@^3.0.0, rollup-plugin-node-resolve@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-3.3.0.tgz#c26d110a36812cbefa7ce117cadcd3439aa1c713"
   dependencies:
@@ -8681,6 +9168,10 @@ safe-json-parse@~1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/safe-json-parse/-/safe-json-parse-1.0.1.tgz#3e76723e38dfdda13c9b1d29a1e07ffee4b30b57"
 
+safe-json-stringify@~1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/safe-json-stringify/-/safe-json-stringify-1.1.0.tgz#bd2b6dad1ebafab3c24672a395527f01804b7e19"
+
 safe-regex@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/safe-regex/-/safe-regex-1.1.0.tgz#40a3669f3b077d1e943d44629e157dd48023bf2e"
@@ -8709,7 +9200,11 @@ sax@^1.1.4, sax@~1.2.1:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
 
-"semver@2 || 3 || 4 || 5", semver@^5.1.0, semver@^5.1.1, semver@^5.3.0, semver@^5.4.1:
+secure-keys@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/secure-keys/-/secure-keys-1.0.0.tgz#f0c82d98a3b139a8776a8808050b824431087fca"
+
+"semver@2 || 3 || 4 || 5", semver@^5.1.0, semver@^5.1.1, semver@^5.3.0, semver@^5.4.1, semver@^5.5.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.5.0.tgz#dc4bbc7a6ca9d916dee5d43516f0092b58f7b8ab"
 
@@ -8744,6 +9239,10 @@ set-blocking@^2.0.0, set-blocking@~2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
 
+set-immediate-shim@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz#4b2b1b27eb808a9f8dcc481a58e5e56f599f3f61"
+
 set-value@^0.4.3:
   version "0.4.3"
   resolved "https://registry.yarnpkg.com/set-value/-/set-value-0.4.3.tgz#7db08f9d3d22dc7f78e53af3c3bf4666ecdfccf1"
@@ -8807,7 +9306,7 @@ shellwords@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/shellwords/-/shellwords-0.1.1.tgz#d6b9181c1a48d397324c84871efbcfc73fc0654b"
 
-sigmund@~1.0.0:
+sigmund@^1.0.1, sigmund@~1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/sigmund/-/sigmund-1.0.1.tgz#3ff21f198cad2175f9f3b781853fd94d0d19b590"
 
@@ -8840,8 +9339,8 @@ simple-swizzle@^0.2.2:
   resolved "https://github.com/kevinansfield/simplemde-markdown-editor.git#306336f5be3f80cfc616fdc9a0fde4d7b328faa3"
 
 sinon@^4.4.5:
-  version "4.4.8"
-  resolved "https://registry.yarnpkg.com/sinon/-/sinon-4.4.8.tgz#0479e0ccb8caa0d737ce9773c8d53d57d38f2d84"
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/sinon/-/sinon-4.5.0.tgz#427ae312a337d3c516804ce2754e8c0d5028cb04"
   dependencies:
     "@sinonjs/formatio" "^2.0.0"
     diff "^3.1.0"
@@ -8913,6 +9412,10 @@ socket.io-adapter@0.5.0:
     debug "2.3.3"
     socket.io-parser "2.3.1"
 
+socket.io-adapter@~1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/socket.io-adapter/-/socket.io-adapter-1.1.1.tgz#2a805e8a14d6372124dd9159ad4502f8cb07f06b"
+
 socket.io-client@1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/socket.io-client/-/socket.io-client-1.6.0.tgz#5b668f4f771304dfeed179064708386fa6717853"
@@ -8929,6 +9432,25 @@ socket.io-client@1.6.0:
     socket.io-parser "2.3.1"
     to-array "0.1.4"
 
+socket.io-client@2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/socket.io-client/-/socket.io-client-2.1.0.tgz#0d0b21d460dc4ed36e57085136f2be0137ff20ff"
+  dependencies:
+    backo2 "1.0.2"
+    base64-arraybuffer "0.1.5"
+    component-bind "1.0.0"
+    component-emitter "1.2.1"
+    debug "~3.1.0"
+    engine.io-client "~3.2.0"
+    has-binary2 "~1.0.2"
+    has-cors "1.1.0"
+    indexof "0.0.1"
+    object-component "0.0.3"
+    parseqs "0.0.5"
+    parseuri "0.0.5"
+    socket.io-parser "~3.2.0"
+    to-array "0.1.4"
+
 socket.io-parser@2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/socket.io-parser/-/socket.io-parser-2.3.1.tgz#dd532025103ce429697326befd64005fcfe5b4a0"
@@ -8938,6 +9460,14 @@ socket.io-parser@2.3.1:
     isarray "0.0.1"
     json3 "3.3.2"
 
+socket.io-parser@~3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/socket.io-parser/-/socket.io-parser-3.2.0.tgz#e7c6228b6aa1f814e6148aea325b51aa9499e077"
+  dependencies:
+    component-emitter "1.2.1"
+    debug "~3.1.0"
+    isarray "2.0.1"
+
 socket.io@1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/socket.io/-/socket.io-1.6.0.tgz#3e40d932637e6bd923981b25caf7c53e83b6e2e1"
@@ -8950,6 +9480,17 @@ socket.io@1.6.0:
     socket.io-client "1.6.0"
     socket.io-parser "2.3.1"
 
+socket.io@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/socket.io/-/socket.io-2.1.0.tgz#de77161795b6303e7aefc982ea04acb0cec17395"
+  dependencies:
+    debug "~3.1.0"
+    engine.io "~3.2.0"
+    has-binary2 "~1.0.2"
+    socket.io-adapter "~1.1.0"
+    socket.io-client "2.1.0"
+    socket.io-parser "~3.2.0"
+
 sort-keys@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-1.1.2.tgz#441b6d4d346798f1b4e49e8920adfba0e543f9ad"
@@ -9016,7 +9557,7 @@ source-map@0.5.6:
   version "0.5.6"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412"
 
-source-map@0.5.x, source-map@^0.5.0, source-map@^0.5.3, source-map@^0.5.6, source-map@^0.5.7, source-map@~0.5.0, source-map@~0.5.1, source-map@~0.5.3:
+source-map@0.5.x, source-map@^0.5.0, source-map@^0.5.1, source-map@^0.5.3, source-map@^0.5.6, source-map@^0.5.7, source-map@~0.5.0, source-map@~0.5.1, source-map@~0.5.3:
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
 
@@ -9041,8 +9582,8 @@ sourcemap-codec@^1.4.1:
   resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.1.tgz#c8fd92d91889e902a07aee392bdd2c5863958ba2"
 
 sourcemap-validator@^1.0.5:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/sourcemap-validator/-/sourcemap-validator-1.0.7.tgz#d76aaadbe2c6ec269293b5f212100fad91eef260"
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/sourcemap-validator/-/sourcemap-validator-1.1.0.tgz#00454547d1682186e1498a7208e022e8dfa8738f"
   dependencies:
     jsesc "~0.3.x"
     lodash.foreach "~2.3.x"
@@ -9125,7 +9666,11 @@ static-extend@^0.1.1:
     define-property "^0.2.5"
     object-copy "^0.1.0"
 
-"statuses@>= 1.3.1 < 2", statuses@~1.4.0:
+"statuses@>= 1.3.1 < 2", "statuses@>= 1.4.0 < 2":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
+
+statuses@~1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.4.0.tgz#bb73d446da2796106efcc1b601a253d6c46bd087"
 
@@ -9287,7 +9832,7 @@ supports-color@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
 
-supports-color@^3.1.0:
+supports-color@^3.1.0, supports-color@^3.2.3:
   version "3.2.3"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6"
   dependencies:
@@ -9391,7 +9936,7 @@ temp@0.8.3:
     os-tmpdir "^1.0.0"
     rimraf "~2.2.6"
 
-testem@2.0.0, testem@^2.0.0:
+testem@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/testem/-/testem-2.0.0.tgz#b05c96200c7ac98bae998d71c94c0c5345907d13"
   dependencies:
@@ -9423,6 +9968,38 @@ testem@2.0.0, testem@^2.0.0:
     tap-parser "^5.1.0"
     xmldom "^0.1.19"
 
+testem@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/testem/-/testem-2.2.0.tgz#4c9d0f9daaa2b05b9a3c8dde2e486bbf80b0f266"
+  dependencies:
+    backbone "^1.1.2"
+    bluebird "^3.4.6"
+    charm "^1.0.0"
+    commander "^2.6.0"
+    consolidate "^0.14.0"
+    execa "^0.10.0"
+    express "^4.10.7"
+    fireworm "^0.7.0"
+    glob "^7.0.4"
+    http-proxy "^1.13.1"
+    js-yaml "^3.2.5"
+    lodash.assignin "^4.1.0"
+    lodash.castarray "^4.4.0"
+    lodash.clonedeep "^4.4.1"
+    lodash.find "^4.5.1"
+    lodash.uniqby "^4.7.0"
+    mkdirp "^0.5.1"
+    mustache "^2.2.1"
+    node-notifier "^5.0.1"
+    npmlog "^4.0.0"
+    printf "^0.2.3"
+    rimraf "^2.4.4"
+    socket.io "^2.1.0"
+    spawn-args "^0.2.0"
+    styled_string "0.0.1"
+    tap-parser "^5.1.0"
+    xmldom "^0.1.19"
+
 tether@^1.4.0:
   version "1.4.3"
   resolved "https://registry.yarnpkg.com/tether/-/tether-1.4.3.tgz#fd547024c47b6e5c9b87e1880f997991a9a6ad54"
@@ -9450,6 +10027,10 @@ through2@^2.0.0:
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
 
+time-stamp@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/time-stamp/-/time-stamp-1.1.0.tgz#764a5a11af50561921b133f3b44e618687e0f5c3"
+
 time-zone@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/time-zone/-/time-zone-1.0.0.tgz#99c5bf55958966af6d06d83bdf3800dc82faec5d"
@@ -9646,6 +10227,10 @@ ultron@1.0.x:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/ultron/-/ultron-1.0.2.tgz#ace116ab557cd197386a4e88f4685378c8b2e4fa"
 
+ultron@~1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ultron/-/ultron-1.1.1.tgz#9fe1536a10a664a65266a1e3ccf85fd36302bc9c"
+
 umd@^3.0.0:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/umd/-/umd-3.0.3.tgz#aa9fe653c42b9097678489c01000acb69f0b26cf"
@@ -9748,6 +10333,13 @@ username@^1.0.1:
   dependencies:
     meow "^3.4.0"
 
+username@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/username/-/username-3.0.0.tgz#b3dba982a72b4ce59d52f159fa1aeba266af5fc8"
+  dependencies:
+    execa "^0.7.0"
+    mem "^1.1.0"
+
 util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
@@ -9807,6 +10399,12 @@ verror@1.10.0:
     core-util-is "1.0.2"
     extsprintf "^1.2.0"
 
+vinyl-sourcemaps-apply@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/vinyl-sourcemaps-apply/-/vinyl-sourcemaps-apply-0.2.1.tgz#ab6549d61d172c2b1b87be5c508d239c8ef87705"
+  dependencies:
+    source-map "^0.5.1"
+
 vlq@^0.2.2:
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/vlq/-/vlq-0.2.3.tgz#8f3e4328cf63b1540c0d67e1b2778386f8975b26"
@@ -9903,8 +10501,8 @@ websocket-extensions@>=0.1.1:
   resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.3.tgz#5d2ff22977003ec687a4b87073dfbbac146ccf29"
 
 whatwg-fetch@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.3.tgz#9c84ec2dcf68187ff00bc64e1274b442176e1c84"
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz#dde6a5df315f9d39991aa17621853d720b85566f"
 
 whatwg-url-compat@~0.6.5:
   version "0.6.5"
@@ -9942,7 +10540,7 @@ window-size@0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.1.0.tgz#5438cd2ea93b202efa3a19fe8887aee7c94f9c9d"
 
-window-size@^0.1.2:
+window-size@^0.1.2, window-size@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.1.4.tgz#f8e1aa1ee5a53ec5bf151ffa09742a6ad7697876"
 
@@ -10000,6 +10598,14 @@ ws@1.1.1:
     options ">=0.0.5"
     ultron "1.0.x"
 
+ws@~3.3.1:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-3.3.3.tgz#f1cf84fe2d5e901ebce94efaece785f187a228f2"
+  dependencies:
+    async-limiter "~1.0.0"
+    safe-buffer "~5.1.0"
+    ultron "~1.1.0"
+
 wtf-8@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/wtf-8/-/wtf-8-1.0.0.tgz#392d8ba2d0f1c34d1ee2d630f15d0efb68e1048a"
@@ -10020,6 +10626,10 @@ xmlhttprequest-ssl@1.5.3:
   version "1.5.3"
   resolved "https://registry.yarnpkg.com/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.3.tgz#185a888c04eca46c3e4070d99f7b49de3528992d"
 
+xmlhttprequest-ssl@~1.5.4:
+  version "1.5.5"
+  resolved "https://registry.yarnpkg.com/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.5.tgz#c2876b06168aadc40e57d97e81191ac8f4398b3e"
+
 xtend@^4.0.0, xtend@^4.0.1, xtend@~4.0.0, xtend@~4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.1.tgz#a5c6d532be656e23db820efb943a1f04998d63af"
@@ -10051,6 +10661,18 @@ yargs-parser@^8.0.0:
   dependencies:
     camelcase "^4.1.0"
 
+yargs@^3.19.0:
+  version "3.32.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.32.0.tgz#03088e9ebf9e756b69751611d2a5ef591482c995"
+  dependencies:
+    camelcase "^2.0.1"
+    cliui "^3.0.3"
+    decamelize "^1.1.1"
+    os-locale "^1.4.0"
+    string-width "^1.0.1"
+    window-size "^0.1.4"
+    y18n "^3.2.0"
+
 yargs@^6.5.0:
   version "6.6.0"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-6.6.0.tgz#782ec21ef403345f830a808ca3d513af56065208"