diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 6abbbd372..25753fa7b 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -611,904 +611,6 @@ button,
   appearance: none;
 }
 
-.text-xs {
-  font-size: .75rem;
-}
-
-.text-sm {
-  font-size: .875rem;
-}
-
-.text-base {
-  font-size: 1rem;
-}
-
-.text-lg {
-  font-size: 1.125rem;
-}
-
-.text-xl {
-  font-size: 1.25rem;
-}
-
-.text-2xl {
-  font-size: 1.5rem;
-}
-
-.text-3xl {
-  font-size: 1.875rem;
-}
-
-.text-4xl {
-  font-size: 2.25rem;
-}
-
-.text-5xl {
-  font-size: 3rem;
-}
-
-.font-hairline {
-  font-weight: 100;
-}
-
-.font-thin {
-  font-weight: 200;
-}
-
-.font-light {
-  font-weight: 300;
-}
-
-.font-normal {
-  font-weight: 400;
-}
-
-.font-medium {
-  font-weight: 500;
-}
-
-.font-semibold {
-  font-weight: 600;
-}
-
-.font-bold {
-  font-weight: 700;
-}
-
-.font-extrabold {
-  font-weight: 800;
-}
-
-.font-black {
-  font-weight: 900;
-}
-
-.hover\:font-hairline:hover {
-  font-weight: 100;
-}
-
-.hover\:font-thin:hover {
-  font-weight: 200;
-}
-
-.hover\:font-light:hover {
-  font-weight: 300;
-}
-
-.hover\:font-normal:hover {
-  font-weight: 400;
-}
-
-.hover\:font-medium:hover {
-  font-weight: 500;
-}
-
-.hover\:font-semibold:hover {
-  font-weight: 600;
-}
-
-.hover\:font-bold:hover {
-  font-weight: 700;
-}
-
-.hover\:font-extrabold:hover {
-  font-weight: 800;
-}
-
-.hover\:font-black:hover {
-  font-weight: 900;
-}
-
-.font-sans {
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
-}
-
-.font-serif {
-  font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
-}
-
-.font-mono {
-  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
-}
-
-.text-transparent {
-  color: transparent;
-}
-
-.text-black {
-  color: #222b2f;
-}
-
-.text-grey-darkest {
-  color: #364349;
-}
-
-.text-grey-darker {
-  color: #596a73;
-}
-
-.text-grey-dark {
-  color: #70818a;
-}
-
-.text-grey {
-  color: #9babb4;
-}
-
-.text-grey-light {
-  color: #dae4e9;
-}
-
-.text-grey-lighter {
-  color: #f3f7f9;
-}
-
-.text-grey-lightest {
-  color: #fafcfc;
-}
-
-.text-white {
-  color: #ffffff;
-}
-
-.text-red-darkest {
-  color: #420806;
-}
-
-.text-red-darker {
-  color: #6a1b19;
-}
-
-.text-red-dark {
-  color: #cc1f1a;
-}
-
-.text-red {
-  color: #e3342f;
-}
-
-.text-red-light {
-  color: #ef5753;
-}
-
-.text-red-lighter {
-  color: #f9acaa;
-}
-
-.text-red-lightest {
-  color: #fcebea;
-}
-
-.text-orange-darkest {
-  color: #542605;
-}
-
-.text-orange-darker {
-  color: #7f4012;
-}
-
-.text-orange-dark {
-  color: #de751f;
-}
-
-.text-orange {
-  color: #f6993f;
-}
-
-.text-orange-light {
-  color: #faad63;
-}
-
-.text-orange-lighter {
-  color: #fcd9b6;
-}
-
-.text-orange-lightest {
-  color: #fff5eb;
-}
-
-.text-yellow-darkest {
-  color: #453411;
-}
-
-.text-yellow-darker {
-  color: #684f1d;
-}
-
-.text-yellow-dark {
-  color: #f2d024;
-}
-
-.text-yellow {
-  color: #ffed4a;
-}
-
-.text-yellow-light {
-  color: #fff382;
-}
-
-.text-yellow-lighter {
-  color: #fff9c2;
-}
-
-.text-yellow-lightest {
-  color: #fcfbeb;
-}
-
-.text-green-darkest {
-  color: #032d19;
-}
-
-.text-green-darker {
-  color: #0b4228;
-}
-
-.text-green-dark {
-  color: #1f9d55;
-}
-
-.text-green {
-  color: #38c172;
-}
-
-.text-green-light {
-  color: #51d88a;
-}
-
-.text-green-lighter {
-  color: #a2f5bf;
-}
-
-.text-green-lightest {
-  color: #e3fcec;
-}
-
-.text-teal-darkest {
-  color: #0d3331;
-}
-
-.text-teal-darker {
-  color: #174e4b;
-}
-
-.text-teal-dark {
-  color: #38a89d;
-}
-
-.text-teal {
-  color: #4dc0b5;
-}
-
-.text-teal-light {
-  color: #64d5ca;
-}
-
-.text-teal-lighter {
-  color: #a0f0ed;
-}
-
-.text-teal-lightest {
-  color: #e8fffe;
-}
-
-.text-blue-darkest {
-  color: #05233b;
-}
-
-.text-blue-darker {
-  color: #103d60;
-}
-
-.text-blue-dark {
-  color: #2779bd;
-}
-
-.text-blue {
-  color: #3490dc;
-}
-
-.text-blue-light {
-  color: #6cb2eb;
-}
-
-.text-blue-lighter {
-  color: #bcdefa;
-}
-
-.text-blue-lightest {
-  color: #eff8ff;
-}
-
-.text-indigo-darkest {
-  color: #191e38;
-}
-
-.text-indigo-darker {
-  color: #2f365f;
-}
-
-.text-indigo-dark {
-  color: #5661b3;
-}
-
-.text-indigo {
-  color: #6574cd;
-}
-
-.text-indigo-light {
-  color: #7886d7;
-}
-
-.text-indigo-lighter {
-  color: #b2b7ff;
-}
-
-.text-indigo-lightest {
-  color: #e6e8ff;
-}
-
-.text-purple-darkest {
-  color: #1f133f;
-}
-
-.text-purple-darker {
-  color: #352465;
-}
-
-.text-purple-dark {
-  color: #794acf;
-}
-
-.text-purple {
-  color: #9561e2;
-}
-
-.text-purple-light {
-  color: #a779e9;
-}
-
-.text-purple-lighter {
-  color: #d6bbfc;
-}
-
-.text-purple-lightest {
-  color: #f3ebff;
-}
-
-.text-pink-darkest {
-  color: #45051e;
-}
-
-.text-pink-darker {
-  color: #72173a;
-}
-
-.text-pink-dark {
-  color: #eb5286;
-}
-
-.text-pink {
-  color: #f66d9b;
-}
-
-.text-pink-light {
-  color: #fa7ea8;
-}
-
-.text-pink-lighter {
-  color: #ffbbca;
-}
-
-.text-pink-lightest {
-  color: #ffebef;
-}
-
-.hover\:text-transparent:hover {
-  color: transparent;
-}
-
-.hover\:text-black:hover {
-  color: #222b2f;
-}
-
-.hover\:text-grey-darkest:hover {
-  color: #364349;
-}
-
-.hover\:text-grey-darker:hover {
-  color: #596a73;
-}
-
-.hover\:text-grey-dark:hover {
-  color: #70818a;
-}
-
-.hover\:text-grey:hover {
-  color: #9babb4;
-}
-
-.hover\:text-grey-light:hover {
-  color: #dae4e9;
-}
-
-.hover\:text-grey-lighter:hover {
-  color: #f3f7f9;
-}
-
-.hover\:text-grey-lightest:hover {
-  color: #fafcfc;
-}
-
-.hover\:text-white:hover {
-  color: #ffffff;
-}
-
-.hover\:text-red-darkest:hover {
-  color: #420806;
-}
-
-.hover\:text-red-darker:hover {
-  color: #6a1b19;
-}
-
-.hover\:text-red-dark:hover {
-  color: #cc1f1a;
-}
-
-.hover\:text-red:hover {
-  color: #e3342f;
-}
-
-.hover\:text-red-light:hover {
-  color: #ef5753;
-}
-
-.hover\:text-red-lighter:hover {
-  color: #f9acaa;
-}
-
-.hover\:text-red-lightest:hover {
-  color: #fcebea;
-}
-
-.hover\:text-orange-darkest:hover {
-  color: #542605;
-}
-
-.hover\:text-orange-darker:hover {
-  color: #7f4012;
-}
-
-.hover\:text-orange-dark:hover {
-  color: #de751f;
-}
-
-.hover\:text-orange:hover {
-  color: #f6993f;
-}
-
-.hover\:text-orange-light:hover {
-  color: #faad63;
-}
-
-.hover\:text-orange-lighter:hover {
-  color: #fcd9b6;
-}
-
-.hover\:text-orange-lightest:hover {
-  color: #fff5eb;
-}
-
-.hover\:text-yellow-darkest:hover {
-  color: #453411;
-}
-
-.hover\:text-yellow-darker:hover {
-  color: #684f1d;
-}
-
-.hover\:text-yellow-dark:hover {
-  color: #f2d024;
-}
-
-.hover\:text-yellow:hover {
-  color: #ffed4a;
-}
-
-.hover\:text-yellow-light:hover {
-  color: #fff382;
-}
-
-.hover\:text-yellow-lighter:hover {
-  color: #fff9c2;
-}
-
-.hover\:text-yellow-lightest:hover {
-  color: #fcfbeb;
-}
-
-.hover\:text-green-darkest:hover {
-  color: #032d19;
-}
-
-.hover\:text-green-darker:hover {
-  color: #0b4228;
-}
-
-.hover\:text-green-dark:hover {
-  color: #1f9d55;
-}
-
-.hover\:text-green:hover {
-  color: #38c172;
-}
-
-.hover\:text-green-light:hover {
-  color: #51d88a;
-}
-
-.hover\:text-green-lighter:hover {
-  color: #a2f5bf;
-}
-
-.hover\:text-green-lightest:hover {
-  color: #e3fcec;
-}
-
-.hover\:text-teal-darkest:hover {
-  color: #0d3331;
-}
-
-.hover\:text-teal-darker:hover {
-  color: #174e4b;
-}
-
-.hover\:text-teal-dark:hover {
-  color: #38a89d;
-}
-
-.hover\:text-teal:hover {
-  color: #4dc0b5;
-}
-
-.hover\:text-teal-light:hover {
-  color: #64d5ca;
-}
-
-.hover\:text-teal-lighter:hover {
-  color: #a0f0ed;
-}
-
-.hover\:text-teal-lightest:hover {
-  color: #e8fffe;
-}
-
-.hover\:text-blue-darkest:hover {
-  color: #05233b;
-}
-
-.hover\:text-blue-darker:hover {
-  color: #103d60;
-}
-
-.hover\:text-blue-dark:hover {
-  color: #2779bd;
-}
-
-.hover\:text-blue:hover {
-  color: #3490dc;
-}
-
-.hover\:text-blue-light:hover {
-  color: #6cb2eb;
-}
-
-.hover\:text-blue-lighter:hover {
-  color: #bcdefa;
-}
-
-.hover\:text-blue-lightest:hover {
-  color: #eff8ff;
-}
-
-.hover\:text-indigo-darkest:hover {
-  color: #191e38;
-}
-
-.hover\:text-indigo-darker:hover {
-  color: #2f365f;
-}
-
-.hover\:text-indigo-dark:hover {
-  color: #5661b3;
-}
-
-.hover\:text-indigo:hover {
-  color: #6574cd;
-}
-
-.hover\:text-indigo-light:hover {
-  color: #7886d7;
-}
-
-.hover\:text-indigo-lighter:hover {
-  color: #b2b7ff;
-}
-
-.hover\:text-indigo-lightest:hover {
-  color: #e6e8ff;
-}
-
-.hover\:text-purple-darkest:hover {
-  color: #1f133f;
-}
-
-.hover\:text-purple-darker:hover {
-  color: #352465;
-}
-
-.hover\:text-purple-dark:hover {
-  color: #794acf;
-}
-
-.hover\:text-purple:hover {
-  color: #9561e2;
-}
-
-.hover\:text-purple-light:hover {
-  color: #a779e9;
-}
-
-.hover\:text-purple-lighter:hover {
-  color: #d6bbfc;
-}
-
-.hover\:text-purple-lightest:hover {
-  color: #f3ebff;
-}
-
-.hover\:text-pink-darkest:hover {
-  color: #45051e;
-}
-
-.hover\:text-pink-darker:hover {
-  color: #72173a;
-}
-
-.hover\:text-pink-dark:hover {
-  color: #eb5286;
-}
-
-.hover\:text-pink:hover {
-  color: #f66d9b;
-}
-
-.hover\:text-pink-light:hover {
-  color: #fa7ea8;
-}
-
-.hover\:text-pink-lighter:hover {
-  color: #ffbbca;
-}
-
-.hover\:text-pink-lightest:hover {
-  color: #ffebef;
-}
-
-.leading-none {
-  line-height: 1;
-}
-
-.leading-tight {
-  line-height: 1.25;
-}
-
-.leading-normal {
-  line-height: 1.5;
-}
-
-.leading-loose {
-  line-height: 2;
-}
-
-.tracking-tight {
-  letter-spacing: -0.05em;
-}
-
-.tracking-normal {
-  letter-spacing: 0;
-}
-
-.tracking-wide {
-  letter-spacing: 0.05em;
-}
-
-.text-left {
-  text-align: left;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.text-right {
-  text-align: right;
-}
-
-.text-justify {
-  text-align: justify;
-}
-
-.whitespace-normal {
-  white-space: normal;
-}
-
-.whitespace-no-wrap {
-  white-space: nowrap;
-}
-
-.whitespace-pre {
-  white-space: pre;
-}
-
-.whitespace-pre-line {
-  white-space: pre-line;
-}
-
-.whitespace-pre-wrap {
-  white-space: pre-wrap;
-}
-
-.break-words {
-  word-wrap: break-word;
-}
-
-.break-normal {
-  word-wrap: normal;
-}
-
-.truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.italic {
-  font-style: italic;
-}
-
-.roman {
-  font-style: normal;
-}
-
-.uppercase {
-  text-transform: uppercase;
-}
-
-.lowercase {
-  text-transform: lowercase;
-}
-
-.capitalize {
-  text-transform: capitalize;
-}
-
-.normal-case {
-  text-transform: none;
-}
-
-.underline {
-  text-decoration: underline;
-}
-
-.line-through {
-  text-decoration: line-through;
-}
-
-.no-underline {
-  text-decoration: none;
-}
-
-.antialiased {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.subpixel-antialiased {
-  -webkit-font-smoothing: auto;
-  -moz-osx-font-smoothing: auto;
-}
-
-.hover\:italic:hover {
-  font-style: italic;
-}
-
-.hover\:roman:hover {
-  font-style: normal;
-}
-
-.hover\:uppercase:hover {
-  text-transform: uppercase;
-}
-
-.hover\:lowercase:hover {
-  text-transform: lowercase;
-}
-
-.hover\:capitalize:hover {
-  text-transform: capitalize;
-}
-
-.hover\:normal-case:hover {
-  text-transform: none;
-}
-
-.hover\:underline:hover {
-  text-decoration: underline;
-}
-
-.hover\:line-through:hover {
-  text-decoration: line-through;
-}
-
-.hover\:no-underline:hover {
-  text-decoration: none;
-}
-
-.hover\:antialiased:hover {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.hover\:subpixel-antialiased:hover {
-  -webkit-font-smoothing: auto;
-  -moz-osx-font-smoothing: auto;
-}
-
-.align-baseline {
-  vertical-align: baseline;
-}
-
-.align-top {
-  vertical-align: top;
-}
-
-.align-middle {
-  vertical-align: middle;
-}
-
-.align-bottom {
-  vertical-align: bottom;
-}
-
-.align-text-top {
-  vertical-align: text-top;
-}
-
-.align-text-bottom {
-  vertical-align: text-bottom;
-}
-
 .bg-transparent {
   background-color: transparent;
 }
@@ -2137,106 +1239,6 @@ button,
   background-size: contain;
 }
 
-.border-0 {
-  border-width: 0;
-}
-
-.border-2 {
-  border-width: 2px;
-}
-
-.border-4 {
-  border-width: 4px;
-}
-
-.border-8 {
-  border-width: 8px;
-}
-
-.border {
-  border-width: 1px;
-}
-
-.border-t-0 {
-  border-top-width: 0;
-}
-
-.border-r-0 {
-  border-right-width: 0;
-}
-
-.border-b-0 {
-  border-bottom-width: 0;
-}
-
-.border-l-0 {
-  border-left-width: 0;
-}
-
-.border-t-2 {
-  border-top-width: 2px;
-}
-
-.border-r-2 {
-  border-right-width: 2px;
-}
-
-.border-b-2 {
-  border-bottom-width: 2px;
-}
-
-.border-l-2 {
-  border-left-width: 2px;
-}
-
-.border-t-4 {
-  border-top-width: 4px;
-}
-
-.border-r-4 {
-  border-right-width: 4px;
-}
-
-.border-b-4 {
-  border-bottom-width: 4px;
-}
-
-.border-l-4 {
-  border-left-width: 4px;
-}
-
-.border-t-8 {
-  border-top-width: 8px;
-}
-
-.border-r-8 {
-  border-right-width: 8px;
-}
-
-.border-b-8 {
-  border-bottom-width: 8px;
-}
-
-.border-l-8 {
-  border-left-width: 8px;
-}
-
-.border-t {
-  border-top-width: 1px;
-}
-
-.border-r {
-  border-right-width: 1px;
-}
-
-.border-b {
-  border-bottom-width: 1px;
-}
-
-.border-l {
-  border-left-width: 1px;
-}
-
 .border-transparent {
   border-color: transparent;
 }
@@ -2821,22 +1823,6 @@ button,
   border-color: #ffebef;
 }
 
-.border-solid {
-  border-style: solid;
-}
-
-.border-dashed {
-  border-style: dashed;
-}
-
-.border-dotted {
-  border-style: dotted;
-}
-
-.border-none {
-  border-style: none;
-}
-
 .rounded-none {
   border-radius: 0;
 }
@@ -3037,6 +2023,138 @@ button,
   border-bottom-left-radius: 9999px;
 }
 
+.border-solid {
+  border-style: solid;
+}
+
+.border-dashed {
+  border-style: dashed;
+}
+
+.border-dotted {
+  border-style: dotted;
+}
+
+.border-none {
+  border-style: none;
+}
+
+.border-0 {
+  border-width: 0;
+}
+
+.border-2 {
+  border-width: 2px;
+}
+
+.border-4 {
+  border-width: 4px;
+}
+
+.border-8 {
+  border-width: 8px;
+}
+
+.border {
+  border-width: 1px;
+}
+
+.border-t-0 {
+  border-top-width: 0;
+}
+
+.border-r-0 {
+  border-right-width: 0;
+}
+
+.border-b-0 {
+  border-bottom-width: 0;
+}
+
+.border-l-0 {
+  border-left-width: 0;
+}
+
+.border-t-2 {
+  border-top-width: 2px;
+}
+
+.border-r-2 {
+  border-right-width: 2px;
+}
+
+.border-b-2 {
+  border-bottom-width: 2px;
+}
+
+.border-l-2 {
+  border-left-width: 2px;
+}
+
+.border-t-4 {
+  border-top-width: 4px;
+}
+
+.border-r-4 {
+  border-right-width: 4px;
+}
+
+.border-b-4 {
+  border-bottom-width: 4px;
+}
+
+.border-l-4 {
+  border-left-width: 4px;
+}
+
+.border-t-8 {
+  border-top-width: 8px;
+}
+
+.border-r-8 {
+  border-right-width: 8px;
+}
+
+.border-b-8 {
+  border-bottom-width: 8px;
+}
+
+.border-l-8 {
+  border-left-width: 8px;
+}
+
+.border-t {
+  border-top-width: 1px;
+}
+
+.border-r {
+  border-right-width: 1px;
+}
+
+.border-b {
+  border-bottom-width: 1px;
+}
+
+.border-l {
+  border-left-width: 1px;
+}
+
+.cursor-auto {
+  cursor: auto;
+}
+
+.cursor-default {
+  cursor: default;
+}
+
+.cursor-pointer {
+  cursor: pointer;
+}
+
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
+
 .block {
   display: block;
 }
@@ -3065,249 +2183,254 @@ button,
   display: none;
 }
 
-.static {
-  position: static;
+.flex {
+  display: flex;
 }
 
-.fixed {
-  position: fixed;
+.inline-flex {
+  display: inline-flex;
 }
 
-.absolute {
-  position: absolute;
+.flex-row {
+  flex-direction: row;
 }
 
-.relative {
-  position: relative;
+.flex-row-reverse {
+  flex-direction: row-reverse;
 }
 
-.pin-t {
-  top: 0;
+.flex-col {
+  flex-direction: column;
 }
 
-.pin-r {
-  right: 0;
+.flex-col-reverse {
+  flex-direction: column-reverse;
 }
 
-.pin-b {
-  bottom: 0;
+.flex-wrap {
+  flex-wrap: wrap;
 }
 
-.pin-l {
-  left: 0;
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse;
 }
 
-.pin-y {
-  top: 0;
-  bottom: 0;
+.flex-no-wrap {
+  flex-wrap: nowrap;
 }
 
-.pin-x {
-  right: 0;
-  left: 0;
+.items-start {
+  align-items: flex-start;
 }
 
-.pin {
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
+.items-end {
+  align-items: flex-end;
 }
 
-.overflow-auto {
-  overflow: auto;
+.items-center {
+  align-items: center;
 }
 
-.overflow-hidden {
-  overflow: hidden;
+.items-baseline {
+  align-items: baseline;
 }
 
-.overflow-visible {
-  overflow: visible;
+.items-stretch {
+  align-items: stretch;
 }
 
-.overflow-scroll {
-  overflow: scroll;
+.self-auto {
+  align-self: auto;
 }
 
-.overflow-x-scroll {
-  overflow-x: auto;
-  -ms-overflow-style: -ms-autohiding-scrollbar;
+.self-start {
+  align-self: flex-start;
 }
 
-.overflow-y-scroll {
-  overflow-y: auto;
-  -ms-overflow-style: -ms-autohiding-scrollbar;
+.self-end {
+  align-self: flex-end;
 }
 
-.scrolling-touch {
-  -webkit-overflow-scrolling: touch;
+.self-center {
+  align-self: center;
 }
 
-.scrolling-auto {
-  -webkit-overflow-scrolling: auto;
+.self-stretch {
+  align-self: stretch;
 }
 
-.w-1 {
-  width: 0.25rem;
+.justify-start {
+  justify-content: flex-start;
 }
 
-.w-2 {
-  width: 0.5rem;
+.justify-end {
+  justify-content: flex-end;
 }
 
-.w-3 {
-  width: 0.75rem;
+.justify-center {
+  justify-content: center;
 }
 
-.w-4 {
-  width: 1rem;
+.justify-between {
+  justify-content: space-between;
 }
 
-.w-6 {
-  width: 1.5rem;
+.justify-around {
+  justify-content: space-around;
 }
 
-.w-8 {
-  width: 2rem;
+.content-center {
+  align-content: center;
 }
 
-.w-10 {
-  width: 2.5rem;
+.content-start {
+  align-content: flex-start;
 }
 
-.w-12 {
-  width: 3rem;
+.content-end {
+  align-content: flex-end;
 }
 
-.w-16 {
-  width: 4rem;
+.content-between {
+  align-content: space-between;
 }
 
-.w-24 {
-  width: 6rem;
+.content-around {
+  align-content: space-around;
 }
 
-.w-32 {
-  width: 8rem;
+.flex-1 {
+  flex: 1;
 }
 
-.w-48 {
-  width: 12rem;
+.flex-auto {
+  flex: auto;
 }
 
-.w-64 {
-  width: 16rem;
+.flex-initial {
+  flex: initial;
 }
 
-.w-auto {
-  width: auto;
+.flex-none {
+  flex: none;
 }
 
-.w-px {
-  width: 1px;
+.flex-grow {
+  flex-grow: 1;
 }
 
-.w-1\/2 {
-  width: 50%;
+.flex-shrink {
+  flex-shrink: 1;
 }
 
-.w-1\/3 {
-  width: 33.33333%;
+.flex-no-grow {
+  flex-grow: 0;
 }
 
-.w-2\/3 {
-  width: 66.66667%;
+.flex-no-shrink {
+  flex-shrink: 0;
 }
 
-.w-1\/4 {
-  width: 25%;
+.float-right {
+  float: right;
 }
 
-.w-3\/4 {
-  width: 75%;
+.float-left {
+  float: left;
 }
 
-.w-1\/5 {
-  width: 20%;
+.float-none {
+  float: none;
 }
 
-.w-2\/5 {
-  width: 40%;
+.clearfix:after {
+  content: "";
+  display: table;
+  clear: both;
 }
 
-.w-3\/5 {
-  width: 60%;
+.font-sans {
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
 }
 
-.w-4\/5 {
-  width: 80%;
+.font-serif {
+  font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
 }
 
-.w-1\/6 {
-  width: 16.66667%;
+.font-mono {
+  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
 }
 
-.w-5\/6 {
-  width: 83.33333%;
+.font-hairline {
+  font-weight: 100;
 }
 
-.w-full {
-  width: 100%;
+.font-thin {
+  font-weight: 200;
 }
 
-.w-screen {
-  width: 100vw;
+.font-light {
+  font-weight: 300;
 }
 
-.min-w-0 {
-  min-width: 0;
+.font-normal {
+  font-weight: 400;
 }
 
-.min-w-full {
-  min-width: 100%;
+.font-medium {
+  font-weight: 500;
 }
 
-.max-w-xs {
-  max-width: 20rem;
+.font-semibold {
+  font-weight: 600;
 }
 
-.max-w-sm {
-  max-width: 30rem;
+.font-bold {
+  font-weight: 700;
 }
 
-.max-w-md {
-  max-width: 40rem;
+.font-extrabold {
+  font-weight: 800;
 }
 
-.max-w-lg {
-  max-width: 50rem;
+.font-black {
+  font-weight: 900;
 }
 
-.max-w-xl {
-  max-width: 60rem;
+.hover\:font-hairline:hover {
+  font-weight: 100;
 }
 
-.max-w-2xl {
-  max-width: 70rem;
+.hover\:font-thin:hover {
+  font-weight: 200;
 }
 
-.max-w-3xl {
-  max-width: 80rem;
+.hover\:font-light:hover {
+  font-weight: 300;
 }
 
-.max-w-4xl {
-  max-width: 90rem;
+.hover\:font-normal:hover {
+  font-weight: 400;
 }
 
-.max-w-5xl {
-  max-width: 100rem;
+.hover\:font-medium:hover {
+  font-weight: 500;
 }
 
-.max-w-full {
-  max-width: 100%;
+.hover\:font-semibold:hover {
+  font-weight: 600;
+}
+
+.hover\:font-bold:hover {
+  font-weight: 700;
+}
+
+.hover\:font-extrabold:hover {
+  font-weight: 800;
+}
+
+.hover\:font-black:hover {
+  font-weight: 900;
 }
 
 .h-1 {
@@ -3378,264 +2501,20 @@ button,
   height: 100vh;
 }
 
-.min-h-0 {
-  min-height: 0;
+.leading-none {
+  line-height: 1;
 }
 
-.min-h-full {
-  min-height: 100%;
+.leading-tight {
+  line-height: 1.25;
 }
 
-.min-h-screen {
-  min-height: 100vh;
+.leading-normal {
+  line-height: 1.5;
 }
 
-.max-h-full {
-  max-height: 100%;
-}
-
-.max-h-screen {
-  max-height: 100vh;
-}
-
-.p-0 {
-  padding: 0;
-}
-
-.p-1 {
-  padding: 0.25rem;
-}
-
-.p-2 {
-  padding: 0.5rem;
-}
-
-.p-3 {
-  padding: 0.75rem;
-}
-
-.p-4 {
-  padding: 1rem;
-}
-
-.p-6 {
-  padding: 1.5rem;
-}
-
-.p-8 {
-  padding: 2rem;
-}
-
-.p-px {
-  padding: 1px;
-}
-
-.py-0 {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.px-0 {
-  padding-left: 0;
-  padding-right: 0;
-}
-
-.py-1 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}
-
-.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-
-.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-
-.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
-
-.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-
-.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-
-.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-
-.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
-
-.px-6 {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-}
-
-.py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
-
-.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
-}
-
-.py-px {
-  padding-top: 1px;
-  padding-bottom: 1px;
-}
-
-.px-px {
-  padding-left: 1px;
-  padding-right: 1px;
-}
-
-.pt-0 {
-  padding-top: 0;
-}
-
-.pr-0 {
-  padding-right: 0;
-}
-
-.pb-0 {
-  padding-bottom: 0;
-}
-
-.pl-0 {
-  padding-left: 0;
-}
-
-.pt-1 {
-  padding-top: 0.25rem;
-}
-
-.pr-1 {
-  padding-right: 0.25rem;
-}
-
-.pb-1 {
-  padding-bottom: 0.25rem;
-}
-
-.pl-1 {
-  padding-left: 0.25rem;
-}
-
-.pt-2 {
-  padding-top: 0.5rem;
-}
-
-.pr-2 {
-  padding-right: 0.5rem;
-}
-
-.pb-2 {
-  padding-bottom: 0.5rem;
-}
-
-.pl-2 {
-  padding-left: 0.5rem;
-}
-
-.pt-3 {
-  padding-top: 0.75rem;
-}
-
-.pr-3 {
-  padding-right: 0.75rem;
-}
-
-.pb-3 {
-  padding-bottom: 0.75rem;
-}
-
-.pl-3 {
-  padding-left: 0.75rem;
-}
-
-.pt-4 {
-  padding-top: 1rem;
-}
-
-.pr-4 {
-  padding-right: 1rem;
-}
-
-.pb-4 {
-  padding-bottom: 1rem;
-}
-
-.pl-4 {
-  padding-left: 1rem;
-}
-
-.pt-6 {
-  padding-top: 1.5rem;
-}
-
-.pr-6 {
-  padding-right: 1.5rem;
-}
-
-.pb-6 {
-  padding-bottom: 1.5rem;
-}
-
-.pl-6 {
-  padding-left: 1.5rem;
-}
-
-.pt-8 {
-  padding-top: 2rem;
-}
-
-.pr-8 {
-  padding-right: 2rem;
-}
-
-.pb-8 {
-  padding-bottom: 2rem;
-}
-
-.pl-8 {
-  padding-left: 2rem;
-}
-
-.pt-px {
-  padding-top: 1px;
-}
-
-.pr-px {
-  padding-right: 1px;
-}
-
-.pb-px {
-  padding-bottom: 1px;
-}
-
-.pl-px {
-  padding-left: 1px;
+.leading-loose {
+  line-height: 2;
 }
 
 .m-0 {
@@ -3908,6 +2787,74 @@ button,
   margin-left: 1px;
 }
 
+.max-h-full {
+  max-height: 100%;
+}
+
+.max-h-screen {
+  max-height: 100vh;
+}
+
+.max-w-xs {
+  max-width: 20rem;
+}
+
+.max-w-sm {
+  max-width: 30rem;
+}
+
+.max-w-md {
+  max-width: 40rem;
+}
+
+.max-w-lg {
+  max-width: 50rem;
+}
+
+.max-w-xl {
+  max-width: 60rem;
+}
+
+.max-w-2xl {
+  max-width: 70rem;
+}
+
+.max-w-3xl {
+  max-width: 80rem;
+}
+
+.max-w-4xl {
+  max-width: 90rem;
+}
+
+.max-w-5xl {
+  max-width: 100rem;
+}
+
+.max-w-full {
+  max-width: 100%;
+}
+
+.min-h-0 {
+  min-height: 0;
+}
+
+.min-h-full {
+  min-height: 100%;
+}
+
+.min-h-screen {
+  min-height: 100vh;
+}
+
+.min-w-0 {
+  min-width: 0;
+}
+
+.min-w-full {
+  min-width: 100%;
+}
+
 .-m-0 {
   margin: 0;
 }
@@ -4148,6 +3095,371 @@ button,
   margin-left: -1px;
 }
 
+.opacity-0 {
+  opacity: 0;
+}
+
+.opacity-25 {
+  opacity: .25;
+}
+
+.opacity-50 {
+  opacity: .5;
+}
+
+.opacity-75 {
+  opacity: .75;
+}
+
+.opacity-100 {
+  opacity: 1;
+}
+
+.overflow-auto {
+  overflow: auto;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+.overflow-visible {
+  overflow: visible;
+}
+
+.overflow-scroll {
+  overflow: scroll;
+}
+
+.overflow-x-scroll {
+  overflow-x: auto;
+  -ms-overflow-style: -ms-autohiding-scrollbar;
+}
+
+.overflow-y-scroll {
+  overflow-y: auto;
+  -ms-overflow-style: -ms-autohiding-scrollbar;
+}
+
+.scrolling-touch {
+  -webkit-overflow-scrolling: touch;
+}
+
+.scrolling-auto {
+  -webkit-overflow-scrolling: auto;
+}
+
+.p-0 {
+  padding: 0;
+}
+
+.p-1 {
+  padding: 0.25rem;
+}
+
+.p-2 {
+  padding: 0.5rem;
+}
+
+.p-3 {
+  padding: 0.75rem;
+}
+
+.p-4 {
+  padding: 1rem;
+}
+
+.p-6 {
+  padding: 1.5rem;
+}
+
+.p-8 {
+  padding: 2rem;
+}
+
+.p-px {
+  padding: 1px;
+}
+
+.py-0 {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.px-0 {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.py-3 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
+.px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+
+.py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+
+.px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+
+.py-8 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+
+.py-px {
+  padding-top: 1px;
+  padding-bottom: 1px;
+}
+
+.px-px {
+  padding-left: 1px;
+  padding-right: 1px;
+}
+
+.pt-0 {
+  padding-top: 0;
+}
+
+.pr-0 {
+  padding-right: 0;
+}
+
+.pb-0 {
+  padding-bottom: 0;
+}
+
+.pl-0 {
+  padding-left: 0;
+}
+
+.pt-1 {
+  padding-top: 0.25rem;
+}
+
+.pr-1 {
+  padding-right: 0.25rem;
+}
+
+.pb-1 {
+  padding-bottom: 0.25rem;
+}
+
+.pl-1 {
+  padding-left: 0.25rem;
+}
+
+.pt-2 {
+  padding-top: 0.5rem;
+}
+
+.pr-2 {
+  padding-right: 0.5rem;
+}
+
+.pb-2 {
+  padding-bottom: 0.5rem;
+}
+
+.pl-2 {
+  padding-left: 0.5rem;
+}
+
+.pt-3 {
+  padding-top: 0.75rem;
+}
+
+.pr-3 {
+  padding-right: 0.75rem;
+}
+
+.pb-3 {
+  padding-bottom: 0.75rem;
+}
+
+.pl-3 {
+  padding-left: 0.75rem;
+}
+
+.pt-4 {
+  padding-top: 1rem;
+}
+
+.pr-4 {
+  padding-right: 1rem;
+}
+
+.pb-4 {
+  padding-bottom: 1rem;
+}
+
+.pl-4 {
+  padding-left: 1rem;
+}
+
+.pt-6 {
+  padding-top: 1.5rem;
+}
+
+.pr-6 {
+  padding-right: 1.5rem;
+}
+
+.pb-6 {
+  padding-bottom: 1.5rem;
+}
+
+.pl-6 {
+  padding-left: 1.5rem;
+}
+
+.pt-8 {
+  padding-top: 2rem;
+}
+
+.pr-8 {
+  padding-right: 2rem;
+}
+
+.pb-8 {
+  padding-bottom: 2rem;
+}
+
+.pl-8 {
+  padding-left: 2rem;
+}
+
+.pt-px {
+  padding-top: 1px;
+}
+
+.pr-px {
+  padding-right: 1px;
+}
+
+.pb-px {
+  padding-bottom: 1px;
+}
+
+.pl-px {
+  padding-left: 1px;
+}
+
+.pointer-events-none {
+  pointer-events: none;
+}
+
+.pointer-events-auto {
+  pointer-events: auto;
+}
+
+.static {
+  position: static;
+}
+
+.fixed {
+  position: fixed;
+}
+
+.absolute {
+  position: absolute;
+}
+
+.relative {
+  position: relative;
+}
+
+.pin-t {
+  top: 0;
+}
+
+.pin-r {
+  right: 0;
+}
+
+.pin-b {
+  bottom: 0;
+}
+
+.pin-l {
+  left: 0;
+}
+
+.pin-y {
+  top: 0;
+  bottom: 0;
+}
+
+.pin-x {
+  right: 0;
+  left: 0;
+}
+
+.pin {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.resize-none {
+  resize: none;
+}
+
+.resize-y {
+  resize: vertical;
+}
+
+.resize-x {
+  resize: horizontal;
+}
+
 .shadow {
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
 }
@@ -4168,170 +3480,776 @@ button,
   box-shadow: none;
 }
 
-.flex {
-  display: flex;
+.text-left {
+  text-align: left;
 }
 
-.inline-flex {
-  display: inline-flex;
+.text-center {
+  text-align: center;
 }
 
-.flex-row {
-  flex-direction: row;
+.text-right {
+  text-align: right;
 }
 
-.flex-row-reverse {
-  flex-direction: row-reverse;
+.text-justify {
+  text-align: justify;
 }
 
-.flex-col {
-  flex-direction: column;
+.text-transparent {
+  color: transparent;
 }
 
-.flex-col-reverse {
-  flex-direction: column-reverse;
+.text-black {
+  color: #222b2f;
 }
 
-.flex-wrap {
-  flex-wrap: wrap;
+.text-grey-darkest {
+  color: #364349;
 }
 
-.flex-wrap-reverse {
-  flex-wrap: wrap-reverse;
+.text-grey-darker {
+  color: #596a73;
 }
 
-.flex-no-wrap {
-  flex-wrap: nowrap;
+.text-grey-dark {
+  color: #70818a;
 }
 
-.items-start {
-  align-items: flex-start;
+.text-grey {
+  color: #9babb4;
 }
 
-.items-end {
-  align-items: flex-end;
+.text-grey-light {
+  color: #dae4e9;
 }
 
-.items-center {
-  align-items: center;
+.text-grey-lighter {
+  color: #f3f7f9;
 }
 
-.items-baseline {
-  align-items: baseline;
+.text-grey-lightest {
+  color: #fafcfc;
 }
 
-.items-stretch {
-  align-items: stretch;
+.text-white {
+  color: #ffffff;
 }
 
-.self-auto {
-  align-self: auto;
+.text-red-darkest {
+  color: #420806;
 }
 
-.self-start {
-  align-self: flex-start;
+.text-red-darker {
+  color: #6a1b19;
 }
 
-.self-end {
-  align-self: flex-end;
+.text-red-dark {
+  color: #cc1f1a;
 }
 
-.self-center {
-  align-self: center;
+.text-red {
+  color: #e3342f;
 }
 
-.self-stretch {
-  align-self: stretch;
+.text-red-light {
+  color: #ef5753;
 }
 
-.justify-start {
-  justify-content: flex-start;
+.text-red-lighter {
+  color: #f9acaa;
 }
 
-.justify-end {
-  justify-content: flex-end;
+.text-red-lightest {
+  color: #fcebea;
 }
 
-.justify-center {
-  justify-content: center;
+.text-orange-darkest {
+  color: #542605;
 }
 
-.justify-between {
-  justify-content: space-between;
+.text-orange-darker {
+  color: #7f4012;
 }
 
-.justify-around {
-  justify-content: space-around;
+.text-orange-dark {
+  color: #de751f;
 }
 
-.content-center {
-  align-content: center;
+.text-orange {
+  color: #f6993f;
 }
 
-.content-start {
-  align-content: flex-start;
+.text-orange-light {
+  color: #faad63;
 }
 
-.content-end {
-  align-content: flex-end;
+.text-orange-lighter {
+  color: #fcd9b6;
 }
 
-.content-between {
-  align-content: space-between;
+.text-orange-lightest {
+  color: #fff5eb;
 }
 
-.content-around {
-  align-content: space-around;
+.text-yellow-darkest {
+  color: #453411;
 }
 
-.flex-1 {
-  flex: 1;
+.text-yellow-darker {
+  color: #684f1d;
 }
 
-.flex-auto {
-  flex: auto;
+.text-yellow-dark {
+  color: #f2d024;
 }
 
-.flex-initial {
-  flex: initial;
+.text-yellow {
+  color: #ffed4a;
 }
 
-.flex-none {
-  flex: none;
+.text-yellow-light {
+  color: #fff382;
 }
 
-.flex-grow {
-  flex-grow: 1;
+.text-yellow-lighter {
+  color: #fff9c2;
 }
 
-.flex-shrink {
-  flex-shrink: 1;
+.text-yellow-lightest {
+  color: #fcfbeb;
 }
 
-.flex-no-grow {
-  flex-grow: 0;
+.text-green-darkest {
+  color: #032d19;
 }
 
-.flex-no-shrink {
-  flex-shrink: 0;
+.text-green-darker {
+  color: #0b4228;
 }
 
-.float-right {
-  float: right;
+.text-green-dark {
+  color: #1f9d55;
 }
 
-.float-left {
-  float: left;
+.text-green {
+  color: #38c172;
 }
 
-.float-none {
-  float: none;
+.text-green-light {
+  color: #51d88a;
 }
 
-.clearfix:after {
-  content: "";
-  display: table;
-  clear: both;
+.text-green-lighter {
+  color: #a2f5bf;
+}
+
+.text-green-lightest {
+  color: #e3fcec;
+}
+
+.text-teal-darkest {
+  color: #0d3331;
+}
+
+.text-teal-darker {
+  color: #174e4b;
+}
+
+.text-teal-dark {
+  color: #38a89d;
+}
+
+.text-teal {
+  color: #4dc0b5;
+}
+
+.text-teal-light {
+  color: #64d5ca;
+}
+
+.text-teal-lighter {
+  color: #a0f0ed;
+}
+
+.text-teal-lightest {
+  color: #e8fffe;
+}
+
+.text-blue-darkest {
+  color: #05233b;
+}
+
+.text-blue-darker {
+  color: #103d60;
+}
+
+.text-blue-dark {
+  color: #2779bd;
+}
+
+.text-blue {
+  color: #3490dc;
+}
+
+.text-blue-light {
+  color: #6cb2eb;
+}
+
+.text-blue-lighter {
+  color: #bcdefa;
+}
+
+.text-blue-lightest {
+  color: #eff8ff;
+}
+
+.text-indigo-darkest {
+  color: #191e38;
+}
+
+.text-indigo-darker {
+  color: #2f365f;
+}
+
+.text-indigo-dark {
+  color: #5661b3;
+}
+
+.text-indigo {
+  color: #6574cd;
+}
+
+.text-indigo-light {
+  color: #7886d7;
+}
+
+.text-indigo-lighter {
+  color: #b2b7ff;
+}
+
+.text-indigo-lightest {
+  color: #e6e8ff;
+}
+
+.text-purple-darkest {
+  color: #1f133f;
+}
+
+.text-purple-darker {
+  color: #352465;
+}
+
+.text-purple-dark {
+  color: #794acf;
+}
+
+.text-purple {
+  color: #9561e2;
+}
+
+.text-purple-light {
+  color: #a779e9;
+}
+
+.text-purple-lighter {
+  color: #d6bbfc;
+}
+
+.text-purple-lightest {
+  color: #f3ebff;
+}
+
+.text-pink-darkest {
+  color: #45051e;
+}
+
+.text-pink-darker {
+  color: #72173a;
+}
+
+.text-pink-dark {
+  color: #eb5286;
+}
+
+.text-pink {
+  color: #f66d9b;
+}
+
+.text-pink-light {
+  color: #fa7ea8;
+}
+
+.text-pink-lighter {
+  color: #ffbbca;
+}
+
+.text-pink-lightest {
+  color: #ffebef;
+}
+
+.hover\:text-transparent:hover {
+  color: transparent;
+}
+
+.hover\:text-black:hover {
+  color: #222b2f;
+}
+
+.hover\:text-grey-darkest:hover {
+  color: #364349;
+}
+
+.hover\:text-grey-darker:hover {
+  color: #596a73;
+}
+
+.hover\:text-grey-dark:hover {
+  color: #70818a;
+}
+
+.hover\:text-grey:hover {
+  color: #9babb4;
+}
+
+.hover\:text-grey-light:hover {
+  color: #dae4e9;
+}
+
+.hover\:text-grey-lighter:hover {
+  color: #f3f7f9;
+}
+
+.hover\:text-grey-lightest:hover {
+  color: #fafcfc;
+}
+
+.hover\:text-white:hover {
+  color: #ffffff;
+}
+
+.hover\:text-red-darkest:hover {
+  color: #420806;
+}
+
+.hover\:text-red-darker:hover {
+  color: #6a1b19;
+}
+
+.hover\:text-red-dark:hover {
+  color: #cc1f1a;
+}
+
+.hover\:text-red:hover {
+  color: #e3342f;
+}
+
+.hover\:text-red-light:hover {
+  color: #ef5753;
+}
+
+.hover\:text-red-lighter:hover {
+  color: #f9acaa;
+}
+
+.hover\:text-red-lightest:hover {
+  color: #fcebea;
+}
+
+.hover\:text-orange-darkest:hover {
+  color: #542605;
+}
+
+.hover\:text-orange-darker:hover {
+  color: #7f4012;
+}
+
+.hover\:text-orange-dark:hover {
+  color: #de751f;
+}
+
+.hover\:text-orange:hover {
+  color: #f6993f;
+}
+
+.hover\:text-orange-light:hover {
+  color: #faad63;
+}
+
+.hover\:text-orange-lighter:hover {
+  color: #fcd9b6;
+}
+
+.hover\:text-orange-lightest:hover {
+  color: #fff5eb;
+}
+
+.hover\:text-yellow-darkest:hover {
+  color: #453411;
+}
+
+.hover\:text-yellow-darker:hover {
+  color: #684f1d;
+}
+
+.hover\:text-yellow-dark:hover {
+  color: #f2d024;
+}
+
+.hover\:text-yellow:hover {
+  color: #ffed4a;
+}
+
+.hover\:text-yellow-light:hover {
+  color: #fff382;
+}
+
+.hover\:text-yellow-lighter:hover {
+  color: #fff9c2;
+}
+
+.hover\:text-yellow-lightest:hover {
+  color: #fcfbeb;
+}
+
+.hover\:text-green-darkest:hover {
+  color: #032d19;
+}
+
+.hover\:text-green-darker:hover {
+  color: #0b4228;
+}
+
+.hover\:text-green-dark:hover {
+  color: #1f9d55;
+}
+
+.hover\:text-green:hover {
+  color: #38c172;
+}
+
+.hover\:text-green-light:hover {
+  color: #51d88a;
+}
+
+.hover\:text-green-lighter:hover {
+  color: #a2f5bf;
+}
+
+.hover\:text-green-lightest:hover {
+  color: #e3fcec;
+}
+
+.hover\:text-teal-darkest:hover {
+  color: #0d3331;
+}
+
+.hover\:text-teal-darker:hover {
+  color: #174e4b;
+}
+
+.hover\:text-teal-dark:hover {
+  color: #38a89d;
+}
+
+.hover\:text-teal:hover {
+  color: #4dc0b5;
+}
+
+.hover\:text-teal-light:hover {
+  color: #64d5ca;
+}
+
+.hover\:text-teal-lighter:hover {
+  color: #a0f0ed;
+}
+
+.hover\:text-teal-lightest:hover {
+  color: #e8fffe;
+}
+
+.hover\:text-blue-darkest:hover {
+  color: #05233b;
+}
+
+.hover\:text-blue-darker:hover {
+  color: #103d60;
+}
+
+.hover\:text-blue-dark:hover {
+  color: #2779bd;
+}
+
+.hover\:text-blue:hover {
+  color: #3490dc;
+}
+
+.hover\:text-blue-light:hover {
+  color: #6cb2eb;
+}
+
+.hover\:text-blue-lighter:hover {
+  color: #bcdefa;
+}
+
+.hover\:text-blue-lightest:hover {
+  color: #eff8ff;
+}
+
+.hover\:text-indigo-darkest:hover {
+  color: #191e38;
+}
+
+.hover\:text-indigo-darker:hover {
+  color: #2f365f;
+}
+
+.hover\:text-indigo-dark:hover {
+  color: #5661b3;
+}
+
+.hover\:text-indigo:hover {
+  color: #6574cd;
+}
+
+.hover\:text-indigo-light:hover {
+  color: #7886d7;
+}
+
+.hover\:text-indigo-lighter:hover {
+  color: #b2b7ff;
+}
+
+.hover\:text-indigo-lightest:hover {
+  color: #e6e8ff;
+}
+
+.hover\:text-purple-darkest:hover {
+  color: #1f133f;
+}
+
+.hover\:text-purple-darker:hover {
+  color: #352465;
+}
+
+.hover\:text-purple-dark:hover {
+  color: #794acf;
+}
+
+.hover\:text-purple:hover {
+  color: #9561e2;
+}
+
+.hover\:text-purple-light:hover {
+  color: #a779e9;
+}
+
+.hover\:text-purple-lighter:hover {
+  color: #d6bbfc;
+}
+
+.hover\:text-purple-lightest:hover {
+  color: #f3ebff;
+}
+
+.hover\:text-pink-darkest:hover {
+  color: #45051e;
+}
+
+.hover\:text-pink-darker:hover {
+  color: #72173a;
+}
+
+.hover\:text-pink-dark:hover {
+  color: #eb5286;
+}
+
+.hover\:text-pink:hover {
+  color: #f66d9b;
+}
+
+.hover\:text-pink-light:hover {
+  color: #fa7ea8;
+}
+
+.hover\:text-pink-lighter:hover {
+  color: #ffbbca;
+}
+
+.hover\:text-pink-lightest:hover {
+  color: #ffebef;
+}
+
+.text-xs {
+  font-size: .75rem;
+}
+
+.text-sm {
+  font-size: .875rem;
+}
+
+.text-base {
+  font-size: 1rem;
+}
+
+.text-lg {
+  font-size: 1.125rem;
+}
+
+.text-xl {
+  font-size: 1.25rem;
+}
+
+.text-2xl {
+  font-size: 1.5rem;
+}
+
+.text-3xl {
+  font-size: 1.875rem;
+}
+
+.text-4xl {
+  font-size: 2.25rem;
+}
+
+.text-5xl {
+  font-size: 3rem;
+}
+
+.italic {
+  font-style: italic;
+}
+
+.roman {
+  font-style: normal;
+}
+
+.uppercase {
+  text-transform: uppercase;
+}
+
+.lowercase {
+  text-transform: lowercase;
+}
+
+.capitalize {
+  text-transform: capitalize;
+}
+
+.normal-case {
+  text-transform: none;
+}
+
+.underline {
+  text-decoration: underline;
+}
+
+.line-through {
+  text-decoration: line-through;
+}
+
+.no-underline {
+  text-decoration: none;
+}
+
+.antialiased {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.subpixel-antialiased {
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+}
+
+.hover\:italic:hover {
+  font-style: italic;
+}
+
+.hover\:roman:hover {
+  font-style: normal;
+}
+
+.hover\:uppercase:hover {
+  text-transform: uppercase;
+}
+
+.hover\:lowercase:hover {
+  text-transform: lowercase;
+}
+
+.hover\:capitalize:hover {
+  text-transform: capitalize;
+}
+
+.hover\:normal-case:hover {
+  text-transform: none;
+}
+
+.hover\:underline:hover {
+  text-decoration: underline;
+}
+
+.hover\:line-through:hover {
+  text-decoration: line-through;
+}
+
+.hover\:no-underline:hover {
+  text-decoration: none;
+}
+
+.hover\:antialiased:hover {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.hover\:subpixel-antialiased:hover {
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+}
+
+.tracking-tight {
+  letter-spacing: -0.05em;
+}
+
+.tracking-normal {
+  letter-spacing: 0;
+}
+
+.tracking-wide {
+  letter-spacing: 0.05em;
+}
+
+.select-none {
+  user-select: none;
+}
+
+.select-text {
+  user-select: text;
+}
+
+.align-baseline {
+  vertical-align: baseline;
+}
+
+.align-top {
+  vertical-align: top;
+}
+
+.align-middle {
+  vertical-align: middle;
+}
+
+.align-bottom {
+  vertical-align: bottom;
+}
+
+.align-text-top {
+  vertical-align: text-top;
+}
+
+.align-text-bottom {
+  vertical-align: text-bottom;
 }
 
 .visible {
@@ -4342,6 +4260,152 @@ button,
   visibility: hidden;
 }
 
+.whitespace-normal {
+  white-space: normal;
+}
+
+.whitespace-no-wrap {
+  white-space: nowrap;
+}
+
+.whitespace-pre {
+  white-space: pre;
+}
+
+.whitespace-pre-line {
+  white-space: pre-line;
+}
+
+.whitespace-pre-wrap {
+  white-space: pre-wrap;
+}
+
+.break-words {
+  word-wrap: break-word;
+}
+
+.break-normal {
+  word-wrap: normal;
+}
+
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.w-1 {
+  width: 0.25rem;
+}
+
+.w-2 {
+  width: 0.5rem;
+}
+
+.w-3 {
+  width: 0.75rem;
+}
+
+.w-4 {
+  width: 1rem;
+}
+
+.w-6 {
+  width: 1.5rem;
+}
+
+.w-8 {
+  width: 2rem;
+}
+
+.w-10 {
+  width: 2.5rem;
+}
+
+.w-12 {
+  width: 3rem;
+}
+
+.w-16 {
+  width: 4rem;
+}
+
+.w-24 {
+  width: 6rem;
+}
+
+.w-32 {
+  width: 8rem;
+}
+
+.w-48 {
+  width: 12rem;
+}
+
+.w-64 {
+  width: 16rem;
+}
+
+.w-auto {
+  width: auto;
+}
+
+.w-px {
+  width: 1px;
+}
+
+.w-1\/2 {
+  width: 50%;
+}
+
+.w-1\/3 {
+  width: 33.33333%;
+}
+
+.w-2\/3 {
+  width: 66.66667%;
+}
+
+.w-1\/4 {
+  width: 25%;
+}
+
+.w-3\/4 {
+  width: 75%;
+}
+
+.w-1\/5 {
+  width: 20%;
+}
+
+.w-2\/5 {
+  width: 40%;
+}
+
+.w-3\/5 {
+  width: 60%;
+}
+
+.w-4\/5 {
+  width: 80%;
+}
+
+.w-1\/6 {
+  width: 16.66667%;
+}
+
+.w-5\/6 {
+  width: 83.33333%;
+}
+
+.w-full {
+  width: 100%;
+}
+
+.w-screen {
+  width: 100vw;
+}
+
 .z-0 {
   z-index: 0;
 }
@@ -4370,70 +4434,6 @@ button,
   z-index: auto;
 }
 
-.opacity-0 {
-  opacity: 0;
-}
-
-.opacity-25 {
-  opacity: .25;
-}
-
-.opacity-50 {
-  opacity: .5;
-}
-
-.opacity-75 {
-  opacity: .75;
-}
-
-.opacity-100 {
-  opacity: 1;
-}
-
-.select-none {
-  user-select: none;
-}
-
-.select-text {
-  user-select: text;
-}
-
-.pointer-events-none {
-  pointer-events: none;
-}
-
-.pointer-events-auto {
-  pointer-events: auto;
-}
-
-.resize-none {
-  resize: none;
-}
-
-.resize-y {
-  resize: vertical;
-}
-
-.resize-x {
-  resize: horizontal;
-}
-
-.cursor-auto {
-  cursor: auto;
-}
-
-.cursor-default {
-  cursor: default;
-}
-
-.cursor-pointer {
-  cursor: pointer;
-}
-
-.cursor-not-allowed {
-  cursor: not-allowed;
-}
-
 .example {
   font-weight: 700;
   color: #e3342f;
@@ -4450,904 +4450,6 @@ button,
     appearance: none;
   }
 
-  .sm\:text-xs {
-    font-size: .75rem;
-  }
-
-  .sm\:text-sm {
-    font-size: .875rem;
-  }
-
-  .sm\:text-base {
-    font-size: 1rem;
-  }
-
-  .sm\:text-lg {
-    font-size: 1.125rem;
-  }
-
-  .sm\:text-xl {
-    font-size: 1.25rem;
-  }
-
-  .sm\:text-2xl {
-    font-size: 1.5rem;
-  }
-
-  .sm\:text-3xl {
-    font-size: 1.875rem;
-  }
-
-  .sm\:text-4xl {
-    font-size: 2.25rem;
-  }
-
-  .sm\:text-5xl {
-    font-size: 3rem;
-  }
-
-  .sm\:font-hairline {
-    font-weight: 100;
-  }
-
-  .sm\:font-thin {
-    font-weight: 200;
-  }
-
-  .sm\:font-light {
-    font-weight: 300;
-  }
-
-  .sm\:font-normal {
-    font-weight: 400;
-  }
-
-  .sm\:font-medium {
-    font-weight: 500;
-  }
-
-  .sm\:font-semibold {
-    font-weight: 600;
-  }
-
-  .sm\:font-bold {
-    font-weight: 700;
-  }
-
-  .sm\:font-extrabold {
-    font-weight: 800;
-  }
-
-  .sm\:font-black {
-    font-weight: 900;
-  }
-
-  .sm\:hover\:font-hairline:hover {
-    font-weight: 100;
-  }
-
-  .sm\:hover\:font-thin:hover {
-    font-weight: 200;
-  }
-
-  .sm\:hover\:font-light:hover {
-    font-weight: 300;
-  }
-
-  .sm\:hover\:font-normal:hover {
-    font-weight: 400;
-  }
-
-  .sm\:hover\:font-medium:hover {
-    font-weight: 500;
-  }
-
-  .sm\:hover\:font-semibold:hover {
-    font-weight: 600;
-  }
-
-  .sm\:hover\:font-bold:hover {
-    font-weight: 700;
-  }
-
-  .sm\:hover\:font-extrabold:hover {
-    font-weight: 800;
-  }
-
-  .sm\:hover\:font-black:hover {
-    font-weight: 900;
-  }
-
-  .sm\:font-sans {
-    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
-  }
-
-  .sm\:font-serif {
-    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
-  }
-
-  .sm\:font-mono {
-    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
-  }
-
-  .sm\:text-transparent {
-    color: transparent;
-  }
-
-  .sm\:text-black {
-    color: #222b2f;
-  }
-
-  .sm\:text-grey-darkest {
-    color: #364349;
-  }
-
-  .sm\:text-grey-darker {
-    color: #596a73;
-  }
-
-  .sm\:text-grey-dark {
-    color: #70818a;
-  }
-
-  .sm\:text-grey {
-    color: #9babb4;
-  }
-
-  .sm\:text-grey-light {
-    color: #dae4e9;
-  }
-
-  .sm\:text-grey-lighter {
-    color: #f3f7f9;
-  }
-
-  .sm\:text-grey-lightest {
-    color: #fafcfc;
-  }
-
-  .sm\:text-white {
-    color: #ffffff;
-  }
-
-  .sm\:text-red-darkest {
-    color: #420806;
-  }
-
-  .sm\:text-red-darker {
-    color: #6a1b19;
-  }
-
-  .sm\:text-red-dark {
-    color: #cc1f1a;
-  }
-
-  .sm\:text-red {
-    color: #e3342f;
-  }
-
-  .sm\:text-red-light {
-    color: #ef5753;
-  }
-
-  .sm\:text-red-lighter {
-    color: #f9acaa;
-  }
-
-  .sm\:text-red-lightest {
-    color: #fcebea;
-  }
-
-  .sm\:text-orange-darkest {
-    color: #542605;
-  }
-
-  .sm\:text-orange-darker {
-    color: #7f4012;
-  }
-
-  .sm\:text-orange-dark {
-    color: #de751f;
-  }
-
-  .sm\:text-orange {
-    color: #f6993f;
-  }
-
-  .sm\:text-orange-light {
-    color: #faad63;
-  }
-
-  .sm\:text-orange-lighter {
-    color: #fcd9b6;
-  }
-
-  .sm\:text-orange-lightest {
-    color: #fff5eb;
-  }
-
-  .sm\:text-yellow-darkest {
-    color: #453411;
-  }
-
-  .sm\:text-yellow-darker {
-    color: #684f1d;
-  }
-
-  .sm\:text-yellow-dark {
-    color: #f2d024;
-  }
-
-  .sm\:text-yellow {
-    color: #ffed4a;
-  }
-
-  .sm\:text-yellow-light {
-    color: #fff382;
-  }
-
-  .sm\:text-yellow-lighter {
-    color: #fff9c2;
-  }
-
-  .sm\:text-yellow-lightest {
-    color: #fcfbeb;
-  }
-
-  .sm\:text-green-darkest {
-    color: #032d19;
-  }
-
-  .sm\:text-green-darker {
-    color: #0b4228;
-  }
-
-  .sm\:text-green-dark {
-    color: #1f9d55;
-  }
-
-  .sm\:text-green {
-    color: #38c172;
-  }
-
-  .sm\:text-green-light {
-    color: #51d88a;
-  }
-
-  .sm\:text-green-lighter {
-    color: #a2f5bf;
-  }
-
-  .sm\:text-green-lightest {
-    color: #e3fcec;
-  }
-
-  .sm\:text-teal-darkest {
-    color: #0d3331;
-  }
-
-  .sm\:text-teal-darker {
-    color: #174e4b;
-  }
-
-  .sm\:text-teal-dark {
-    color: #38a89d;
-  }
-
-  .sm\:text-teal {
-    color: #4dc0b5;
-  }
-
-  .sm\:text-teal-light {
-    color: #64d5ca;
-  }
-
-  .sm\:text-teal-lighter {
-    color: #a0f0ed;
-  }
-
-  .sm\:text-teal-lightest {
-    color: #e8fffe;
-  }
-
-  .sm\:text-blue-darkest {
-    color: #05233b;
-  }
-
-  .sm\:text-blue-darker {
-    color: #103d60;
-  }
-
-  .sm\:text-blue-dark {
-    color: #2779bd;
-  }
-
-  .sm\:text-blue {
-    color: #3490dc;
-  }
-
-  .sm\:text-blue-light {
-    color: #6cb2eb;
-  }
-
-  .sm\:text-blue-lighter {
-    color: #bcdefa;
-  }
-
-  .sm\:text-blue-lightest {
-    color: #eff8ff;
-  }
-
-  .sm\:text-indigo-darkest {
-    color: #191e38;
-  }
-
-  .sm\:text-indigo-darker {
-    color: #2f365f;
-  }
-
-  .sm\:text-indigo-dark {
-    color: #5661b3;
-  }
-
-  .sm\:text-indigo {
-    color: #6574cd;
-  }
-
-  .sm\:text-indigo-light {
-    color: #7886d7;
-  }
-
-  .sm\:text-indigo-lighter {
-    color: #b2b7ff;
-  }
-
-  .sm\:text-indigo-lightest {
-    color: #e6e8ff;
-  }
-
-  .sm\:text-purple-darkest {
-    color: #1f133f;
-  }
-
-  .sm\:text-purple-darker {
-    color: #352465;
-  }
-
-  .sm\:text-purple-dark {
-    color: #794acf;
-  }
-
-  .sm\:text-purple {
-    color: #9561e2;
-  }
-
-  .sm\:text-purple-light {
-    color: #a779e9;
-  }
-
-  .sm\:text-purple-lighter {
-    color: #d6bbfc;
-  }
-
-  .sm\:text-purple-lightest {
-    color: #f3ebff;
-  }
-
-  .sm\:text-pink-darkest {
-    color: #45051e;
-  }
-
-  .sm\:text-pink-darker {
-    color: #72173a;
-  }
-
-  .sm\:text-pink-dark {
-    color: #eb5286;
-  }
-
-  .sm\:text-pink {
-    color: #f66d9b;
-  }
-
-  .sm\:text-pink-light {
-    color: #fa7ea8;
-  }
-
-  .sm\:text-pink-lighter {
-    color: #ffbbca;
-  }
-
-  .sm\:text-pink-lightest {
-    color: #ffebef;
-  }
-
-  .sm\:hover\:text-transparent:hover {
-    color: transparent;
-  }
-
-  .sm\:hover\:text-black:hover {
-    color: #222b2f;
-  }
-
-  .sm\:hover\:text-grey-darkest:hover {
-    color: #364349;
-  }
-
-  .sm\:hover\:text-grey-darker:hover {
-    color: #596a73;
-  }
-
-  .sm\:hover\:text-grey-dark:hover {
-    color: #70818a;
-  }
-
-  .sm\:hover\:text-grey:hover {
-    color: #9babb4;
-  }
-
-  .sm\:hover\:text-grey-light:hover {
-    color: #dae4e9;
-  }
-
-  .sm\:hover\:text-grey-lighter:hover {
-    color: #f3f7f9;
-  }
-
-  .sm\:hover\:text-grey-lightest:hover {
-    color: #fafcfc;
-  }
-
-  .sm\:hover\:text-white:hover {
-    color: #ffffff;
-  }
-
-  .sm\:hover\:text-red-darkest:hover {
-    color: #420806;
-  }
-
-  .sm\:hover\:text-red-darker:hover {
-    color: #6a1b19;
-  }
-
-  .sm\:hover\:text-red-dark:hover {
-    color: #cc1f1a;
-  }
-
-  .sm\:hover\:text-red:hover {
-    color: #e3342f;
-  }
-
-  .sm\:hover\:text-red-light:hover {
-    color: #ef5753;
-  }
-
-  .sm\:hover\:text-red-lighter:hover {
-    color: #f9acaa;
-  }
-
-  .sm\:hover\:text-red-lightest:hover {
-    color: #fcebea;
-  }
-
-  .sm\:hover\:text-orange-darkest:hover {
-    color: #542605;
-  }
-
-  .sm\:hover\:text-orange-darker:hover {
-    color: #7f4012;
-  }
-
-  .sm\:hover\:text-orange-dark:hover {
-    color: #de751f;
-  }
-
-  .sm\:hover\:text-orange:hover {
-    color: #f6993f;
-  }
-
-  .sm\:hover\:text-orange-light:hover {
-    color: #faad63;
-  }
-
-  .sm\:hover\:text-orange-lighter:hover {
-    color: #fcd9b6;
-  }
-
-  .sm\:hover\:text-orange-lightest:hover {
-    color: #fff5eb;
-  }
-
-  .sm\:hover\:text-yellow-darkest:hover {
-    color: #453411;
-  }
-
-  .sm\:hover\:text-yellow-darker:hover {
-    color: #684f1d;
-  }
-
-  .sm\:hover\:text-yellow-dark:hover {
-    color: #f2d024;
-  }
-
-  .sm\:hover\:text-yellow:hover {
-    color: #ffed4a;
-  }
-
-  .sm\:hover\:text-yellow-light:hover {
-    color: #fff382;
-  }
-
-  .sm\:hover\:text-yellow-lighter:hover {
-    color: #fff9c2;
-  }
-
-  .sm\:hover\:text-yellow-lightest:hover {
-    color: #fcfbeb;
-  }
-
-  .sm\:hover\:text-green-darkest:hover {
-    color: #032d19;
-  }
-
-  .sm\:hover\:text-green-darker:hover {
-    color: #0b4228;
-  }
-
-  .sm\:hover\:text-green-dark:hover {
-    color: #1f9d55;
-  }
-
-  .sm\:hover\:text-green:hover {
-    color: #38c172;
-  }
-
-  .sm\:hover\:text-green-light:hover {
-    color: #51d88a;
-  }
-
-  .sm\:hover\:text-green-lighter:hover {
-    color: #a2f5bf;
-  }
-
-  .sm\:hover\:text-green-lightest:hover {
-    color: #e3fcec;
-  }
-
-  .sm\:hover\:text-teal-darkest:hover {
-    color: #0d3331;
-  }
-
-  .sm\:hover\:text-teal-darker:hover {
-    color: #174e4b;
-  }
-
-  .sm\:hover\:text-teal-dark:hover {
-    color: #38a89d;
-  }
-
-  .sm\:hover\:text-teal:hover {
-    color: #4dc0b5;
-  }
-
-  .sm\:hover\:text-teal-light:hover {
-    color: #64d5ca;
-  }
-
-  .sm\:hover\:text-teal-lighter:hover {
-    color: #a0f0ed;
-  }
-
-  .sm\:hover\:text-teal-lightest:hover {
-    color: #e8fffe;
-  }
-
-  .sm\:hover\:text-blue-darkest:hover {
-    color: #05233b;
-  }
-
-  .sm\:hover\:text-blue-darker:hover {
-    color: #103d60;
-  }
-
-  .sm\:hover\:text-blue-dark:hover {
-    color: #2779bd;
-  }
-
-  .sm\:hover\:text-blue:hover {
-    color: #3490dc;
-  }
-
-  .sm\:hover\:text-blue-light:hover {
-    color: #6cb2eb;
-  }
-
-  .sm\:hover\:text-blue-lighter:hover {
-    color: #bcdefa;
-  }
-
-  .sm\:hover\:text-blue-lightest:hover {
-    color: #eff8ff;
-  }
-
-  .sm\:hover\:text-indigo-darkest:hover {
-    color: #191e38;
-  }
-
-  .sm\:hover\:text-indigo-darker:hover {
-    color: #2f365f;
-  }
-
-  .sm\:hover\:text-indigo-dark:hover {
-    color: #5661b3;
-  }
-
-  .sm\:hover\:text-indigo:hover {
-    color: #6574cd;
-  }
-
-  .sm\:hover\:text-indigo-light:hover {
-    color: #7886d7;
-  }
-
-  .sm\:hover\:text-indigo-lighter:hover {
-    color: #b2b7ff;
-  }
-
-  .sm\:hover\:text-indigo-lightest:hover {
-    color: #e6e8ff;
-  }
-
-  .sm\:hover\:text-purple-darkest:hover {
-    color: #1f133f;
-  }
-
-  .sm\:hover\:text-purple-darker:hover {
-    color: #352465;
-  }
-
-  .sm\:hover\:text-purple-dark:hover {
-    color: #794acf;
-  }
-
-  .sm\:hover\:text-purple:hover {
-    color: #9561e2;
-  }
-
-  .sm\:hover\:text-purple-light:hover {
-    color: #a779e9;
-  }
-
-  .sm\:hover\:text-purple-lighter:hover {
-    color: #d6bbfc;
-  }
-
-  .sm\:hover\:text-purple-lightest:hover {
-    color: #f3ebff;
-  }
-
-  .sm\:hover\:text-pink-darkest:hover {
-    color: #45051e;
-  }
-
-  .sm\:hover\:text-pink-darker:hover {
-    color: #72173a;
-  }
-
-  .sm\:hover\:text-pink-dark:hover {
-    color: #eb5286;
-  }
-
-  .sm\:hover\:text-pink:hover {
-    color: #f66d9b;
-  }
-
-  .sm\:hover\:text-pink-light:hover {
-    color: #fa7ea8;
-  }
-
-  .sm\:hover\:text-pink-lighter:hover {
-    color: #ffbbca;
-  }
-
-  .sm\:hover\:text-pink-lightest:hover {
-    color: #ffebef;
-  }
-
-  .sm\:leading-none {
-    line-height: 1;
-  }
-
-  .sm\:leading-tight {
-    line-height: 1.25;
-  }
-
-  .sm\:leading-normal {
-    line-height: 1.5;
-  }
-
-  .sm\:leading-loose {
-    line-height: 2;
-  }
-
-  .sm\:tracking-tight {
-    letter-spacing: -0.05em;
-  }
-
-  .sm\:tracking-normal {
-    letter-spacing: 0;
-  }
-
-  .sm\:tracking-wide {
-    letter-spacing: 0.05em;
-  }
-
-  .sm\:text-left {
-    text-align: left;
-  }
-
-  .sm\:text-center {
-    text-align: center;
-  }
-
-  .sm\:text-right {
-    text-align: right;
-  }
-
-  .sm\:text-justify {
-    text-align: justify;
-  }
-
-  .sm\:whitespace-normal {
-    white-space: normal;
-  }
-
-  .sm\:whitespace-no-wrap {
-    white-space: nowrap;
-  }
-
-  .sm\:whitespace-pre {
-    white-space: pre;
-  }
-
-  .sm\:whitespace-pre-line {
-    white-space: pre-line;
-  }
-
-  .sm\:whitespace-pre-wrap {
-    white-space: pre-wrap;
-  }
-
-  .sm\:break-words {
-    word-wrap: break-word;
-  }
-
-  .sm\:break-normal {
-    word-wrap: normal;
-  }
-
-  .sm\:truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .sm\:italic {
-    font-style: italic;
-  }
-
-  .sm\:roman {
-    font-style: normal;
-  }
-
-  .sm\:uppercase {
-    text-transform: uppercase;
-  }
-
-  .sm\:lowercase {
-    text-transform: lowercase;
-  }
-
-  .sm\:capitalize {
-    text-transform: capitalize;
-  }
-
-  .sm\:normal-case {
-    text-transform: none;
-  }
-
-  .sm\:underline {
-    text-decoration: underline;
-  }
-
-  .sm\:line-through {
-    text-decoration: line-through;
-  }
-
-  .sm\:no-underline {
-    text-decoration: none;
-  }
-
-  .sm\:antialiased {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  .sm\:subpixel-antialiased {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto;
-  }
-
-  .sm\:hover\:italic:hover {
-    font-style: italic;
-  }
-
-  .sm\:hover\:roman:hover {
-    font-style: normal;
-  }
-
-  .sm\:hover\:uppercase:hover {
-    text-transform: uppercase;
-  }
-
-  .sm\:hover\:lowercase:hover {
-    text-transform: lowercase;
-  }
-
-  .sm\:hover\:capitalize:hover {
-    text-transform: capitalize;
-  }
-
-  .sm\:hover\:normal-case:hover {
-    text-transform: none;
-  }
-
-  .sm\:hover\:underline:hover {
-    text-decoration: underline;
-  }
-
-  .sm\:hover\:line-through:hover {
-    text-decoration: line-through;
-  }
-
-  .sm\:hover\:no-underline:hover {
-    text-decoration: none;
-  }
-
-  .sm\:hover\:antialiased:hover {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  .sm\:hover\:subpixel-antialiased:hover {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto;
-  }
-
-  .sm\:align-baseline {
-    vertical-align: baseline;
-  }
-
-  .sm\:align-top {
-    vertical-align: top;
-  }
-
-  .sm\:align-middle {
-    vertical-align: middle;
-  }
-
-  .sm\:align-bottom {
-    vertical-align: bottom;
-  }
-
-  .sm\:align-text-top {
-    vertical-align: text-top;
-  }
-
-  .sm\:align-text-bottom {
-    vertical-align: text-bottom;
-  }
-
   .sm\:bg-transparent {
     background-color: transparent;
   }
@@ -5976,106 +5078,6 @@ button,
     background-size: contain;
   }
 
-  .sm\:border-0 {
-    border-width: 0;
-  }
-
-  .sm\:border-2 {
-    border-width: 2px;
-  }
-
-  .sm\:border-4 {
-    border-width: 4px;
-  }
-
-  .sm\:border-8 {
-    border-width: 8px;
-  }
-
-  .sm\:border {
-    border-width: 1px;
-  }
-
-  .sm\:border-t-0 {
-    border-top-width: 0;
-  }
-
-  .sm\:border-r-0 {
-    border-right-width: 0;
-  }
-
-  .sm\:border-b-0 {
-    border-bottom-width: 0;
-  }
-
-  .sm\:border-l-0 {
-    border-left-width: 0;
-  }
-
-  .sm\:border-t-2 {
-    border-top-width: 2px;
-  }
-
-  .sm\:border-r-2 {
-    border-right-width: 2px;
-  }
-
-  .sm\:border-b-2 {
-    border-bottom-width: 2px;
-  }
-
-  .sm\:border-l-2 {
-    border-left-width: 2px;
-  }
-
-  .sm\:border-t-4 {
-    border-top-width: 4px;
-  }
-
-  .sm\:border-r-4 {
-    border-right-width: 4px;
-  }
-
-  .sm\:border-b-4 {
-    border-bottom-width: 4px;
-  }
-
-  .sm\:border-l-4 {
-    border-left-width: 4px;
-  }
-
-  .sm\:border-t-8 {
-    border-top-width: 8px;
-  }
-
-  .sm\:border-r-8 {
-    border-right-width: 8px;
-  }
-
-  .sm\:border-b-8 {
-    border-bottom-width: 8px;
-  }
-
-  .sm\:border-l-8 {
-    border-left-width: 8px;
-  }
-
-  .sm\:border-t {
-    border-top-width: 1px;
-  }
-
-  .sm\:border-r {
-    border-right-width: 1px;
-  }
-
-  .sm\:border-b {
-    border-bottom-width: 1px;
-  }
-
-  .sm\:border-l {
-    border-left-width: 1px;
-  }
-
   .sm\:border-transparent {
     border-color: transparent;
   }
@@ -6660,22 +5662,6 @@ button,
     border-color: #ffebef;
   }
 
-  .sm\:border-solid {
-    border-style: solid;
-  }
-
-  .sm\:border-dashed {
-    border-style: dashed;
-  }
-
-  .sm\:border-dotted {
-    border-style: dotted;
-  }
-
-  .sm\:border-none {
-    border-style: none;
-  }
-
   .sm\:rounded-none {
     border-radius: 0;
   }
@@ -6876,6 +5862,138 @@ button,
     border-bottom-left-radius: 9999px;
   }
 
+  .sm\:border-solid {
+    border-style: solid;
+  }
+
+  .sm\:border-dashed {
+    border-style: dashed;
+  }
+
+  .sm\:border-dotted {
+    border-style: dotted;
+  }
+
+  .sm\:border-none {
+    border-style: none;
+  }
+
+  .sm\:border-0 {
+    border-width: 0;
+  }
+
+  .sm\:border-2 {
+    border-width: 2px;
+  }
+
+  .sm\:border-4 {
+    border-width: 4px;
+  }
+
+  .sm\:border-8 {
+    border-width: 8px;
+  }
+
+  .sm\:border {
+    border-width: 1px;
+  }
+
+  .sm\:border-t-0 {
+    border-top-width: 0;
+  }
+
+  .sm\:border-r-0 {
+    border-right-width: 0;
+  }
+
+  .sm\:border-b-0 {
+    border-bottom-width: 0;
+  }
+
+  .sm\:border-l-0 {
+    border-left-width: 0;
+  }
+
+  .sm\:border-t-2 {
+    border-top-width: 2px;
+  }
+
+  .sm\:border-r-2 {
+    border-right-width: 2px;
+  }
+
+  .sm\:border-b-2 {
+    border-bottom-width: 2px;
+  }
+
+  .sm\:border-l-2 {
+    border-left-width: 2px;
+  }
+
+  .sm\:border-t-4 {
+    border-top-width: 4px;
+  }
+
+  .sm\:border-r-4 {
+    border-right-width: 4px;
+  }
+
+  .sm\:border-b-4 {
+    border-bottom-width: 4px;
+  }
+
+  .sm\:border-l-4 {
+    border-left-width: 4px;
+  }
+
+  .sm\:border-t-8 {
+    border-top-width: 8px;
+  }
+
+  .sm\:border-r-8 {
+    border-right-width: 8px;
+  }
+
+  .sm\:border-b-8 {
+    border-bottom-width: 8px;
+  }
+
+  .sm\:border-l-8 {
+    border-left-width: 8px;
+  }
+
+  .sm\:border-t {
+    border-top-width: 1px;
+  }
+
+  .sm\:border-r {
+    border-right-width: 1px;
+  }
+
+  .sm\:border-b {
+    border-bottom-width: 1px;
+  }
+
+  .sm\:border-l {
+    border-left-width: 1px;
+  }
+
+  .sm\:cursor-auto {
+    cursor: auto;
+  }
+
+  .sm\:cursor-default {
+    cursor: default;
+  }
+
+  .sm\:cursor-pointer {
+    cursor: pointer;
+  }
+
+  .sm\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
   .sm\:block {
     display: block;
   }
@@ -6904,249 +6022,254 @@ button,
     display: none;
   }
 
-  .sm\:static {
-    position: static;
+  .sm\:flex {
+    display: flex;
   }
 
-  .sm\:fixed {
-    position: fixed;
+  .sm\:inline-flex {
+    display: inline-flex;
   }
 
-  .sm\:absolute {
-    position: absolute;
+  .sm\:flex-row {
+    flex-direction: row;
   }
 
-  .sm\:relative {
-    position: relative;
+  .sm\:flex-row-reverse {
+    flex-direction: row-reverse;
   }
 
-  .sm\:pin-t {
-    top: 0;
+  .sm\:flex-col {
+    flex-direction: column;
   }
 
-  .sm\:pin-r {
-    right: 0;
+  .sm\:flex-col-reverse {
+    flex-direction: column-reverse;
   }
 
-  .sm\:pin-b {
-    bottom: 0;
+  .sm\:flex-wrap {
+    flex-wrap: wrap;
   }
 
-  .sm\:pin-l {
-    left: 0;
+  .sm\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
   }
 
-  .sm\:pin-y {
-    top: 0;
-    bottom: 0;
+  .sm\:flex-no-wrap {
+    flex-wrap: nowrap;
   }
 
-  .sm\:pin-x {
-    right: 0;
-    left: 0;
+  .sm\:items-start {
+    align-items: flex-start;
   }
 
-  .sm\:pin {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
+  .sm\:items-end {
+    align-items: flex-end;
   }
 
-  .sm\:overflow-auto {
-    overflow: auto;
+  .sm\:items-center {
+    align-items: center;
   }
 
-  .sm\:overflow-hidden {
-    overflow: hidden;
+  .sm\:items-baseline {
+    align-items: baseline;
   }
 
-  .sm\:overflow-visible {
-    overflow: visible;
+  .sm\:items-stretch {
+    align-items: stretch;
   }
 
-  .sm\:overflow-scroll {
-    overflow: scroll;
+  .sm\:self-auto {
+    align-self: auto;
   }
 
-  .sm\:overflow-x-scroll {
-    overflow-x: auto;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
+  .sm\:self-start {
+    align-self: flex-start;
   }
 
-  .sm\:overflow-y-scroll {
-    overflow-y: auto;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
+  .sm\:self-end {
+    align-self: flex-end;
   }
 
-  .sm\:scrolling-touch {
-    -webkit-overflow-scrolling: touch;
+  .sm\:self-center {
+    align-self: center;
   }
 
-  .sm\:scrolling-auto {
-    -webkit-overflow-scrolling: auto;
+  .sm\:self-stretch {
+    align-self: stretch;
   }
 
-  .sm\:w-1 {
-    width: 0.25rem;
+  .sm\:justify-start {
+    justify-content: flex-start;
   }
 
-  .sm\:w-2 {
-    width: 0.5rem;
+  .sm\:justify-end {
+    justify-content: flex-end;
   }
 
-  .sm\:w-3 {
-    width: 0.75rem;
+  .sm\:justify-center {
+    justify-content: center;
   }
 
-  .sm\:w-4 {
-    width: 1rem;
+  .sm\:justify-between {
+    justify-content: space-between;
   }
 
-  .sm\:w-6 {
-    width: 1.5rem;
+  .sm\:justify-around {
+    justify-content: space-around;
   }
 
-  .sm\:w-8 {
-    width: 2rem;
+  .sm\:content-center {
+    align-content: center;
   }
 
-  .sm\:w-10 {
-    width: 2.5rem;
+  .sm\:content-start {
+    align-content: flex-start;
   }
 
-  .sm\:w-12 {
-    width: 3rem;
+  .sm\:content-end {
+    align-content: flex-end;
   }
 
-  .sm\:w-16 {
-    width: 4rem;
+  .sm\:content-between {
+    align-content: space-between;
   }
 
-  .sm\:w-24 {
-    width: 6rem;
+  .sm\:content-around {
+    align-content: space-around;
   }
 
-  .sm\:w-32 {
-    width: 8rem;
+  .sm\:flex-1 {
+    flex: 1;
   }
 
-  .sm\:w-48 {
-    width: 12rem;
+  .sm\:flex-auto {
+    flex: auto;
   }
 
-  .sm\:w-64 {
-    width: 16rem;
+  .sm\:flex-initial {
+    flex: initial;
   }
 
-  .sm\:w-auto {
-    width: auto;
+  .sm\:flex-none {
+    flex: none;
   }
 
-  .sm\:w-px {
-    width: 1px;
+  .sm\:flex-grow {
+    flex-grow: 1;
   }
 
-  .sm\:w-1\/2 {
-    width: 50%;
+  .sm\:flex-shrink {
+    flex-shrink: 1;
   }
 
-  .sm\:w-1\/3 {
-    width: 33.33333%;
+  .sm\:flex-no-grow {
+    flex-grow: 0;
   }
 
-  .sm\:w-2\/3 {
-    width: 66.66667%;
+  .sm\:flex-no-shrink {
+    flex-shrink: 0;
   }
 
-  .sm\:w-1\/4 {
-    width: 25%;
+  .sm\:float-right {
+    float: right;
   }
 
-  .sm\:w-3\/4 {
-    width: 75%;
+  .sm\:float-left {
+    float: left;
   }
 
-  .sm\:w-1\/5 {
-    width: 20%;
+  .sm\:float-none {
+    float: none;
   }
 
-  .sm\:w-2\/5 {
-    width: 40%;
+  .sm\:clearfix:after {
+    content: "";
+    display: table;
+    clear: both;
   }
 
-  .sm\:w-3\/5 {
-    width: 60%;
+  .sm\:font-sans {
+    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   }
 
-  .sm\:w-4\/5 {
-    width: 80%;
+  .sm\:font-serif {
+    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
   }
 
-  .sm\:w-1\/6 {
-    width: 16.66667%;
+  .sm\:font-mono {
+    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
   }
 
-  .sm\:w-5\/6 {
-    width: 83.33333%;
+  .sm\:font-hairline {
+    font-weight: 100;
   }
 
-  .sm\:w-full {
-    width: 100%;
+  .sm\:font-thin {
+    font-weight: 200;
   }
 
-  .sm\:w-screen {
-    width: 100vw;
+  .sm\:font-light {
+    font-weight: 300;
   }
 
-  .sm\:min-w-0 {
-    min-width: 0;
+  .sm\:font-normal {
+    font-weight: 400;
   }
 
-  .sm\:min-w-full {
-    min-width: 100%;
+  .sm\:font-medium {
+    font-weight: 500;
   }
 
-  .sm\:max-w-xs {
-    max-width: 20rem;
+  .sm\:font-semibold {
+    font-weight: 600;
   }
 
-  .sm\:max-w-sm {
-    max-width: 30rem;
+  .sm\:font-bold {
+    font-weight: 700;
   }
 
-  .sm\:max-w-md {
-    max-width: 40rem;
+  .sm\:font-extrabold {
+    font-weight: 800;
   }
 
-  .sm\:max-w-lg {
-    max-width: 50rem;
+  .sm\:font-black {
+    font-weight: 900;
   }
 
-  .sm\:max-w-xl {
-    max-width: 60rem;
+  .sm\:hover\:font-hairline:hover {
+    font-weight: 100;
   }
 
-  .sm\:max-w-2xl {
-    max-width: 70rem;
+  .sm\:hover\:font-thin:hover {
+    font-weight: 200;
   }
 
-  .sm\:max-w-3xl {
-    max-width: 80rem;
+  .sm\:hover\:font-light:hover {
+    font-weight: 300;
   }
 
-  .sm\:max-w-4xl {
-    max-width: 90rem;
+  .sm\:hover\:font-normal:hover {
+    font-weight: 400;
   }
 
-  .sm\:max-w-5xl {
-    max-width: 100rem;
+  .sm\:hover\:font-medium:hover {
+    font-weight: 500;
   }
 
-  .sm\:max-w-full {
-    max-width: 100%;
+  .sm\:hover\:font-semibold:hover {
+    font-weight: 600;
+  }
+
+  .sm\:hover\:font-bold:hover {
+    font-weight: 700;
+  }
+
+  .sm\:hover\:font-extrabold:hover {
+    font-weight: 800;
+  }
+
+  .sm\:hover\:font-black:hover {
+    font-weight: 900;
   }
 
   .sm\:h-1 {
@@ -7217,264 +6340,20 @@ button,
     height: 100vh;
   }
 
-  .sm\:min-h-0 {
-    min-height: 0;
+  .sm\:leading-none {
+    line-height: 1;
   }
 
-  .sm\:min-h-full {
-    min-height: 100%;
+  .sm\:leading-tight {
+    line-height: 1.25;
   }
 
-  .sm\:min-h-screen {
-    min-height: 100vh;
+  .sm\:leading-normal {
+    line-height: 1.5;
   }
 
-  .sm\:max-h-full {
-    max-height: 100%;
-  }
-
-  .sm\:max-h-screen {
-    max-height: 100vh;
-  }
-
-  .sm\:p-0 {
-    padding: 0;
-  }
-
-  .sm\:p-1 {
-    padding: 0.25rem;
-  }
-
-  .sm\:p-2 {
-    padding: 0.5rem;
-  }
-
-  .sm\:p-3 {
-    padding: 0.75rem;
-  }
-
-  .sm\:p-4 {
-    padding: 1rem;
-  }
-
-  .sm\:p-6 {
-    padding: 1.5rem;
-  }
-
-  .sm\:p-8 {
-    padding: 2rem;
-  }
-
-  .sm\:p-px {
-    padding: 1px;
-  }
-
-  .sm\:py-0 {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-
-  .sm\:px-0 {
-    padding-left: 0;
-    padding-right: 0;
-  }
-
-  .sm\:py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
-
-  .sm\:px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
-  }
-
-  .sm\:py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-  }
-
-  .sm\:px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-  }
-
-  .sm\:py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
-  }
-
-  .sm\:px-3 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-  }
-
-  .sm\:py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-  }
-
-  .sm\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
-  .sm\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
-
-  .sm\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-
-  .sm\:py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-  }
-
-  .sm\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .sm\:py-px {
-    padding-top: 1px;
-    padding-bottom: 1px;
-  }
-
-  .sm\:px-px {
-    padding-left: 1px;
-    padding-right: 1px;
-  }
-
-  .sm\:pt-0 {
-    padding-top: 0;
-  }
-
-  .sm\:pr-0 {
-    padding-right: 0;
-  }
-
-  .sm\:pb-0 {
-    padding-bottom: 0;
-  }
-
-  .sm\:pl-0 {
-    padding-left: 0;
-  }
-
-  .sm\:pt-1 {
-    padding-top: 0.25rem;
-  }
-
-  .sm\:pr-1 {
-    padding-right: 0.25rem;
-  }
-
-  .sm\:pb-1 {
-    padding-bottom: 0.25rem;
-  }
-
-  .sm\:pl-1 {
-    padding-left: 0.25rem;
-  }
-
-  .sm\:pt-2 {
-    padding-top: 0.5rem;
-  }
-
-  .sm\:pr-2 {
-    padding-right: 0.5rem;
-  }
-
-  .sm\:pb-2 {
-    padding-bottom: 0.5rem;
-  }
-
-  .sm\:pl-2 {
-    padding-left: 0.5rem;
-  }
-
-  .sm\:pt-3 {
-    padding-top: 0.75rem;
-  }
-
-  .sm\:pr-3 {
-    padding-right: 0.75rem;
-  }
-
-  .sm\:pb-3 {
-    padding-bottom: 0.75rem;
-  }
-
-  .sm\:pl-3 {
-    padding-left: 0.75rem;
-  }
-
-  .sm\:pt-4 {
-    padding-top: 1rem;
-  }
-
-  .sm\:pr-4 {
-    padding-right: 1rem;
-  }
-
-  .sm\:pb-4 {
-    padding-bottom: 1rem;
-  }
-
-  .sm\:pl-4 {
-    padding-left: 1rem;
-  }
-
-  .sm\:pt-6 {
-    padding-top: 1.5rem;
-  }
-
-  .sm\:pr-6 {
-    padding-right: 1.5rem;
-  }
-
-  .sm\:pb-6 {
-    padding-bottom: 1.5rem;
-  }
-
-  .sm\:pl-6 {
-    padding-left: 1.5rem;
-  }
-
-  .sm\:pt-8 {
-    padding-top: 2rem;
-  }
-
-  .sm\:pr-8 {
-    padding-right: 2rem;
-  }
-
-  .sm\:pb-8 {
-    padding-bottom: 2rem;
-  }
-
-  .sm\:pl-8 {
-    padding-left: 2rem;
-  }
-
-  .sm\:pt-px {
-    padding-top: 1px;
-  }
-
-  .sm\:pr-px {
-    padding-right: 1px;
-  }
-
-  .sm\:pb-px {
-    padding-bottom: 1px;
-  }
-
-  .sm\:pl-px {
-    padding-left: 1px;
+  .sm\:leading-loose {
+    line-height: 2;
   }
 
   .sm\:m-0 {
@@ -7747,6 +6626,74 @@ button,
     margin-left: 1px;
   }
 
+  .sm\:max-h-full {
+    max-height: 100%;
+  }
+
+  .sm\:max-h-screen {
+    max-height: 100vh;
+  }
+
+  .sm\:max-w-xs {
+    max-width: 20rem;
+  }
+
+  .sm\:max-w-sm {
+    max-width: 30rem;
+  }
+
+  .sm\:max-w-md {
+    max-width: 40rem;
+  }
+
+  .sm\:max-w-lg {
+    max-width: 50rem;
+  }
+
+  .sm\:max-w-xl {
+    max-width: 60rem;
+  }
+
+  .sm\:max-w-2xl {
+    max-width: 70rem;
+  }
+
+  .sm\:max-w-3xl {
+    max-width: 80rem;
+  }
+
+  .sm\:max-w-4xl {
+    max-width: 90rem;
+  }
+
+  .sm\:max-w-5xl {
+    max-width: 100rem;
+  }
+
+  .sm\:max-w-full {
+    max-width: 100%;
+  }
+
+  .sm\:min-h-0 {
+    min-height: 0;
+  }
+
+  .sm\:min-h-full {
+    min-height: 100%;
+  }
+
+  .sm\:min-h-screen {
+    min-height: 100vh;
+  }
+
+  .sm\:min-w-0 {
+    min-width: 0;
+  }
+
+  .sm\:min-w-full {
+    min-width: 100%;
+  }
+
   .sm\:-m-0 {
     margin: 0;
   }
@@ -7987,6 +6934,371 @@ button,
     margin-left: -1px;
   }
 
+  .sm\:opacity-0 {
+    opacity: 0;
+  }
+
+  .sm\:opacity-25 {
+    opacity: .25;
+  }
+
+  .sm\:opacity-50 {
+    opacity: .5;
+  }
+
+  .sm\:opacity-75 {
+    opacity: .75;
+  }
+
+  .sm\:opacity-100 {
+    opacity: 1;
+  }
+
+  .sm\:overflow-auto {
+    overflow: auto;
+  }
+
+  .sm\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .sm\:overflow-visible {
+    overflow: visible;
+  }
+
+  .sm\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .sm\:overflow-x-scroll {
+    overflow-x: auto;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+  }
+
+  .sm\:overflow-y-scroll {
+    overflow-y: auto;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+  }
+
+  .sm\:scrolling-touch {
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .sm\:scrolling-auto {
+    -webkit-overflow-scrolling: auto;
+  }
+
+  .sm\:p-0 {
+    padding: 0;
+  }
+
+  .sm\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .sm\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .sm\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .sm\:p-4 {
+    padding: 1rem;
+  }
+
+  .sm\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .sm\:p-8 {
+    padding: 2rem;
+  }
+
+  .sm\:p-px {
+    padding: 1px;
+  }
+
+  .sm\:py-0 {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  .sm\:px-0 {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .sm\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
+  .sm\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+
+  .sm\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .sm\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+
+  .sm\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .sm\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
+  .sm\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
+  .sm\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .sm\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
+  .sm\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .sm\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  .sm\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .sm\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  .sm\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+
+  .sm\:pt-0 {
+    padding-top: 0;
+  }
+
+  .sm\:pr-0 {
+    padding-right: 0;
+  }
+
+  .sm\:pb-0 {
+    padding-bottom: 0;
+  }
+
+  .sm\:pl-0 {
+    padding-left: 0;
+  }
+
+  .sm\:pt-1 {
+    padding-top: 0.25rem;
+  }
+
+  .sm\:pr-1 {
+    padding-right: 0.25rem;
+  }
+
+  .sm\:pb-1 {
+    padding-bottom: 0.25rem;
+  }
+
+  .sm\:pl-1 {
+    padding-left: 0.25rem;
+  }
+
+  .sm\:pt-2 {
+    padding-top: 0.5rem;
+  }
+
+  .sm\:pr-2 {
+    padding-right: 0.5rem;
+  }
+
+  .sm\:pb-2 {
+    padding-bottom: 0.5rem;
+  }
+
+  .sm\:pl-2 {
+    padding-left: 0.5rem;
+  }
+
+  .sm\:pt-3 {
+    padding-top: 0.75rem;
+  }
+
+  .sm\:pr-3 {
+    padding-right: 0.75rem;
+  }
+
+  .sm\:pb-3 {
+    padding-bottom: 0.75rem;
+  }
+
+  .sm\:pl-3 {
+    padding-left: 0.75rem;
+  }
+
+  .sm\:pt-4 {
+    padding-top: 1rem;
+  }
+
+  .sm\:pr-4 {
+    padding-right: 1rem;
+  }
+
+  .sm\:pb-4 {
+    padding-bottom: 1rem;
+  }
+
+  .sm\:pl-4 {
+    padding-left: 1rem;
+  }
+
+  .sm\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .sm\:pr-6 {
+    padding-right: 1.5rem;
+  }
+
+  .sm\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
+  .sm\:pl-6 {
+    padding-left: 1.5rem;
+  }
+
+  .sm\:pt-8 {
+    padding-top: 2rem;
+  }
+
+  .sm\:pr-8 {
+    padding-right: 2rem;
+  }
+
+  .sm\:pb-8 {
+    padding-bottom: 2rem;
+  }
+
+  .sm\:pl-8 {
+    padding-left: 2rem;
+  }
+
+  .sm\:pt-px {
+    padding-top: 1px;
+  }
+
+  .sm\:pr-px {
+    padding-right: 1px;
+  }
+
+  .sm\:pb-px {
+    padding-bottom: 1px;
+  }
+
+  .sm\:pl-px {
+    padding-left: 1px;
+  }
+
+  .sm\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .sm\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
+  .sm\:static {
+    position: static;
+  }
+
+  .sm\:fixed {
+    position: fixed;
+  }
+
+  .sm\:absolute {
+    position: absolute;
+  }
+
+  .sm\:relative {
+    position: relative;
+  }
+
+  .sm\:pin-t {
+    top: 0;
+  }
+
+  .sm\:pin-r {
+    right: 0;
+  }
+
+  .sm\:pin-b {
+    bottom: 0;
+  }
+
+  .sm\:pin-l {
+    left: 0;
+  }
+
+  .sm\:pin-y {
+    top: 0;
+    bottom: 0;
+  }
+
+  .sm\:pin-x {
+    right: 0;
+    left: 0;
+  }
+
+  .sm\:pin {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+  .sm\:resize-none {
+    resize: none;
+  }
+
+  .sm\:resize-y {
+    resize: vertical;
+  }
+
+  .sm\:resize-x {
+    resize: horizontal;
+  }
+
   .sm\:shadow {
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
   }
@@ -8007,170 +7319,776 @@ button,
     box-shadow: none;
   }
 
-  .sm\:flex {
-    display: flex;
+  .sm\:text-left {
+    text-align: left;
   }
 
-  .sm\:inline-flex {
-    display: inline-flex;
+  .sm\:text-center {
+    text-align: center;
   }
 
-  .sm\:flex-row {
-    flex-direction: row;
+  .sm\:text-right {
+    text-align: right;
   }
 
-  .sm\:flex-row-reverse {
-    flex-direction: row-reverse;
+  .sm\:text-justify {
+    text-align: justify;
   }
 
-  .sm\:flex-col {
-    flex-direction: column;
+  .sm\:text-transparent {
+    color: transparent;
   }
 
-  .sm\:flex-col-reverse {
-    flex-direction: column-reverse;
+  .sm\:text-black {
+    color: #222b2f;
   }
 
-  .sm\:flex-wrap {
-    flex-wrap: wrap;
+  .sm\:text-grey-darkest {
+    color: #364349;
   }
 
-  .sm\:flex-wrap-reverse {
-    flex-wrap: wrap-reverse;
+  .sm\:text-grey-darker {
+    color: #596a73;
   }
 
-  .sm\:flex-no-wrap {
-    flex-wrap: nowrap;
+  .sm\:text-grey-dark {
+    color: #70818a;
   }
 
-  .sm\:items-start {
-    align-items: flex-start;
+  .sm\:text-grey {
+    color: #9babb4;
   }
 
-  .sm\:items-end {
-    align-items: flex-end;
+  .sm\:text-grey-light {
+    color: #dae4e9;
   }
 
-  .sm\:items-center {
-    align-items: center;
+  .sm\:text-grey-lighter {
+    color: #f3f7f9;
   }
 
-  .sm\:items-baseline {
-    align-items: baseline;
+  .sm\:text-grey-lightest {
+    color: #fafcfc;
   }
 
-  .sm\:items-stretch {
-    align-items: stretch;
+  .sm\:text-white {
+    color: #ffffff;
   }
 
-  .sm\:self-auto {
-    align-self: auto;
+  .sm\:text-red-darkest {
+    color: #420806;
   }
 
-  .sm\:self-start {
-    align-self: flex-start;
+  .sm\:text-red-darker {
+    color: #6a1b19;
   }
 
-  .sm\:self-end {
-    align-self: flex-end;
+  .sm\:text-red-dark {
+    color: #cc1f1a;
   }
 
-  .sm\:self-center {
-    align-self: center;
+  .sm\:text-red {
+    color: #e3342f;
   }
 
-  .sm\:self-stretch {
-    align-self: stretch;
+  .sm\:text-red-light {
+    color: #ef5753;
   }
 
-  .sm\:justify-start {
-    justify-content: flex-start;
+  .sm\:text-red-lighter {
+    color: #f9acaa;
   }
 
-  .sm\:justify-end {
-    justify-content: flex-end;
+  .sm\:text-red-lightest {
+    color: #fcebea;
   }
 
-  .sm\:justify-center {
-    justify-content: center;
+  .sm\:text-orange-darkest {
+    color: #542605;
   }
 
-  .sm\:justify-between {
-    justify-content: space-between;
+  .sm\:text-orange-darker {
+    color: #7f4012;
   }
 
-  .sm\:justify-around {
-    justify-content: space-around;
+  .sm\:text-orange-dark {
+    color: #de751f;
   }
 
-  .sm\:content-center {
-    align-content: center;
+  .sm\:text-orange {
+    color: #f6993f;
   }
 
-  .sm\:content-start {
-    align-content: flex-start;
+  .sm\:text-orange-light {
+    color: #faad63;
   }
 
-  .sm\:content-end {
-    align-content: flex-end;
+  .sm\:text-orange-lighter {
+    color: #fcd9b6;
   }
 
-  .sm\:content-between {
-    align-content: space-between;
+  .sm\:text-orange-lightest {
+    color: #fff5eb;
   }
 
-  .sm\:content-around {
-    align-content: space-around;
+  .sm\:text-yellow-darkest {
+    color: #453411;
   }
 
-  .sm\:flex-1 {
-    flex: 1;
+  .sm\:text-yellow-darker {
+    color: #684f1d;
   }
 
-  .sm\:flex-auto {
-    flex: auto;
+  .sm\:text-yellow-dark {
+    color: #f2d024;
   }
 
-  .sm\:flex-initial {
-    flex: initial;
+  .sm\:text-yellow {
+    color: #ffed4a;
   }
 
-  .sm\:flex-none {
-    flex: none;
+  .sm\:text-yellow-light {
+    color: #fff382;
   }
 
-  .sm\:flex-grow {
-    flex-grow: 1;
+  .sm\:text-yellow-lighter {
+    color: #fff9c2;
   }
 
-  .sm\:flex-shrink {
-    flex-shrink: 1;
+  .sm\:text-yellow-lightest {
+    color: #fcfbeb;
   }
 
-  .sm\:flex-no-grow {
-    flex-grow: 0;
+  .sm\:text-green-darkest {
+    color: #032d19;
   }
 
-  .sm\:flex-no-shrink {
-    flex-shrink: 0;
+  .sm\:text-green-darker {
+    color: #0b4228;
   }
 
-  .sm\:float-right {
-    float: right;
+  .sm\:text-green-dark {
+    color: #1f9d55;
   }
 
-  .sm\:float-left {
-    float: left;
+  .sm\:text-green {
+    color: #38c172;
   }
 
-  .sm\:float-none {
-    float: none;
+  .sm\:text-green-light {
+    color: #51d88a;
   }
 
-  .sm\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
+  .sm\:text-green-lighter {
+    color: #a2f5bf;
+  }
+
+  .sm\:text-green-lightest {
+    color: #e3fcec;
+  }
+
+  .sm\:text-teal-darkest {
+    color: #0d3331;
+  }
+
+  .sm\:text-teal-darker {
+    color: #174e4b;
+  }
+
+  .sm\:text-teal-dark {
+    color: #38a89d;
+  }
+
+  .sm\:text-teal {
+    color: #4dc0b5;
+  }
+
+  .sm\:text-teal-light {
+    color: #64d5ca;
+  }
+
+  .sm\:text-teal-lighter {
+    color: #a0f0ed;
+  }
+
+  .sm\:text-teal-lightest {
+    color: #e8fffe;
+  }
+
+  .sm\:text-blue-darkest {
+    color: #05233b;
+  }
+
+  .sm\:text-blue-darker {
+    color: #103d60;
+  }
+
+  .sm\:text-blue-dark {
+    color: #2779bd;
+  }
+
+  .sm\:text-blue {
+    color: #3490dc;
+  }
+
+  .sm\:text-blue-light {
+    color: #6cb2eb;
+  }
+
+  .sm\:text-blue-lighter {
+    color: #bcdefa;
+  }
+
+  .sm\:text-blue-lightest {
+    color: #eff8ff;
+  }
+
+  .sm\:text-indigo-darkest {
+    color: #191e38;
+  }
+
+  .sm\:text-indigo-darker {
+    color: #2f365f;
+  }
+
+  .sm\:text-indigo-dark {
+    color: #5661b3;
+  }
+
+  .sm\:text-indigo {
+    color: #6574cd;
+  }
+
+  .sm\:text-indigo-light {
+    color: #7886d7;
+  }
+
+  .sm\:text-indigo-lighter {
+    color: #b2b7ff;
+  }
+
+  .sm\:text-indigo-lightest {
+    color: #e6e8ff;
+  }
+
+  .sm\:text-purple-darkest {
+    color: #1f133f;
+  }
+
+  .sm\:text-purple-darker {
+    color: #352465;
+  }
+
+  .sm\:text-purple-dark {
+    color: #794acf;
+  }
+
+  .sm\:text-purple {
+    color: #9561e2;
+  }
+
+  .sm\:text-purple-light {
+    color: #a779e9;
+  }
+
+  .sm\:text-purple-lighter {
+    color: #d6bbfc;
+  }
+
+  .sm\:text-purple-lightest {
+    color: #f3ebff;
+  }
+
+  .sm\:text-pink-darkest {
+    color: #45051e;
+  }
+
+  .sm\:text-pink-darker {
+    color: #72173a;
+  }
+
+  .sm\:text-pink-dark {
+    color: #eb5286;
+  }
+
+  .sm\:text-pink {
+    color: #f66d9b;
+  }
+
+  .sm\:text-pink-light {
+    color: #fa7ea8;
+  }
+
+  .sm\:text-pink-lighter {
+    color: #ffbbca;
+  }
+
+  .sm\:text-pink-lightest {
+    color: #ffebef;
+  }
+
+  .sm\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  .sm\:hover\:text-black:hover {
+    color: #222b2f;
+  }
+
+  .sm\:hover\:text-grey-darkest:hover {
+    color: #364349;
+  }
+
+  .sm\:hover\:text-grey-darker:hover {
+    color: #596a73;
+  }
+
+  .sm\:hover\:text-grey-dark:hover {
+    color: #70818a;
+  }
+
+  .sm\:hover\:text-grey:hover {
+    color: #9babb4;
+  }
+
+  .sm\:hover\:text-grey-light:hover {
+    color: #dae4e9;
+  }
+
+  .sm\:hover\:text-grey-lighter:hover {
+    color: #f3f7f9;
+  }
+
+  .sm\:hover\:text-grey-lightest:hover {
+    color: #fafcfc;
+  }
+
+  .sm\:hover\:text-white:hover {
+    color: #ffffff;
+  }
+
+  .sm\:hover\:text-red-darkest:hover {
+    color: #420806;
+  }
+
+  .sm\:hover\:text-red-darker:hover {
+    color: #6a1b19;
+  }
+
+  .sm\:hover\:text-red-dark:hover {
+    color: #cc1f1a;
+  }
+
+  .sm\:hover\:text-red:hover {
+    color: #e3342f;
+  }
+
+  .sm\:hover\:text-red-light:hover {
+    color: #ef5753;
+  }
+
+  .sm\:hover\:text-red-lighter:hover {
+    color: #f9acaa;
+  }
+
+  .sm\:hover\:text-red-lightest:hover {
+    color: #fcebea;
+  }
+
+  .sm\:hover\:text-orange-darkest:hover {
+    color: #542605;
+  }
+
+  .sm\:hover\:text-orange-darker:hover {
+    color: #7f4012;
+  }
+
+  .sm\:hover\:text-orange-dark:hover {
+    color: #de751f;
+  }
+
+  .sm\:hover\:text-orange:hover {
+    color: #f6993f;
+  }
+
+  .sm\:hover\:text-orange-light:hover {
+    color: #faad63;
+  }
+
+  .sm\:hover\:text-orange-lighter:hover {
+    color: #fcd9b6;
+  }
+
+  .sm\:hover\:text-orange-lightest:hover {
+    color: #fff5eb;
+  }
+
+  .sm\:hover\:text-yellow-darkest:hover {
+    color: #453411;
+  }
+
+  .sm\:hover\:text-yellow-darker:hover {
+    color: #684f1d;
+  }
+
+  .sm\:hover\:text-yellow-dark:hover {
+    color: #f2d024;
+  }
+
+  .sm\:hover\:text-yellow:hover {
+    color: #ffed4a;
+  }
+
+  .sm\:hover\:text-yellow-light:hover {
+    color: #fff382;
+  }
+
+  .sm\:hover\:text-yellow-lighter:hover {
+    color: #fff9c2;
+  }
+
+  .sm\:hover\:text-yellow-lightest:hover {
+    color: #fcfbeb;
+  }
+
+  .sm\:hover\:text-green-darkest:hover {
+    color: #032d19;
+  }
+
+  .sm\:hover\:text-green-darker:hover {
+    color: #0b4228;
+  }
+
+  .sm\:hover\:text-green-dark:hover {
+    color: #1f9d55;
+  }
+
+  .sm\:hover\:text-green:hover {
+    color: #38c172;
+  }
+
+  .sm\:hover\:text-green-light:hover {
+    color: #51d88a;
+  }
+
+  .sm\:hover\:text-green-lighter:hover {
+    color: #a2f5bf;
+  }
+
+  .sm\:hover\:text-green-lightest:hover {
+    color: #e3fcec;
+  }
+
+  .sm\:hover\:text-teal-darkest:hover {
+    color: #0d3331;
+  }
+
+  .sm\:hover\:text-teal-darker:hover {
+    color: #174e4b;
+  }
+
+  .sm\:hover\:text-teal-dark:hover {
+    color: #38a89d;
+  }
+
+  .sm\:hover\:text-teal:hover {
+    color: #4dc0b5;
+  }
+
+  .sm\:hover\:text-teal-light:hover {
+    color: #64d5ca;
+  }
+
+  .sm\:hover\:text-teal-lighter:hover {
+    color: #a0f0ed;
+  }
+
+  .sm\:hover\:text-teal-lightest:hover {
+    color: #e8fffe;
+  }
+
+  .sm\:hover\:text-blue-darkest:hover {
+    color: #05233b;
+  }
+
+  .sm\:hover\:text-blue-darker:hover {
+    color: #103d60;
+  }
+
+  .sm\:hover\:text-blue-dark:hover {
+    color: #2779bd;
+  }
+
+  .sm\:hover\:text-blue:hover {
+    color: #3490dc;
+  }
+
+  .sm\:hover\:text-blue-light:hover {
+    color: #6cb2eb;
+  }
+
+  .sm\:hover\:text-blue-lighter:hover {
+    color: #bcdefa;
+  }
+
+  .sm\:hover\:text-blue-lightest:hover {
+    color: #eff8ff;
+  }
+
+  .sm\:hover\:text-indigo-darkest:hover {
+    color: #191e38;
+  }
+
+  .sm\:hover\:text-indigo-darker:hover {
+    color: #2f365f;
+  }
+
+  .sm\:hover\:text-indigo-dark:hover {
+    color: #5661b3;
+  }
+
+  .sm\:hover\:text-indigo:hover {
+    color: #6574cd;
+  }
+
+  .sm\:hover\:text-indigo-light:hover {
+    color: #7886d7;
+  }
+
+  .sm\:hover\:text-indigo-lighter:hover {
+    color: #b2b7ff;
+  }
+
+  .sm\:hover\:text-indigo-lightest:hover {
+    color: #e6e8ff;
+  }
+
+  .sm\:hover\:text-purple-darkest:hover {
+    color: #1f133f;
+  }
+
+  .sm\:hover\:text-purple-darker:hover {
+    color: #352465;
+  }
+
+  .sm\:hover\:text-purple-dark:hover {
+    color: #794acf;
+  }
+
+  .sm\:hover\:text-purple:hover {
+    color: #9561e2;
+  }
+
+  .sm\:hover\:text-purple-light:hover {
+    color: #a779e9;
+  }
+
+  .sm\:hover\:text-purple-lighter:hover {
+    color: #d6bbfc;
+  }
+
+  .sm\:hover\:text-purple-lightest:hover {
+    color: #f3ebff;
+  }
+
+  .sm\:hover\:text-pink-darkest:hover {
+    color: #45051e;
+  }
+
+  .sm\:hover\:text-pink-darker:hover {
+    color: #72173a;
+  }
+
+  .sm\:hover\:text-pink-dark:hover {
+    color: #eb5286;
+  }
+
+  .sm\:hover\:text-pink:hover {
+    color: #f66d9b;
+  }
+
+  .sm\:hover\:text-pink-light:hover {
+    color: #fa7ea8;
+  }
+
+  .sm\:hover\:text-pink-lighter:hover {
+    color: #ffbbca;
+  }
+
+  .sm\:hover\:text-pink-lightest:hover {
+    color: #ffebef;
+  }
+
+  .sm\:text-xs {
+    font-size: .75rem;
+  }
+
+  .sm\:text-sm {
+    font-size: .875rem;
+  }
+
+  .sm\:text-base {
+    font-size: 1rem;
+  }
+
+  .sm\:text-lg {
+    font-size: 1.125rem;
+  }
+
+  .sm\:text-xl {
+    font-size: 1.25rem;
+  }
+
+  .sm\:text-2xl {
+    font-size: 1.5rem;
+  }
+
+  .sm\:text-3xl {
+    font-size: 1.875rem;
+  }
+
+  .sm\:text-4xl {
+    font-size: 2.25rem;
+  }
+
+  .sm\:text-5xl {
+    font-size: 3rem;
+  }
+
+  .sm\:italic {
+    font-style: italic;
+  }
+
+  .sm\:roman {
+    font-style: normal;
+  }
+
+  .sm\:uppercase {
+    text-transform: uppercase;
+  }
+
+  .sm\:lowercase {
+    text-transform: lowercase;
+  }
+
+  .sm\:capitalize {
+    text-transform: capitalize;
+  }
+
+  .sm\:normal-case {
+    text-transform: none;
+  }
+
+  .sm\:underline {
+    text-decoration: underline;
+  }
+
+  .sm\:line-through {
+    text-decoration: line-through;
+  }
+
+  .sm\:no-underline {
+    text-decoration: none;
+  }
+
+  .sm\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .sm\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .sm\:hover\:italic:hover {
+    font-style: italic;
+  }
+
+  .sm\:hover\:roman:hover {
+    font-style: normal;
+  }
+
+  .sm\:hover\:uppercase:hover {
+    text-transform: uppercase;
+  }
+
+  .sm\:hover\:lowercase:hover {
+    text-transform: lowercase;
+  }
+
+  .sm\:hover\:capitalize:hover {
+    text-transform: capitalize;
+  }
+
+  .sm\:hover\:normal-case:hover {
+    text-transform: none;
+  }
+
+  .sm\:hover\:underline:hover {
+    text-decoration: underline;
+  }
+
+  .sm\:hover\:line-through:hover {
+    text-decoration: line-through;
+  }
+
+  .sm\:hover\:no-underline:hover {
+    text-decoration: none;
+  }
+
+  .sm\:hover\:antialiased:hover {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .sm\:hover\:subpixel-antialiased:hover {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .sm\:tracking-tight {
+    letter-spacing: -0.05em;
+  }
+
+  .sm\:tracking-normal {
+    letter-spacing: 0;
+  }
+
+  .sm\:tracking-wide {
+    letter-spacing: 0.05em;
+  }
+
+  .sm\:select-none {
+    user-select: none;
+  }
+
+  .sm\:select-text {
+    user-select: text;
+  }
+
+  .sm\:align-baseline {
+    vertical-align: baseline;
+  }
+
+  .sm\:align-top {
+    vertical-align: top;
+  }
+
+  .sm\:align-middle {
+    vertical-align: middle;
+  }
+
+  .sm\:align-bottom {
+    vertical-align: bottom;
+  }
+
+  .sm\:align-text-top {
+    vertical-align: text-top;
+  }
+
+  .sm\:align-text-bottom {
+    vertical-align: text-bottom;
   }
 
   .sm\:visible {
@@ -8181,6 +8099,152 @@ button,
     visibility: hidden;
   }
 
+  .sm\:whitespace-normal {
+    white-space: normal;
+  }
+
+  .sm\:whitespace-no-wrap {
+    white-space: nowrap;
+  }
+
+  .sm\:whitespace-pre {
+    white-space: pre;
+  }
+
+  .sm\:whitespace-pre-line {
+    white-space: pre-line;
+  }
+
+  .sm\:whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+
+  .sm\:break-words {
+    word-wrap: break-word;
+  }
+
+  .sm\:break-normal {
+    word-wrap: normal;
+  }
+
+  .sm\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .sm\:w-1 {
+    width: 0.25rem;
+  }
+
+  .sm\:w-2 {
+    width: 0.5rem;
+  }
+
+  .sm\:w-3 {
+    width: 0.75rem;
+  }
+
+  .sm\:w-4 {
+    width: 1rem;
+  }
+
+  .sm\:w-6 {
+    width: 1.5rem;
+  }
+
+  .sm\:w-8 {
+    width: 2rem;
+  }
+
+  .sm\:w-10 {
+    width: 2.5rem;
+  }
+
+  .sm\:w-12 {
+    width: 3rem;
+  }
+
+  .sm\:w-16 {
+    width: 4rem;
+  }
+
+  .sm\:w-24 {
+    width: 6rem;
+  }
+
+  .sm\:w-32 {
+    width: 8rem;
+  }
+
+  .sm\:w-48 {
+    width: 12rem;
+  }
+
+  .sm\:w-64 {
+    width: 16rem;
+  }
+
+  .sm\:w-auto {
+    width: auto;
+  }
+
+  .sm\:w-px {
+    width: 1px;
+  }
+
+  .sm\:w-1\/2 {
+    width: 50%;
+  }
+
+  .sm\:w-1\/3 {
+    width: 33.33333%;
+  }
+
+  .sm\:w-2\/3 {
+    width: 66.66667%;
+  }
+
+  .sm\:w-1\/4 {
+    width: 25%;
+  }
+
+  .sm\:w-3\/4 {
+    width: 75%;
+  }
+
+  .sm\:w-1\/5 {
+    width: 20%;
+  }
+
+  .sm\:w-2\/5 {
+    width: 40%;
+  }
+
+  .sm\:w-3\/5 {
+    width: 60%;
+  }
+
+  .sm\:w-4\/5 {
+    width: 80%;
+  }
+
+  .sm\:w-1\/6 {
+    width: 16.66667%;
+  }
+
+  .sm\:w-5\/6 {
+    width: 83.33333%;
+  }
+
+  .sm\:w-full {
+    width: 100%;
+  }
+
+  .sm\:w-screen {
+    width: 100vw;
+  }
+
   .sm\:z-0 {
     z-index: 0;
   }
@@ -8209,70 +8273,6 @@ button,
     z-index: auto;
   }
 
-  .sm\:opacity-0 {
-    opacity: 0;
-  }
-
-  .sm\:opacity-25 {
-    opacity: .25;
-  }
-
-  .sm\:opacity-50 {
-    opacity: .5;
-  }
-
-  .sm\:opacity-75 {
-    opacity: .75;
-  }
-
-  .sm\:opacity-100 {
-    opacity: 1;
-  }
-
-  .sm\:select-none {
-    user-select: none;
-  }
-
-  .sm\:select-text {
-    user-select: text;
-  }
-
-  .sm\:pointer-events-none {
-    pointer-events: none;
-  }
-
-  .sm\:pointer-events-auto {
-    pointer-events: auto;
-  }
-
-  .sm\:resize-none {
-    resize: none;
-  }
-
-  .sm\:resize-y {
-    resize: vertical;
-  }
-
-  .sm\:resize-x {
-    resize: horizontal;
-  }
-
-  .sm\:cursor-auto {
-    cursor: auto;
-  }
-
-  .sm\:cursor-default {
-    cursor: default;
-  }
-
-  .sm\:cursor-pointer {
-    cursor: pointer;
-  }
-
-  .sm\:cursor-not-allowed {
-    cursor: not-allowed;
-  }
-
   .sm\:example {
     font-weight: 700;
     color: #e3342f;
@@ -8290,904 +8290,6 @@ button,
     appearance: none;
   }
 
-  .md\:text-xs {
-    font-size: .75rem;
-  }
-
-  .md\:text-sm {
-    font-size: .875rem;
-  }
-
-  .md\:text-base {
-    font-size: 1rem;
-  }
-
-  .md\:text-lg {
-    font-size: 1.125rem;
-  }
-
-  .md\:text-xl {
-    font-size: 1.25rem;
-  }
-
-  .md\:text-2xl {
-    font-size: 1.5rem;
-  }
-
-  .md\:text-3xl {
-    font-size: 1.875rem;
-  }
-
-  .md\:text-4xl {
-    font-size: 2.25rem;
-  }
-
-  .md\:text-5xl {
-    font-size: 3rem;
-  }
-
-  .md\:font-hairline {
-    font-weight: 100;
-  }
-
-  .md\:font-thin {
-    font-weight: 200;
-  }
-
-  .md\:font-light {
-    font-weight: 300;
-  }
-
-  .md\:font-normal {
-    font-weight: 400;
-  }
-
-  .md\:font-medium {
-    font-weight: 500;
-  }
-
-  .md\:font-semibold {
-    font-weight: 600;
-  }
-
-  .md\:font-bold {
-    font-weight: 700;
-  }
-
-  .md\:font-extrabold {
-    font-weight: 800;
-  }
-
-  .md\:font-black {
-    font-weight: 900;
-  }
-
-  .md\:hover\:font-hairline:hover {
-    font-weight: 100;
-  }
-
-  .md\:hover\:font-thin:hover {
-    font-weight: 200;
-  }
-
-  .md\:hover\:font-light:hover {
-    font-weight: 300;
-  }
-
-  .md\:hover\:font-normal:hover {
-    font-weight: 400;
-  }
-
-  .md\:hover\:font-medium:hover {
-    font-weight: 500;
-  }
-
-  .md\:hover\:font-semibold:hover {
-    font-weight: 600;
-  }
-
-  .md\:hover\:font-bold:hover {
-    font-weight: 700;
-  }
-
-  .md\:hover\:font-extrabold:hover {
-    font-weight: 800;
-  }
-
-  .md\:hover\:font-black:hover {
-    font-weight: 900;
-  }
-
-  .md\:font-sans {
-    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
-  }
-
-  .md\:font-serif {
-    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
-  }
-
-  .md\:font-mono {
-    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
-  }
-
-  .md\:text-transparent {
-    color: transparent;
-  }
-
-  .md\:text-black {
-    color: #222b2f;
-  }
-
-  .md\:text-grey-darkest {
-    color: #364349;
-  }
-
-  .md\:text-grey-darker {
-    color: #596a73;
-  }
-
-  .md\:text-grey-dark {
-    color: #70818a;
-  }
-
-  .md\:text-grey {
-    color: #9babb4;
-  }
-
-  .md\:text-grey-light {
-    color: #dae4e9;
-  }
-
-  .md\:text-grey-lighter {
-    color: #f3f7f9;
-  }
-
-  .md\:text-grey-lightest {
-    color: #fafcfc;
-  }
-
-  .md\:text-white {
-    color: #ffffff;
-  }
-
-  .md\:text-red-darkest {
-    color: #420806;
-  }
-
-  .md\:text-red-darker {
-    color: #6a1b19;
-  }
-
-  .md\:text-red-dark {
-    color: #cc1f1a;
-  }
-
-  .md\:text-red {
-    color: #e3342f;
-  }
-
-  .md\:text-red-light {
-    color: #ef5753;
-  }
-
-  .md\:text-red-lighter {
-    color: #f9acaa;
-  }
-
-  .md\:text-red-lightest {
-    color: #fcebea;
-  }
-
-  .md\:text-orange-darkest {
-    color: #542605;
-  }
-
-  .md\:text-orange-darker {
-    color: #7f4012;
-  }
-
-  .md\:text-orange-dark {
-    color: #de751f;
-  }
-
-  .md\:text-orange {
-    color: #f6993f;
-  }
-
-  .md\:text-orange-light {
-    color: #faad63;
-  }
-
-  .md\:text-orange-lighter {
-    color: #fcd9b6;
-  }
-
-  .md\:text-orange-lightest {
-    color: #fff5eb;
-  }
-
-  .md\:text-yellow-darkest {
-    color: #453411;
-  }
-
-  .md\:text-yellow-darker {
-    color: #684f1d;
-  }
-
-  .md\:text-yellow-dark {
-    color: #f2d024;
-  }
-
-  .md\:text-yellow {
-    color: #ffed4a;
-  }
-
-  .md\:text-yellow-light {
-    color: #fff382;
-  }
-
-  .md\:text-yellow-lighter {
-    color: #fff9c2;
-  }
-
-  .md\:text-yellow-lightest {
-    color: #fcfbeb;
-  }
-
-  .md\:text-green-darkest {
-    color: #032d19;
-  }
-
-  .md\:text-green-darker {
-    color: #0b4228;
-  }
-
-  .md\:text-green-dark {
-    color: #1f9d55;
-  }
-
-  .md\:text-green {
-    color: #38c172;
-  }
-
-  .md\:text-green-light {
-    color: #51d88a;
-  }
-
-  .md\:text-green-lighter {
-    color: #a2f5bf;
-  }
-
-  .md\:text-green-lightest {
-    color: #e3fcec;
-  }
-
-  .md\:text-teal-darkest {
-    color: #0d3331;
-  }
-
-  .md\:text-teal-darker {
-    color: #174e4b;
-  }
-
-  .md\:text-teal-dark {
-    color: #38a89d;
-  }
-
-  .md\:text-teal {
-    color: #4dc0b5;
-  }
-
-  .md\:text-teal-light {
-    color: #64d5ca;
-  }
-
-  .md\:text-teal-lighter {
-    color: #a0f0ed;
-  }
-
-  .md\:text-teal-lightest {
-    color: #e8fffe;
-  }
-
-  .md\:text-blue-darkest {
-    color: #05233b;
-  }
-
-  .md\:text-blue-darker {
-    color: #103d60;
-  }
-
-  .md\:text-blue-dark {
-    color: #2779bd;
-  }
-
-  .md\:text-blue {
-    color: #3490dc;
-  }
-
-  .md\:text-blue-light {
-    color: #6cb2eb;
-  }
-
-  .md\:text-blue-lighter {
-    color: #bcdefa;
-  }
-
-  .md\:text-blue-lightest {
-    color: #eff8ff;
-  }
-
-  .md\:text-indigo-darkest {
-    color: #191e38;
-  }
-
-  .md\:text-indigo-darker {
-    color: #2f365f;
-  }
-
-  .md\:text-indigo-dark {
-    color: #5661b3;
-  }
-
-  .md\:text-indigo {
-    color: #6574cd;
-  }
-
-  .md\:text-indigo-light {
-    color: #7886d7;
-  }
-
-  .md\:text-indigo-lighter {
-    color: #b2b7ff;
-  }
-
-  .md\:text-indigo-lightest {
-    color: #e6e8ff;
-  }
-
-  .md\:text-purple-darkest {
-    color: #1f133f;
-  }
-
-  .md\:text-purple-darker {
-    color: #352465;
-  }
-
-  .md\:text-purple-dark {
-    color: #794acf;
-  }
-
-  .md\:text-purple {
-    color: #9561e2;
-  }
-
-  .md\:text-purple-light {
-    color: #a779e9;
-  }
-
-  .md\:text-purple-lighter {
-    color: #d6bbfc;
-  }
-
-  .md\:text-purple-lightest {
-    color: #f3ebff;
-  }
-
-  .md\:text-pink-darkest {
-    color: #45051e;
-  }
-
-  .md\:text-pink-darker {
-    color: #72173a;
-  }
-
-  .md\:text-pink-dark {
-    color: #eb5286;
-  }
-
-  .md\:text-pink {
-    color: #f66d9b;
-  }
-
-  .md\:text-pink-light {
-    color: #fa7ea8;
-  }
-
-  .md\:text-pink-lighter {
-    color: #ffbbca;
-  }
-
-  .md\:text-pink-lightest {
-    color: #ffebef;
-  }
-
-  .md\:hover\:text-transparent:hover {
-    color: transparent;
-  }
-
-  .md\:hover\:text-black:hover {
-    color: #222b2f;
-  }
-
-  .md\:hover\:text-grey-darkest:hover {
-    color: #364349;
-  }
-
-  .md\:hover\:text-grey-darker:hover {
-    color: #596a73;
-  }
-
-  .md\:hover\:text-grey-dark:hover {
-    color: #70818a;
-  }
-
-  .md\:hover\:text-grey:hover {
-    color: #9babb4;
-  }
-
-  .md\:hover\:text-grey-light:hover {
-    color: #dae4e9;
-  }
-
-  .md\:hover\:text-grey-lighter:hover {
-    color: #f3f7f9;
-  }
-
-  .md\:hover\:text-grey-lightest:hover {
-    color: #fafcfc;
-  }
-
-  .md\:hover\:text-white:hover {
-    color: #ffffff;
-  }
-
-  .md\:hover\:text-red-darkest:hover {
-    color: #420806;
-  }
-
-  .md\:hover\:text-red-darker:hover {
-    color: #6a1b19;
-  }
-
-  .md\:hover\:text-red-dark:hover {
-    color: #cc1f1a;
-  }
-
-  .md\:hover\:text-red:hover {
-    color: #e3342f;
-  }
-
-  .md\:hover\:text-red-light:hover {
-    color: #ef5753;
-  }
-
-  .md\:hover\:text-red-lighter:hover {
-    color: #f9acaa;
-  }
-
-  .md\:hover\:text-red-lightest:hover {
-    color: #fcebea;
-  }
-
-  .md\:hover\:text-orange-darkest:hover {
-    color: #542605;
-  }
-
-  .md\:hover\:text-orange-darker:hover {
-    color: #7f4012;
-  }
-
-  .md\:hover\:text-orange-dark:hover {
-    color: #de751f;
-  }
-
-  .md\:hover\:text-orange:hover {
-    color: #f6993f;
-  }
-
-  .md\:hover\:text-orange-light:hover {
-    color: #faad63;
-  }
-
-  .md\:hover\:text-orange-lighter:hover {
-    color: #fcd9b6;
-  }
-
-  .md\:hover\:text-orange-lightest:hover {
-    color: #fff5eb;
-  }
-
-  .md\:hover\:text-yellow-darkest:hover {
-    color: #453411;
-  }
-
-  .md\:hover\:text-yellow-darker:hover {
-    color: #684f1d;
-  }
-
-  .md\:hover\:text-yellow-dark:hover {
-    color: #f2d024;
-  }
-
-  .md\:hover\:text-yellow:hover {
-    color: #ffed4a;
-  }
-
-  .md\:hover\:text-yellow-light:hover {
-    color: #fff382;
-  }
-
-  .md\:hover\:text-yellow-lighter:hover {
-    color: #fff9c2;
-  }
-
-  .md\:hover\:text-yellow-lightest:hover {
-    color: #fcfbeb;
-  }
-
-  .md\:hover\:text-green-darkest:hover {
-    color: #032d19;
-  }
-
-  .md\:hover\:text-green-darker:hover {
-    color: #0b4228;
-  }
-
-  .md\:hover\:text-green-dark:hover {
-    color: #1f9d55;
-  }
-
-  .md\:hover\:text-green:hover {
-    color: #38c172;
-  }
-
-  .md\:hover\:text-green-light:hover {
-    color: #51d88a;
-  }
-
-  .md\:hover\:text-green-lighter:hover {
-    color: #a2f5bf;
-  }
-
-  .md\:hover\:text-green-lightest:hover {
-    color: #e3fcec;
-  }
-
-  .md\:hover\:text-teal-darkest:hover {
-    color: #0d3331;
-  }
-
-  .md\:hover\:text-teal-darker:hover {
-    color: #174e4b;
-  }
-
-  .md\:hover\:text-teal-dark:hover {
-    color: #38a89d;
-  }
-
-  .md\:hover\:text-teal:hover {
-    color: #4dc0b5;
-  }
-
-  .md\:hover\:text-teal-light:hover {
-    color: #64d5ca;
-  }
-
-  .md\:hover\:text-teal-lighter:hover {
-    color: #a0f0ed;
-  }
-
-  .md\:hover\:text-teal-lightest:hover {
-    color: #e8fffe;
-  }
-
-  .md\:hover\:text-blue-darkest:hover {
-    color: #05233b;
-  }
-
-  .md\:hover\:text-blue-darker:hover {
-    color: #103d60;
-  }
-
-  .md\:hover\:text-blue-dark:hover {
-    color: #2779bd;
-  }
-
-  .md\:hover\:text-blue:hover {
-    color: #3490dc;
-  }
-
-  .md\:hover\:text-blue-light:hover {
-    color: #6cb2eb;
-  }
-
-  .md\:hover\:text-blue-lighter:hover {
-    color: #bcdefa;
-  }
-
-  .md\:hover\:text-blue-lightest:hover {
-    color: #eff8ff;
-  }
-
-  .md\:hover\:text-indigo-darkest:hover {
-    color: #191e38;
-  }
-
-  .md\:hover\:text-indigo-darker:hover {
-    color: #2f365f;
-  }
-
-  .md\:hover\:text-indigo-dark:hover {
-    color: #5661b3;
-  }
-
-  .md\:hover\:text-indigo:hover {
-    color: #6574cd;
-  }
-
-  .md\:hover\:text-indigo-light:hover {
-    color: #7886d7;
-  }
-
-  .md\:hover\:text-indigo-lighter:hover {
-    color: #b2b7ff;
-  }
-
-  .md\:hover\:text-indigo-lightest:hover {
-    color: #e6e8ff;
-  }
-
-  .md\:hover\:text-purple-darkest:hover {
-    color: #1f133f;
-  }
-
-  .md\:hover\:text-purple-darker:hover {
-    color: #352465;
-  }
-
-  .md\:hover\:text-purple-dark:hover {
-    color: #794acf;
-  }
-
-  .md\:hover\:text-purple:hover {
-    color: #9561e2;
-  }
-
-  .md\:hover\:text-purple-light:hover {
-    color: #a779e9;
-  }
-
-  .md\:hover\:text-purple-lighter:hover {
-    color: #d6bbfc;
-  }
-
-  .md\:hover\:text-purple-lightest:hover {
-    color: #f3ebff;
-  }
-
-  .md\:hover\:text-pink-darkest:hover {
-    color: #45051e;
-  }
-
-  .md\:hover\:text-pink-darker:hover {
-    color: #72173a;
-  }
-
-  .md\:hover\:text-pink-dark:hover {
-    color: #eb5286;
-  }
-
-  .md\:hover\:text-pink:hover {
-    color: #f66d9b;
-  }
-
-  .md\:hover\:text-pink-light:hover {
-    color: #fa7ea8;
-  }
-
-  .md\:hover\:text-pink-lighter:hover {
-    color: #ffbbca;
-  }
-
-  .md\:hover\:text-pink-lightest:hover {
-    color: #ffebef;
-  }
-
-  .md\:leading-none {
-    line-height: 1;
-  }
-
-  .md\:leading-tight {
-    line-height: 1.25;
-  }
-
-  .md\:leading-normal {
-    line-height: 1.5;
-  }
-
-  .md\:leading-loose {
-    line-height: 2;
-  }
-
-  .md\:tracking-tight {
-    letter-spacing: -0.05em;
-  }
-
-  .md\:tracking-normal {
-    letter-spacing: 0;
-  }
-
-  .md\:tracking-wide {
-    letter-spacing: 0.05em;
-  }
-
-  .md\:text-left {
-    text-align: left;
-  }
-
-  .md\:text-center {
-    text-align: center;
-  }
-
-  .md\:text-right {
-    text-align: right;
-  }
-
-  .md\:text-justify {
-    text-align: justify;
-  }
-
-  .md\:whitespace-normal {
-    white-space: normal;
-  }
-
-  .md\:whitespace-no-wrap {
-    white-space: nowrap;
-  }
-
-  .md\:whitespace-pre {
-    white-space: pre;
-  }
-
-  .md\:whitespace-pre-line {
-    white-space: pre-line;
-  }
-
-  .md\:whitespace-pre-wrap {
-    white-space: pre-wrap;
-  }
-
-  .md\:break-words {
-    word-wrap: break-word;
-  }
-
-  .md\:break-normal {
-    word-wrap: normal;
-  }
-
-  .md\:truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .md\:italic {
-    font-style: italic;
-  }
-
-  .md\:roman {
-    font-style: normal;
-  }
-
-  .md\:uppercase {
-    text-transform: uppercase;
-  }
-
-  .md\:lowercase {
-    text-transform: lowercase;
-  }
-
-  .md\:capitalize {
-    text-transform: capitalize;
-  }
-
-  .md\:normal-case {
-    text-transform: none;
-  }
-
-  .md\:underline {
-    text-decoration: underline;
-  }
-
-  .md\:line-through {
-    text-decoration: line-through;
-  }
-
-  .md\:no-underline {
-    text-decoration: none;
-  }
-
-  .md\:antialiased {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  .md\:subpixel-antialiased {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto;
-  }
-
-  .md\:hover\:italic:hover {
-    font-style: italic;
-  }
-
-  .md\:hover\:roman:hover {
-    font-style: normal;
-  }
-
-  .md\:hover\:uppercase:hover {
-    text-transform: uppercase;
-  }
-
-  .md\:hover\:lowercase:hover {
-    text-transform: lowercase;
-  }
-
-  .md\:hover\:capitalize:hover {
-    text-transform: capitalize;
-  }
-
-  .md\:hover\:normal-case:hover {
-    text-transform: none;
-  }
-
-  .md\:hover\:underline:hover {
-    text-decoration: underline;
-  }
-
-  .md\:hover\:line-through:hover {
-    text-decoration: line-through;
-  }
-
-  .md\:hover\:no-underline:hover {
-    text-decoration: none;
-  }
-
-  .md\:hover\:antialiased:hover {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  .md\:hover\:subpixel-antialiased:hover {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto;
-  }
-
-  .md\:align-baseline {
-    vertical-align: baseline;
-  }
-
-  .md\:align-top {
-    vertical-align: top;
-  }
-
-  .md\:align-middle {
-    vertical-align: middle;
-  }
-
-  .md\:align-bottom {
-    vertical-align: bottom;
-  }
-
-  .md\:align-text-top {
-    vertical-align: text-top;
-  }
-
-  .md\:align-text-bottom {
-    vertical-align: text-bottom;
-  }
-
   .md\:bg-transparent {
     background-color: transparent;
   }
@@ -9816,106 +8918,6 @@ button,
     background-size: contain;
   }
 
-  .md\:border-0 {
-    border-width: 0;
-  }
-
-  .md\:border-2 {
-    border-width: 2px;
-  }
-
-  .md\:border-4 {
-    border-width: 4px;
-  }
-
-  .md\:border-8 {
-    border-width: 8px;
-  }
-
-  .md\:border {
-    border-width: 1px;
-  }
-
-  .md\:border-t-0 {
-    border-top-width: 0;
-  }
-
-  .md\:border-r-0 {
-    border-right-width: 0;
-  }
-
-  .md\:border-b-0 {
-    border-bottom-width: 0;
-  }
-
-  .md\:border-l-0 {
-    border-left-width: 0;
-  }
-
-  .md\:border-t-2 {
-    border-top-width: 2px;
-  }
-
-  .md\:border-r-2 {
-    border-right-width: 2px;
-  }
-
-  .md\:border-b-2 {
-    border-bottom-width: 2px;
-  }
-
-  .md\:border-l-2 {
-    border-left-width: 2px;
-  }
-
-  .md\:border-t-4 {
-    border-top-width: 4px;
-  }
-
-  .md\:border-r-4 {
-    border-right-width: 4px;
-  }
-
-  .md\:border-b-4 {
-    border-bottom-width: 4px;
-  }
-
-  .md\:border-l-4 {
-    border-left-width: 4px;
-  }
-
-  .md\:border-t-8 {
-    border-top-width: 8px;
-  }
-
-  .md\:border-r-8 {
-    border-right-width: 8px;
-  }
-
-  .md\:border-b-8 {
-    border-bottom-width: 8px;
-  }
-
-  .md\:border-l-8 {
-    border-left-width: 8px;
-  }
-
-  .md\:border-t {
-    border-top-width: 1px;
-  }
-
-  .md\:border-r {
-    border-right-width: 1px;
-  }
-
-  .md\:border-b {
-    border-bottom-width: 1px;
-  }
-
-  .md\:border-l {
-    border-left-width: 1px;
-  }
-
   .md\:border-transparent {
     border-color: transparent;
   }
@@ -10500,22 +9502,6 @@ button,
     border-color: #ffebef;
   }
 
-  .md\:border-solid {
-    border-style: solid;
-  }
-
-  .md\:border-dashed {
-    border-style: dashed;
-  }
-
-  .md\:border-dotted {
-    border-style: dotted;
-  }
-
-  .md\:border-none {
-    border-style: none;
-  }
-
   .md\:rounded-none {
     border-radius: 0;
   }
@@ -10716,6 +9702,138 @@ button,
     border-bottom-left-radius: 9999px;
   }
 
+  .md\:border-solid {
+    border-style: solid;
+  }
+
+  .md\:border-dashed {
+    border-style: dashed;
+  }
+
+  .md\:border-dotted {
+    border-style: dotted;
+  }
+
+  .md\:border-none {
+    border-style: none;
+  }
+
+  .md\:border-0 {
+    border-width: 0;
+  }
+
+  .md\:border-2 {
+    border-width: 2px;
+  }
+
+  .md\:border-4 {
+    border-width: 4px;
+  }
+
+  .md\:border-8 {
+    border-width: 8px;
+  }
+
+  .md\:border {
+    border-width: 1px;
+  }
+
+  .md\:border-t-0 {
+    border-top-width: 0;
+  }
+
+  .md\:border-r-0 {
+    border-right-width: 0;
+  }
+
+  .md\:border-b-0 {
+    border-bottom-width: 0;
+  }
+
+  .md\:border-l-0 {
+    border-left-width: 0;
+  }
+
+  .md\:border-t-2 {
+    border-top-width: 2px;
+  }
+
+  .md\:border-r-2 {
+    border-right-width: 2px;
+  }
+
+  .md\:border-b-2 {
+    border-bottom-width: 2px;
+  }
+
+  .md\:border-l-2 {
+    border-left-width: 2px;
+  }
+
+  .md\:border-t-4 {
+    border-top-width: 4px;
+  }
+
+  .md\:border-r-4 {
+    border-right-width: 4px;
+  }
+
+  .md\:border-b-4 {
+    border-bottom-width: 4px;
+  }
+
+  .md\:border-l-4 {
+    border-left-width: 4px;
+  }
+
+  .md\:border-t-8 {
+    border-top-width: 8px;
+  }
+
+  .md\:border-r-8 {
+    border-right-width: 8px;
+  }
+
+  .md\:border-b-8 {
+    border-bottom-width: 8px;
+  }
+
+  .md\:border-l-8 {
+    border-left-width: 8px;
+  }
+
+  .md\:border-t {
+    border-top-width: 1px;
+  }
+
+  .md\:border-r {
+    border-right-width: 1px;
+  }
+
+  .md\:border-b {
+    border-bottom-width: 1px;
+  }
+
+  .md\:border-l {
+    border-left-width: 1px;
+  }
+
+  .md\:cursor-auto {
+    cursor: auto;
+  }
+
+  .md\:cursor-default {
+    cursor: default;
+  }
+
+  .md\:cursor-pointer {
+    cursor: pointer;
+  }
+
+  .md\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
   .md\:block {
     display: block;
   }
@@ -10744,249 +9862,254 @@ button,
     display: none;
   }
 
-  .md\:static {
-    position: static;
+  .md\:flex {
+    display: flex;
   }
 
-  .md\:fixed {
-    position: fixed;
+  .md\:inline-flex {
+    display: inline-flex;
   }
 
-  .md\:absolute {
-    position: absolute;
+  .md\:flex-row {
+    flex-direction: row;
   }
 
-  .md\:relative {
-    position: relative;
+  .md\:flex-row-reverse {
+    flex-direction: row-reverse;
   }
 
-  .md\:pin-t {
-    top: 0;
+  .md\:flex-col {
+    flex-direction: column;
   }
 
-  .md\:pin-r {
-    right: 0;
+  .md\:flex-col-reverse {
+    flex-direction: column-reverse;
   }
 
-  .md\:pin-b {
-    bottom: 0;
+  .md\:flex-wrap {
+    flex-wrap: wrap;
   }
 
-  .md\:pin-l {
-    left: 0;
+  .md\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
   }
 
-  .md\:pin-y {
-    top: 0;
-    bottom: 0;
+  .md\:flex-no-wrap {
+    flex-wrap: nowrap;
   }
 
-  .md\:pin-x {
-    right: 0;
-    left: 0;
+  .md\:items-start {
+    align-items: flex-start;
   }
 
-  .md\:pin {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
+  .md\:items-end {
+    align-items: flex-end;
   }
 
-  .md\:overflow-auto {
-    overflow: auto;
+  .md\:items-center {
+    align-items: center;
   }
 
-  .md\:overflow-hidden {
-    overflow: hidden;
+  .md\:items-baseline {
+    align-items: baseline;
   }
 
-  .md\:overflow-visible {
-    overflow: visible;
+  .md\:items-stretch {
+    align-items: stretch;
   }
 
-  .md\:overflow-scroll {
-    overflow: scroll;
+  .md\:self-auto {
+    align-self: auto;
   }
 
-  .md\:overflow-x-scroll {
-    overflow-x: auto;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
+  .md\:self-start {
+    align-self: flex-start;
   }
 
-  .md\:overflow-y-scroll {
-    overflow-y: auto;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
+  .md\:self-end {
+    align-self: flex-end;
   }
 
-  .md\:scrolling-touch {
-    -webkit-overflow-scrolling: touch;
+  .md\:self-center {
+    align-self: center;
   }
 
-  .md\:scrolling-auto {
-    -webkit-overflow-scrolling: auto;
+  .md\:self-stretch {
+    align-self: stretch;
   }
 
-  .md\:w-1 {
-    width: 0.25rem;
+  .md\:justify-start {
+    justify-content: flex-start;
   }
 
-  .md\:w-2 {
-    width: 0.5rem;
+  .md\:justify-end {
+    justify-content: flex-end;
   }
 
-  .md\:w-3 {
-    width: 0.75rem;
+  .md\:justify-center {
+    justify-content: center;
   }
 
-  .md\:w-4 {
-    width: 1rem;
+  .md\:justify-between {
+    justify-content: space-between;
   }
 
-  .md\:w-6 {
-    width: 1.5rem;
+  .md\:justify-around {
+    justify-content: space-around;
   }
 
-  .md\:w-8 {
-    width: 2rem;
+  .md\:content-center {
+    align-content: center;
   }
 
-  .md\:w-10 {
-    width: 2.5rem;
+  .md\:content-start {
+    align-content: flex-start;
   }
 
-  .md\:w-12 {
-    width: 3rem;
+  .md\:content-end {
+    align-content: flex-end;
   }
 
-  .md\:w-16 {
-    width: 4rem;
+  .md\:content-between {
+    align-content: space-between;
   }
 
-  .md\:w-24 {
-    width: 6rem;
+  .md\:content-around {
+    align-content: space-around;
   }
 
-  .md\:w-32 {
-    width: 8rem;
+  .md\:flex-1 {
+    flex: 1;
   }
 
-  .md\:w-48 {
-    width: 12rem;
+  .md\:flex-auto {
+    flex: auto;
   }
 
-  .md\:w-64 {
-    width: 16rem;
+  .md\:flex-initial {
+    flex: initial;
   }
 
-  .md\:w-auto {
-    width: auto;
+  .md\:flex-none {
+    flex: none;
   }
 
-  .md\:w-px {
-    width: 1px;
+  .md\:flex-grow {
+    flex-grow: 1;
   }
 
-  .md\:w-1\/2 {
-    width: 50%;
+  .md\:flex-shrink {
+    flex-shrink: 1;
   }
 
-  .md\:w-1\/3 {
-    width: 33.33333%;
+  .md\:flex-no-grow {
+    flex-grow: 0;
   }
 
-  .md\:w-2\/3 {
-    width: 66.66667%;
+  .md\:flex-no-shrink {
+    flex-shrink: 0;
   }
 
-  .md\:w-1\/4 {
-    width: 25%;
+  .md\:float-right {
+    float: right;
   }
 
-  .md\:w-3\/4 {
-    width: 75%;
+  .md\:float-left {
+    float: left;
   }
 
-  .md\:w-1\/5 {
-    width: 20%;
+  .md\:float-none {
+    float: none;
   }
 
-  .md\:w-2\/5 {
-    width: 40%;
+  .md\:clearfix:after {
+    content: "";
+    display: table;
+    clear: both;
   }
 
-  .md\:w-3\/5 {
-    width: 60%;
+  .md\:font-sans {
+    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   }
 
-  .md\:w-4\/5 {
-    width: 80%;
+  .md\:font-serif {
+    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
   }
 
-  .md\:w-1\/6 {
-    width: 16.66667%;
+  .md\:font-mono {
+    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
   }
 
-  .md\:w-5\/6 {
-    width: 83.33333%;
+  .md\:font-hairline {
+    font-weight: 100;
   }
 
-  .md\:w-full {
-    width: 100%;
+  .md\:font-thin {
+    font-weight: 200;
   }
 
-  .md\:w-screen {
-    width: 100vw;
+  .md\:font-light {
+    font-weight: 300;
   }
 
-  .md\:min-w-0 {
-    min-width: 0;
+  .md\:font-normal {
+    font-weight: 400;
   }
 
-  .md\:min-w-full {
-    min-width: 100%;
+  .md\:font-medium {
+    font-weight: 500;
   }
 
-  .md\:max-w-xs {
-    max-width: 20rem;
+  .md\:font-semibold {
+    font-weight: 600;
   }
 
-  .md\:max-w-sm {
-    max-width: 30rem;
+  .md\:font-bold {
+    font-weight: 700;
   }
 
-  .md\:max-w-md {
-    max-width: 40rem;
+  .md\:font-extrabold {
+    font-weight: 800;
   }
 
-  .md\:max-w-lg {
-    max-width: 50rem;
+  .md\:font-black {
+    font-weight: 900;
   }
 
-  .md\:max-w-xl {
-    max-width: 60rem;
+  .md\:hover\:font-hairline:hover {
+    font-weight: 100;
   }
 
-  .md\:max-w-2xl {
-    max-width: 70rem;
+  .md\:hover\:font-thin:hover {
+    font-weight: 200;
   }
 
-  .md\:max-w-3xl {
-    max-width: 80rem;
+  .md\:hover\:font-light:hover {
+    font-weight: 300;
   }
 
-  .md\:max-w-4xl {
-    max-width: 90rem;
+  .md\:hover\:font-normal:hover {
+    font-weight: 400;
   }
 
-  .md\:max-w-5xl {
-    max-width: 100rem;
+  .md\:hover\:font-medium:hover {
+    font-weight: 500;
   }
 
-  .md\:max-w-full {
-    max-width: 100%;
+  .md\:hover\:font-semibold:hover {
+    font-weight: 600;
+  }
+
+  .md\:hover\:font-bold:hover {
+    font-weight: 700;
+  }
+
+  .md\:hover\:font-extrabold:hover {
+    font-weight: 800;
+  }
+
+  .md\:hover\:font-black:hover {
+    font-weight: 900;
   }
 
   .md\:h-1 {
@@ -11057,264 +10180,20 @@ button,
     height: 100vh;
   }
 
-  .md\:min-h-0 {
-    min-height: 0;
+  .md\:leading-none {
+    line-height: 1;
   }
 
-  .md\:min-h-full {
-    min-height: 100%;
+  .md\:leading-tight {
+    line-height: 1.25;
   }
 
-  .md\:min-h-screen {
-    min-height: 100vh;
+  .md\:leading-normal {
+    line-height: 1.5;
   }
 
-  .md\:max-h-full {
-    max-height: 100%;
-  }
-
-  .md\:max-h-screen {
-    max-height: 100vh;
-  }
-
-  .md\:p-0 {
-    padding: 0;
-  }
-
-  .md\:p-1 {
-    padding: 0.25rem;
-  }
-
-  .md\:p-2 {
-    padding: 0.5rem;
-  }
-
-  .md\:p-3 {
-    padding: 0.75rem;
-  }
-
-  .md\:p-4 {
-    padding: 1rem;
-  }
-
-  .md\:p-6 {
-    padding: 1.5rem;
-  }
-
-  .md\:p-8 {
-    padding: 2rem;
-  }
-
-  .md\:p-px {
-    padding: 1px;
-  }
-
-  .md\:py-0 {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-
-  .md\:px-0 {
-    padding-left: 0;
-    padding-right: 0;
-  }
-
-  .md\:py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
-
-  .md\:px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
-  }
-
-  .md\:py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-  }
-
-  .md\:px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-  }
-
-  .md\:py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
-  }
-
-  .md\:px-3 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-  }
-
-  .md\:py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-  }
-
-  .md\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
-  .md\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
-
-  .md\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-
-  .md\:py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-  }
-
-  .md\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .md\:py-px {
-    padding-top: 1px;
-    padding-bottom: 1px;
-  }
-
-  .md\:px-px {
-    padding-left: 1px;
-    padding-right: 1px;
-  }
-
-  .md\:pt-0 {
-    padding-top: 0;
-  }
-
-  .md\:pr-0 {
-    padding-right: 0;
-  }
-
-  .md\:pb-0 {
-    padding-bottom: 0;
-  }
-
-  .md\:pl-0 {
-    padding-left: 0;
-  }
-
-  .md\:pt-1 {
-    padding-top: 0.25rem;
-  }
-
-  .md\:pr-1 {
-    padding-right: 0.25rem;
-  }
-
-  .md\:pb-1 {
-    padding-bottom: 0.25rem;
-  }
-
-  .md\:pl-1 {
-    padding-left: 0.25rem;
-  }
-
-  .md\:pt-2 {
-    padding-top: 0.5rem;
-  }
-
-  .md\:pr-2 {
-    padding-right: 0.5rem;
-  }
-
-  .md\:pb-2 {
-    padding-bottom: 0.5rem;
-  }
-
-  .md\:pl-2 {
-    padding-left: 0.5rem;
-  }
-
-  .md\:pt-3 {
-    padding-top: 0.75rem;
-  }
-
-  .md\:pr-3 {
-    padding-right: 0.75rem;
-  }
-
-  .md\:pb-3 {
-    padding-bottom: 0.75rem;
-  }
-
-  .md\:pl-3 {
-    padding-left: 0.75rem;
-  }
-
-  .md\:pt-4 {
-    padding-top: 1rem;
-  }
-
-  .md\:pr-4 {
-    padding-right: 1rem;
-  }
-
-  .md\:pb-4 {
-    padding-bottom: 1rem;
-  }
-
-  .md\:pl-4 {
-    padding-left: 1rem;
-  }
-
-  .md\:pt-6 {
-    padding-top: 1.5rem;
-  }
-
-  .md\:pr-6 {
-    padding-right: 1.5rem;
-  }
-
-  .md\:pb-6 {
-    padding-bottom: 1.5rem;
-  }
-
-  .md\:pl-6 {
-    padding-left: 1.5rem;
-  }
-
-  .md\:pt-8 {
-    padding-top: 2rem;
-  }
-
-  .md\:pr-8 {
-    padding-right: 2rem;
-  }
-
-  .md\:pb-8 {
-    padding-bottom: 2rem;
-  }
-
-  .md\:pl-8 {
-    padding-left: 2rem;
-  }
-
-  .md\:pt-px {
-    padding-top: 1px;
-  }
-
-  .md\:pr-px {
-    padding-right: 1px;
-  }
-
-  .md\:pb-px {
-    padding-bottom: 1px;
-  }
-
-  .md\:pl-px {
-    padding-left: 1px;
+  .md\:leading-loose {
+    line-height: 2;
   }
 
   .md\:m-0 {
@@ -11587,6 +10466,74 @@ button,
     margin-left: 1px;
   }
 
+  .md\:max-h-full {
+    max-height: 100%;
+  }
+
+  .md\:max-h-screen {
+    max-height: 100vh;
+  }
+
+  .md\:max-w-xs {
+    max-width: 20rem;
+  }
+
+  .md\:max-w-sm {
+    max-width: 30rem;
+  }
+
+  .md\:max-w-md {
+    max-width: 40rem;
+  }
+
+  .md\:max-w-lg {
+    max-width: 50rem;
+  }
+
+  .md\:max-w-xl {
+    max-width: 60rem;
+  }
+
+  .md\:max-w-2xl {
+    max-width: 70rem;
+  }
+
+  .md\:max-w-3xl {
+    max-width: 80rem;
+  }
+
+  .md\:max-w-4xl {
+    max-width: 90rem;
+  }
+
+  .md\:max-w-5xl {
+    max-width: 100rem;
+  }
+
+  .md\:max-w-full {
+    max-width: 100%;
+  }
+
+  .md\:min-h-0 {
+    min-height: 0;
+  }
+
+  .md\:min-h-full {
+    min-height: 100%;
+  }
+
+  .md\:min-h-screen {
+    min-height: 100vh;
+  }
+
+  .md\:min-w-0 {
+    min-width: 0;
+  }
+
+  .md\:min-w-full {
+    min-width: 100%;
+  }
+
   .md\:-m-0 {
     margin: 0;
   }
@@ -11827,6 +10774,371 @@ button,
     margin-left: -1px;
   }
 
+  .md\:opacity-0 {
+    opacity: 0;
+  }
+
+  .md\:opacity-25 {
+    opacity: .25;
+  }
+
+  .md\:opacity-50 {
+    opacity: .5;
+  }
+
+  .md\:opacity-75 {
+    opacity: .75;
+  }
+
+  .md\:opacity-100 {
+    opacity: 1;
+  }
+
+  .md\:overflow-auto {
+    overflow: auto;
+  }
+
+  .md\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .md\:overflow-visible {
+    overflow: visible;
+  }
+
+  .md\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .md\:overflow-x-scroll {
+    overflow-x: auto;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+  }
+
+  .md\:overflow-y-scroll {
+    overflow-y: auto;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+  }
+
+  .md\:scrolling-touch {
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .md\:scrolling-auto {
+    -webkit-overflow-scrolling: auto;
+  }
+
+  .md\:p-0 {
+    padding: 0;
+  }
+
+  .md\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .md\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .md\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .md\:p-4 {
+    padding: 1rem;
+  }
+
+  .md\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .md\:p-8 {
+    padding: 2rem;
+  }
+
+  .md\:p-px {
+    padding: 1px;
+  }
+
+  .md\:py-0 {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  .md\:px-0 {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .md\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
+  .md\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+
+  .md\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .md\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+
+  .md\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .md\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
+  .md\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
+  .md\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .md\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
+  .md\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .md\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  .md\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .md\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  .md\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+
+  .md\:pt-0 {
+    padding-top: 0;
+  }
+
+  .md\:pr-0 {
+    padding-right: 0;
+  }
+
+  .md\:pb-0 {
+    padding-bottom: 0;
+  }
+
+  .md\:pl-0 {
+    padding-left: 0;
+  }
+
+  .md\:pt-1 {
+    padding-top: 0.25rem;
+  }
+
+  .md\:pr-1 {
+    padding-right: 0.25rem;
+  }
+
+  .md\:pb-1 {
+    padding-bottom: 0.25rem;
+  }
+
+  .md\:pl-1 {
+    padding-left: 0.25rem;
+  }
+
+  .md\:pt-2 {
+    padding-top: 0.5rem;
+  }
+
+  .md\:pr-2 {
+    padding-right: 0.5rem;
+  }
+
+  .md\:pb-2 {
+    padding-bottom: 0.5rem;
+  }
+
+  .md\:pl-2 {
+    padding-left: 0.5rem;
+  }
+
+  .md\:pt-3 {
+    padding-top: 0.75rem;
+  }
+
+  .md\:pr-3 {
+    padding-right: 0.75rem;
+  }
+
+  .md\:pb-3 {
+    padding-bottom: 0.75rem;
+  }
+
+  .md\:pl-3 {
+    padding-left: 0.75rem;
+  }
+
+  .md\:pt-4 {
+    padding-top: 1rem;
+  }
+
+  .md\:pr-4 {
+    padding-right: 1rem;
+  }
+
+  .md\:pb-4 {
+    padding-bottom: 1rem;
+  }
+
+  .md\:pl-4 {
+    padding-left: 1rem;
+  }
+
+  .md\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .md\:pr-6 {
+    padding-right: 1.5rem;
+  }
+
+  .md\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
+  .md\:pl-6 {
+    padding-left: 1.5rem;
+  }
+
+  .md\:pt-8 {
+    padding-top: 2rem;
+  }
+
+  .md\:pr-8 {
+    padding-right: 2rem;
+  }
+
+  .md\:pb-8 {
+    padding-bottom: 2rem;
+  }
+
+  .md\:pl-8 {
+    padding-left: 2rem;
+  }
+
+  .md\:pt-px {
+    padding-top: 1px;
+  }
+
+  .md\:pr-px {
+    padding-right: 1px;
+  }
+
+  .md\:pb-px {
+    padding-bottom: 1px;
+  }
+
+  .md\:pl-px {
+    padding-left: 1px;
+  }
+
+  .md\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .md\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
+  .md\:static {
+    position: static;
+  }
+
+  .md\:fixed {
+    position: fixed;
+  }
+
+  .md\:absolute {
+    position: absolute;
+  }
+
+  .md\:relative {
+    position: relative;
+  }
+
+  .md\:pin-t {
+    top: 0;
+  }
+
+  .md\:pin-r {
+    right: 0;
+  }
+
+  .md\:pin-b {
+    bottom: 0;
+  }
+
+  .md\:pin-l {
+    left: 0;
+  }
+
+  .md\:pin-y {
+    top: 0;
+    bottom: 0;
+  }
+
+  .md\:pin-x {
+    right: 0;
+    left: 0;
+  }
+
+  .md\:pin {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+  .md\:resize-none {
+    resize: none;
+  }
+
+  .md\:resize-y {
+    resize: vertical;
+  }
+
+  .md\:resize-x {
+    resize: horizontal;
+  }
+
   .md\:shadow {
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
   }
@@ -11847,170 +11159,776 @@ button,
     box-shadow: none;
   }
 
-  .md\:flex {
-    display: flex;
+  .md\:text-left {
+    text-align: left;
   }
 
-  .md\:inline-flex {
-    display: inline-flex;
+  .md\:text-center {
+    text-align: center;
   }
 
-  .md\:flex-row {
-    flex-direction: row;
+  .md\:text-right {
+    text-align: right;
   }
 
-  .md\:flex-row-reverse {
-    flex-direction: row-reverse;
+  .md\:text-justify {
+    text-align: justify;
   }
 
-  .md\:flex-col {
-    flex-direction: column;
+  .md\:text-transparent {
+    color: transparent;
   }
 
-  .md\:flex-col-reverse {
-    flex-direction: column-reverse;
+  .md\:text-black {
+    color: #222b2f;
   }
 
-  .md\:flex-wrap {
-    flex-wrap: wrap;
+  .md\:text-grey-darkest {
+    color: #364349;
   }
 
-  .md\:flex-wrap-reverse {
-    flex-wrap: wrap-reverse;
+  .md\:text-grey-darker {
+    color: #596a73;
   }
 
-  .md\:flex-no-wrap {
-    flex-wrap: nowrap;
+  .md\:text-grey-dark {
+    color: #70818a;
   }
 
-  .md\:items-start {
-    align-items: flex-start;
+  .md\:text-grey {
+    color: #9babb4;
   }
 
-  .md\:items-end {
-    align-items: flex-end;
+  .md\:text-grey-light {
+    color: #dae4e9;
   }
 
-  .md\:items-center {
-    align-items: center;
+  .md\:text-grey-lighter {
+    color: #f3f7f9;
   }
 
-  .md\:items-baseline {
-    align-items: baseline;
+  .md\:text-grey-lightest {
+    color: #fafcfc;
   }
 
-  .md\:items-stretch {
-    align-items: stretch;
+  .md\:text-white {
+    color: #ffffff;
   }
 
-  .md\:self-auto {
-    align-self: auto;
+  .md\:text-red-darkest {
+    color: #420806;
   }
 
-  .md\:self-start {
-    align-self: flex-start;
+  .md\:text-red-darker {
+    color: #6a1b19;
   }
 
-  .md\:self-end {
-    align-self: flex-end;
+  .md\:text-red-dark {
+    color: #cc1f1a;
   }
 
-  .md\:self-center {
-    align-self: center;
+  .md\:text-red {
+    color: #e3342f;
   }
 
-  .md\:self-stretch {
-    align-self: stretch;
+  .md\:text-red-light {
+    color: #ef5753;
   }
 
-  .md\:justify-start {
-    justify-content: flex-start;
+  .md\:text-red-lighter {
+    color: #f9acaa;
   }
 
-  .md\:justify-end {
-    justify-content: flex-end;
+  .md\:text-red-lightest {
+    color: #fcebea;
   }
 
-  .md\:justify-center {
-    justify-content: center;
+  .md\:text-orange-darkest {
+    color: #542605;
   }
 
-  .md\:justify-between {
-    justify-content: space-between;
+  .md\:text-orange-darker {
+    color: #7f4012;
   }
 
-  .md\:justify-around {
-    justify-content: space-around;
+  .md\:text-orange-dark {
+    color: #de751f;
   }
 
-  .md\:content-center {
-    align-content: center;
+  .md\:text-orange {
+    color: #f6993f;
   }
 
-  .md\:content-start {
-    align-content: flex-start;
+  .md\:text-orange-light {
+    color: #faad63;
   }
 
-  .md\:content-end {
-    align-content: flex-end;
+  .md\:text-orange-lighter {
+    color: #fcd9b6;
   }
 
-  .md\:content-between {
-    align-content: space-between;
+  .md\:text-orange-lightest {
+    color: #fff5eb;
   }
 
-  .md\:content-around {
-    align-content: space-around;
+  .md\:text-yellow-darkest {
+    color: #453411;
   }
 
-  .md\:flex-1 {
-    flex: 1;
+  .md\:text-yellow-darker {
+    color: #684f1d;
   }
 
-  .md\:flex-auto {
-    flex: auto;
+  .md\:text-yellow-dark {
+    color: #f2d024;
   }
 
-  .md\:flex-initial {
-    flex: initial;
+  .md\:text-yellow {
+    color: #ffed4a;
   }
 
-  .md\:flex-none {
-    flex: none;
+  .md\:text-yellow-light {
+    color: #fff382;
   }
 
-  .md\:flex-grow {
-    flex-grow: 1;
+  .md\:text-yellow-lighter {
+    color: #fff9c2;
   }
 
-  .md\:flex-shrink {
-    flex-shrink: 1;
+  .md\:text-yellow-lightest {
+    color: #fcfbeb;
   }
 
-  .md\:flex-no-grow {
-    flex-grow: 0;
+  .md\:text-green-darkest {
+    color: #032d19;
   }
 
-  .md\:flex-no-shrink {
-    flex-shrink: 0;
+  .md\:text-green-darker {
+    color: #0b4228;
   }
 
-  .md\:float-right {
-    float: right;
+  .md\:text-green-dark {
+    color: #1f9d55;
   }
 
-  .md\:float-left {
-    float: left;
+  .md\:text-green {
+    color: #38c172;
   }
 
-  .md\:float-none {
-    float: none;
+  .md\:text-green-light {
+    color: #51d88a;
   }
 
-  .md\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
+  .md\:text-green-lighter {
+    color: #a2f5bf;
+  }
+
+  .md\:text-green-lightest {
+    color: #e3fcec;
+  }
+
+  .md\:text-teal-darkest {
+    color: #0d3331;
+  }
+
+  .md\:text-teal-darker {
+    color: #174e4b;
+  }
+
+  .md\:text-teal-dark {
+    color: #38a89d;
+  }
+
+  .md\:text-teal {
+    color: #4dc0b5;
+  }
+
+  .md\:text-teal-light {
+    color: #64d5ca;
+  }
+
+  .md\:text-teal-lighter {
+    color: #a0f0ed;
+  }
+
+  .md\:text-teal-lightest {
+    color: #e8fffe;
+  }
+
+  .md\:text-blue-darkest {
+    color: #05233b;
+  }
+
+  .md\:text-blue-darker {
+    color: #103d60;
+  }
+
+  .md\:text-blue-dark {
+    color: #2779bd;
+  }
+
+  .md\:text-blue {
+    color: #3490dc;
+  }
+
+  .md\:text-blue-light {
+    color: #6cb2eb;
+  }
+
+  .md\:text-blue-lighter {
+    color: #bcdefa;
+  }
+
+  .md\:text-blue-lightest {
+    color: #eff8ff;
+  }
+
+  .md\:text-indigo-darkest {
+    color: #191e38;
+  }
+
+  .md\:text-indigo-darker {
+    color: #2f365f;
+  }
+
+  .md\:text-indigo-dark {
+    color: #5661b3;
+  }
+
+  .md\:text-indigo {
+    color: #6574cd;
+  }
+
+  .md\:text-indigo-light {
+    color: #7886d7;
+  }
+
+  .md\:text-indigo-lighter {
+    color: #b2b7ff;
+  }
+
+  .md\:text-indigo-lightest {
+    color: #e6e8ff;
+  }
+
+  .md\:text-purple-darkest {
+    color: #1f133f;
+  }
+
+  .md\:text-purple-darker {
+    color: #352465;
+  }
+
+  .md\:text-purple-dark {
+    color: #794acf;
+  }
+
+  .md\:text-purple {
+    color: #9561e2;
+  }
+
+  .md\:text-purple-light {
+    color: #a779e9;
+  }
+
+  .md\:text-purple-lighter {
+    color: #d6bbfc;
+  }
+
+  .md\:text-purple-lightest {
+    color: #f3ebff;
+  }
+
+  .md\:text-pink-darkest {
+    color: #45051e;
+  }
+
+  .md\:text-pink-darker {
+    color: #72173a;
+  }
+
+  .md\:text-pink-dark {
+    color: #eb5286;
+  }
+
+  .md\:text-pink {
+    color: #f66d9b;
+  }
+
+  .md\:text-pink-light {
+    color: #fa7ea8;
+  }
+
+  .md\:text-pink-lighter {
+    color: #ffbbca;
+  }
+
+  .md\:text-pink-lightest {
+    color: #ffebef;
+  }
+
+  .md\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  .md\:hover\:text-black:hover {
+    color: #222b2f;
+  }
+
+  .md\:hover\:text-grey-darkest:hover {
+    color: #364349;
+  }
+
+  .md\:hover\:text-grey-darker:hover {
+    color: #596a73;
+  }
+
+  .md\:hover\:text-grey-dark:hover {
+    color: #70818a;
+  }
+
+  .md\:hover\:text-grey:hover {
+    color: #9babb4;
+  }
+
+  .md\:hover\:text-grey-light:hover {
+    color: #dae4e9;
+  }
+
+  .md\:hover\:text-grey-lighter:hover {
+    color: #f3f7f9;
+  }
+
+  .md\:hover\:text-grey-lightest:hover {
+    color: #fafcfc;
+  }
+
+  .md\:hover\:text-white:hover {
+    color: #ffffff;
+  }
+
+  .md\:hover\:text-red-darkest:hover {
+    color: #420806;
+  }
+
+  .md\:hover\:text-red-darker:hover {
+    color: #6a1b19;
+  }
+
+  .md\:hover\:text-red-dark:hover {
+    color: #cc1f1a;
+  }
+
+  .md\:hover\:text-red:hover {
+    color: #e3342f;
+  }
+
+  .md\:hover\:text-red-light:hover {
+    color: #ef5753;
+  }
+
+  .md\:hover\:text-red-lighter:hover {
+    color: #f9acaa;
+  }
+
+  .md\:hover\:text-red-lightest:hover {
+    color: #fcebea;
+  }
+
+  .md\:hover\:text-orange-darkest:hover {
+    color: #542605;
+  }
+
+  .md\:hover\:text-orange-darker:hover {
+    color: #7f4012;
+  }
+
+  .md\:hover\:text-orange-dark:hover {
+    color: #de751f;
+  }
+
+  .md\:hover\:text-orange:hover {
+    color: #f6993f;
+  }
+
+  .md\:hover\:text-orange-light:hover {
+    color: #faad63;
+  }
+
+  .md\:hover\:text-orange-lighter:hover {
+    color: #fcd9b6;
+  }
+
+  .md\:hover\:text-orange-lightest:hover {
+    color: #fff5eb;
+  }
+
+  .md\:hover\:text-yellow-darkest:hover {
+    color: #453411;
+  }
+
+  .md\:hover\:text-yellow-darker:hover {
+    color: #684f1d;
+  }
+
+  .md\:hover\:text-yellow-dark:hover {
+    color: #f2d024;
+  }
+
+  .md\:hover\:text-yellow:hover {
+    color: #ffed4a;
+  }
+
+  .md\:hover\:text-yellow-light:hover {
+    color: #fff382;
+  }
+
+  .md\:hover\:text-yellow-lighter:hover {
+    color: #fff9c2;
+  }
+
+  .md\:hover\:text-yellow-lightest:hover {
+    color: #fcfbeb;
+  }
+
+  .md\:hover\:text-green-darkest:hover {
+    color: #032d19;
+  }
+
+  .md\:hover\:text-green-darker:hover {
+    color: #0b4228;
+  }
+
+  .md\:hover\:text-green-dark:hover {
+    color: #1f9d55;
+  }
+
+  .md\:hover\:text-green:hover {
+    color: #38c172;
+  }
+
+  .md\:hover\:text-green-light:hover {
+    color: #51d88a;
+  }
+
+  .md\:hover\:text-green-lighter:hover {
+    color: #a2f5bf;
+  }
+
+  .md\:hover\:text-green-lightest:hover {
+    color: #e3fcec;
+  }
+
+  .md\:hover\:text-teal-darkest:hover {
+    color: #0d3331;
+  }
+
+  .md\:hover\:text-teal-darker:hover {
+    color: #174e4b;
+  }
+
+  .md\:hover\:text-teal-dark:hover {
+    color: #38a89d;
+  }
+
+  .md\:hover\:text-teal:hover {
+    color: #4dc0b5;
+  }
+
+  .md\:hover\:text-teal-light:hover {
+    color: #64d5ca;
+  }
+
+  .md\:hover\:text-teal-lighter:hover {
+    color: #a0f0ed;
+  }
+
+  .md\:hover\:text-teal-lightest:hover {
+    color: #e8fffe;
+  }
+
+  .md\:hover\:text-blue-darkest:hover {
+    color: #05233b;
+  }
+
+  .md\:hover\:text-blue-darker:hover {
+    color: #103d60;
+  }
+
+  .md\:hover\:text-blue-dark:hover {
+    color: #2779bd;
+  }
+
+  .md\:hover\:text-blue:hover {
+    color: #3490dc;
+  }
+
+  .md\:hover\:text-blue-light:hover {
+    color: #6cb2eb;
+  }
+
+  .md\:hover\:text-blue-lighter:hover {
+    color: #bcdefa;
+  }
+
+  .md\:hover\:text-blue-lightest:hover {
+    color: #eff8ff;
+  }
+
+  .md\:hover\:text-indigo-darkest:hover {
+    color: #191e38;
+  }
+
+  .md\:hover\:text-indigo-darker:hover {
+    color: #2f365f;
+  }
+
+  .md\:hover\:text-indigo-dark:hover {
+    color: #5661b3;
+  }
+
+  .md\:hover\:text-indigo:hover {
+    color: #6574cd;
+  }
+
+  .md\:hover\:text-indigo-light:hover {
+    color: #7886d7;
+  }
+
+  .md\:hover\:text-indigo-lighter:hover {
+    color: #b2b7ff;
+  }
+
+  .md\:hover\:text-indigo-lightest:hover {
+    color: #e6e8ff;
+  }
+
+  .md\:hover\:text-purple-darkest:hover {
+    color: #1f133f;
+  }
+
+  .md\:hover\:text-purple-darker:hover {
+    color: #352465;
+  }
+
+  .md\:hover\:text-purple-dark:hover {
+    color: #794acf;
+  }
+
+  .md\:hover\:text-purple:hover {
+    color: #9561e2;
+  }
+
+  .md\:hover\:text-purple-light:hover {
+    color: #a779e9;
+  }
+
+  .md\:hover\:text-purple-lighter:hover {
+    color: #d6bbfc;
+  }
+
+  .md\:hover\:text-purple-lightest:hover {
+    color: #f3ebff;
+  }
+
+  .md\:hover\:text-pink-darkest:hover {
+    color: #45051e;
+  }
+
+  .md\:hover\:text-pink-darker:hover {
+    color: #72173a;
+  }
+
+  .md\:hover\:text-pink-dark:hover {
+    color: #eb5286;
+  }
+
+  .md\:hover\:text-pink:hover {
+    color: #f66d9b;
+  }
+
+  .md\:hover\:text-pink-light:hover {
+    color: #fa7ea8;
+  }
+
+  .md\:hover\:text-pink-lighter:hover {
+    color: #ffbbca;
+  }
+
+  .md\:hover\:text-pink-lightest:hover {
+    color: #ffebef;
+  }
+
+  .md\:text-xs {
+    font-size: .75rem;
+  }
+
+  .md\:text-sm {
+    font-size: .875rem;
+  }
+
+  .md\:text-base {
+    font-size: 1rem;
+  }
+
+  .md\:text-lg {
+    font-size: 1.125rem;
+  }
+
+  .md\:text-xl {
+    font-size: 1.25rem;
+  }
+
+  .md\:text-2xl {
+    font-size: 1.5rem;
+  }
+
+  .md\:text-3xl {
+    font-size: 1.875rem;
+  }
+
+  .md\:text-4xl {
+    font-size: 2.25rem;
+  }
+
+  .md\:text-5xl {
+    font-size: 3rem;
+  }
+
+  .md\:italic {
+    font-style: italic;
+  }
+
+  .md\:roman {
+    font-style: normal;
+  }
+
+  .md\:uppercase {
+    text-transform: uppercase;
+  }
+
+  .md\:lowercase {
+    text-transform: lowercase;
+  }
+
+  .md\:capitalize {
+    text-transform: capitalize;
+  }
+
+  .md\:normal-case {
+    text-transform: none;
+  }
+
+  .md\:underline {
+    text-decoration: underline;
+  }
+
+  .md\:line-through {
+    text-decoration: line-through;
+  }
+
+  .md\:no-underline {
+    text-decoration: none;
+  }
+
+  .md\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .md\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .md\:hover\:italic:hover {
+    font-style: italic;
+  }
+
+  .md\:hover\:roman:hover {
+    font-style: normal;
+  }
+
+  .md\:hover\:uppercase:hover {
+    text-transform: uppercase;
+  }
+
+  .md\:hover\:lowercase:hover {
+    text-transform: lowercase;
+  }
+
+  .md\:hover\:capitalize:hover {
+    text-transform: capitalize;
+  }
+
+  .md\:hover\:normal-case:hover {
+    text-transform: none;
+  }
+
+  .md\:hover\:underline:hover {
+    text-decoration: underline;
+  }
+
+  .md\:hover\:line-through:hover {
+    text-decoration: line-through;
+  }
+
+  .md\:hover\:no-underline:hover {
+    text-decoration: none;
+  }
+
+  .md\:hover\:antialiased:hover {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .md\:hover\:subpixel-antialiased:hover {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .md\:tracking-tight {
+    letter-spacing: -0.05em;
+  }
+
+  .md\:tracking-normal {
+    letter-spacing: 0;
+  }
+
+  .md\:tracking-wide {
+    letter-spacing: 0.05em;
+  }
+
+  .md\:select-none {
+    user-select: none;
+  }
+
+  .md\:select-text {
+    user-select: text;
+  }
+
+  .md\:align-baseline {
+    vertical-align: baseline;
+  }
+
+  .md\:align-top {
+    vertical-align: top;
+  }
+
+  .md\:align-middle {
+    vertical-align: middle;
+  }
+
+  .md\:align-bottom {
+    vertical-align: bottom;
+  }
+
+  .md\:align-text-top {
+    vertical-align: text-top;
+  }
+
+  .md\:align-text-bottom {
+    vertical-align: text-bottom;
   }
 
   .md\:visible {
@@ -12021,6 +11939,152 @@ button,
     visibility: hidden;
   }
 
+  .md\:whitespace-normal {
+    white-space: normal;
+  }
+
+  .md\:whitespace-no-wrap {
+    white-space: nowrap;
+  }
+
+  .md\:whitespace-pre {
+    white-space: pre;
+  }
+
+  .md\:whitespace-pre-line {
+    white-space: pre-line;
+  }
+
+  .md\:whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+
+  .md\:break-words {
+    word-wrap: break-word;
+  }
+
+  .md\:break-normal {
+    word-wrap: normal;
+  }
+
+  .md\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .md\:w-1 {
+    width: 0.25rem;
+  }
+
+  .md\:w-2 {
+    width: 0.5rem;
+  }
+
+  .md\:w-3 {
+    width: 0.75rem;
+  }
+
+  .md\:w-4 {
+    width: 1rem;
+  }
+
+  .md\:w-6 {
+    width: 1.5rem;
+  }
+
+  .md\:w-8 {
+    width: 2rem;
+  }
+
+  .md\:w-10 {
+    width: 2.5rem;
+  }
+
+  .md\:w-12 {
+    width: 3rem;
+  }
+
+  .md\:w-16 {
+    width: 4rem;
+  }
+
+  .md\:w-24 {
+    width: 6rem;
+  }
+
+  .md\:w-32 {
+    width: 8rem;
+  }
+
+  .md\:w-48 {
+    width: 12rem;
+  }
+
+  .md\:w-64 {
+    width: 16rem;
+  }
+
+  .md\:w-auto {
+    width: auto;
+  }
+
+  .md\:w-px {
+    width: 1px;
+  }
+
+  .md\:w-1\/2 {
+    width: 50%;
+  }
+
+  .md\:w-1\/3 {
+    width: 33.33333%;
+  }
+
+  .md\:w-2\/3 {
+    width: 66.66667%;
+  }
+
+  .md\:w-1\/4 {
+    width: 25%;
+  }
+
+  .md\:w-3\/4 {
+    width: 75%;
+  }
+
+  .md\:w-1\/5 {
+    width: 20%;
+  }
+
+  .md\:w-2\/5 {
+    width: 40%;
+  }
+
+  .md\:w-3\/5 {
+    width: 60%;
+  }
+
+  .md\:w-4\/5 {
+    width: 80%;
+  }
+
+  .md\:w-1\/6 {
+    width: 16.66667%;
+  }
+
+  .md\:w-5\/6 {
+    width: 83.33333%;
+  }
+
+  .md\:w-full {
+    width: 100%;
+  }
+
+  .md\:w-screen {
+    width: 100vw;
+  }
+
   .md\:z-0 {
     z-index: 0;
   }
@@ -12049,70 +12113,6 @@ button,
     z-index: auto;
   }
 
-  .md\:opacity-0 {
-    opacity: 0;
-  }
-
-  .md\:opacity-25 {
-    opacity: .25;
-  }
-
-  .md\:opacity-50 {
-    opacity: .5;
-  }
-
-  .md\:opacity-75 {
-    opacity: .75;
-  }
-
-  .md\:opacity-100 {
-    opacity: 1;
-  }
-
-  .md\:select-none {
-    user-select: none;
-  }
-
-  .md\:select-text {
-    user-select: text;
-  }
-
-  .md\:pointer-events-none {
-    pointer-events: none;
-  }
-
-  .md\:pointer-events-auto {
-    pointer-events: auto;
-  }
-
-  .md\:resize-none {
-    resize: none;
-  }
-
-  .md\:resize-y {
-    resize: vertical;
-  }
-
-  .md\:resize-x {
-    resize: horizontal;
-  }
-
-  .md\:cursor-auto {
-    cursor: auto;
-  }
-
-  .md\:cursor-default {
-    cursor: default;
-  }
-
-  .md\:cursor-pointer {
-    cursor: pointer;
-  }
-
-  .md\:cursor-not-allowed {
-    cursor: not-allowed;
-  }
-
   .md\:example {
     font-weight: 700;
     color: #e3342f;
@@ -12130,904 +12130,6 @@ button,
     appearance: none;
   }
 
-  .lg\:text-xs {
-    font-size: .75rem;
-  }
-
-  .lg\:text-sm {
-    font-size: .875rem;
-  }
-
-  .lg\:text-base {
-    font-size: 1rem;
-  }
-
-  .lg\:text-lg {
-    font-size: 1.125rem;
-  }
-
-  .lg\:text-xl {
-    font-size: 1.25rem;
-  }
-
-  .lg\:text-2xl {
-    font-size: 1.5rem;
-  }
-
-  .lg\:text-3xl {
-    font-size: 1.875rem;
-  }
-
-  .lg\:text-4xl {
-    font-size: 2.25rem;
-  }
-
-  .lg\:text-5xl {
-    font-size: 3rem;
-  }
-
-  .lg\:font-hairline {
-    font-weight: 100;
-  }
-
-  .lg\:font-thin {
-    font-weight: 200;
-  }
-
-  .lg\:font-light {
-    font-weight: 300;
-  }
-
-  .lg\:font-normal {
-    font-weight: 400;
-  }
-
-  .lg\:font-medium {
-    font-weight: 500;
-  }
-
-  .lg\:font-semibold {
-    font-weight: 600;
-  }
-
-  .lg\:font-bold {
-    font-weight: 700;
-  }
-
-  .lg\:font-extrabold {
-    font-weight: 800;
-  }
-
-  .lg\:font-black {
-    font-weight: 900;
-  }
-
-  .lg\:hover\:font-hairline:hover {
-    font-weight: 100;
-  }
-
-  .lg\:hover\:font-thin:hover {
-    font-weight: 200;
-  }
-
-  .lg\:hover\:font-light:hover {
-    font-weight: 300;
-  }
-
-  .lg\:hover\:font-normal:hover {
-    font-weight: 400;
-  }
-
-  .lg\:hover\:font-medium:hover {
-    font-weight: 500;
-  }
-
-  .lg\:hover\:font-semibold:hover {
-    font-weight: 600;
-  }
-
-  .lg\:hover\:font-bold:hover {
-    font-weight: 700;
-  }
-
-  .lg\:hover\:font-extrabold:hover {
-    font-weight: 800;
-  }
-
-  .lg\:hover\:font-black:hover {
-    font-weight: 900;
-  }
-
-  .lg\:font-sans {
-    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
-  }
-
-  .lg\:font-serif {
-    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
-  }
-
-  .lg\:font-mono {
-    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
-  }
-
-  .lg\:text-transparent {
-    color: transparent;
-  }
-
-  .lg\:text-black {
-    color: #222b2f;
-  }
-
-  .lg\:text-grey-darkest {
-    color: #364349;
-  }
-
-  .lg\:text-grey-darker {
-    color: #596a73;
-  }
-
-  .lg\:text-grey-dark {
-    color: #70818a;
-  }
-
-  .lg\:text-grey {
-    color: #9babb4;
-  }
-
-  .lg\:text-grey-light {
-    color: #dae4e9;
-  }
-
-  .lg\:text-grey-lighter {
-    color: #f3f7f9;
-  }
-
-  .lg\:text-grey-lightest {
-    color: #fafcfc;
-  }
-
-  .lg\:text-white {
-    color: #ffffff;
-  }
-
-  .lg\:text-red-darkest {
-    color: #420806;
-  }
-
-  .lg\:text-red-darker {
-    color: #6a1b19;
-  }
-
-  .lg\:text-red-dark {
-    color: #cc1f1a;
-  }
-
-  .lg\:text-red {
-    color: #e3342f;
-  }
-
-  .lg\:text-red-light {
-    color: #ef5753;
-  }
-
-  .lg\:text-red-lighter {
-    color: #f9acaa;
-  }
-
-  .lg\:text-red-lightest {
-    color: #fcebea;
-  }
-
-  .lg\:text-orange-darkest {
-    color: #542605;
-  }
-
-  .lg\:text-orange-darker {
-    color: #7f4012;
-  }
-
-  .lg\:text-orange-dark {
-    color: #de751f;
-  }
-
-  .lg\:text-orange {
-    color: #f6993f;
-  }
-
-  .lg\:text-orange-light {
-    color: #faad63;
-  }
-
-  .lg\:text-orange-lighter {
-    color: #fcd9b6;
-  }
-
-  .lg\:text-orange-lightest {
-    color: #fff5eb;
-  }
-
-  .lg\:text-yellow-darkest {
-    color: #453411;
-  }
-
-  .lg\:text-yellow-darker {
-    color: #684f1d;
-  }
-
-  .lg\:text-yellow-dark {
-    color: #f2d024;
-  }
-
-  .lg\:text-yellow {
-    color: #ffed4a;
-  }
-
-  .lg\:text-yellow-light {
-    color: #fff382;
-  }
-
-  .lg\:text-yellow-lighter {
-    color: #fff9c2;
-  }
-
-  .lg\:text-yellow-lightest {
-    color: #fcfbeb;
-  }
-
-  .lg\:text-green-darkest {
-    color: #032d19;
-  }
-
-  .lg\:text-green-darker {
-    color: #0b4228;
-  }
-
-  .lg\:text-green-dark {
-    color: #1f9d55;
-  }
-
-  .lg\:text-green {
-    color: #38c172;
-  }
-
-  .lg\:text-green-light {
-    color: #51d88a;
-  }
-
-  .lg\:text-green-lighter {
-    color: #a2f5bf;
-  }
-
-  .lg\:text-green-lightest {
-    color: #e3fcec;
-  }
-
-  .lg\:text-teal-darkest {
-    color: #0d3331;
-  }
-
-  .lg\:text-teal-darker {
-    color: #174e4b;
-  }
-
-  .lg\:text-teal-dark {
-    color: #38a89d;
-  }
-
-  .lg\:text-teal {
-    color: #4dc0b5;
-  }
-
-  .lg\:text-teal-light {
-    color: #64d5ca;
-  }
-
-  .lg\:text-teal-lighter {
-    color: #a0f0ed;
-  }
-
-  .lg\:text-teal-lightest {
-    color: #e8fffe;
-  }
-
-  .lg\:text-blue-darkest {
-    color: #05233b;
-  }
-
-  .lg\:text-blue-darker {
-    color: #103d60;
-  }
-
-  .lg\:text-blue-dark {
-    color: #2779bd;
-  }
-
-  .lg\:text-blue {
-    color: #3490dc;
-  }
-
-  .lg\:text-blue-light {
-    color: #6cb2eb;
-  }
-
-  .lg\:text-blue-lighter {
-    color: #bcdefa;
-  }
-
-  .lg\:text-blue-lightest {
-    color: #eff8ff;
-  }
-
-  .lg\:text-indigo-darkest {
-    color: #191e38;
-  }
-
-  .lg\:text-indigo-darker {
-    color: #2f365f;
-  }
-
-  .lg\:text-indigo-dark {
-    color: #5661b3;
-  }
-
-  .lg\:text-indigo {
-    color: #6574cd;
-  }
-
-  .lg\:text-indigo-light {
-    color: #7886d7;
-  }
-
-  .lg\:text-indigo-lighter {
-    color: #b2b7ff;
-  }
-
-  .lg\:text-indigo-lightest {
-    color: #e6e8ff;
-  }
-
-  .lg\:text-purple-darkest {
-    color: #1f133f;
-  }
-
-  .lg\:text-purple-darker {
-    color: #352465;
-  }
-
-  .lg\:text-purple-dark {
-    color: #794acf;
-  }
-
-  .lg\:text-purple {
-    color: #9561e2;
-  }
-
-  .lg\:text-purple-light {
-    color: #a779e9;
-  }
-
-  .lg\:text-purple-lighter {
-    color: #d6bbfc;
-  }
-
-  .lg\:text-purple-lightest {
-    color: #f3ebff;
-  }
-
-  .lg\:text-pink-darkest {
-    color: #45051e;
-  }
-
-  .lg\:text-pink-darker {
-    color: #72173a;
-  }
-
-  .lg\:text-pink-dark {
-    color: #eb5286;
-  }
-
-  .lg\:text-pink {
-    color: #f66d9b;
-  }
-
-  .lg\:text-pink-light {
-    color: #fa7ea8;
-  }
-
-  .lg\:text-pink-lighter {
-    color: #ffbbca;
-  }
-
-  .lg\:text-pink-lightest {
-    color: #ffebef;
-  }
-
-  .lg\:hover\:text-transparent:hover {
-    color: transparent;
-  }
-
-  .lg\:hover\:text-black:hover {
-    color: #222b2f;
-  }
-
-  .lg\:hover\:text-grey-darkest:hover {
-    color: #364349;
-  }
-
-  .lg\:hover\:text-grey-darker:hover {
-    color: #596a73;
-  }
-
-  .lg\:hover\:text-grey-dark:hover {
-    color: #70818a;
-  }
-
-  .lg\:hover\:text-grey:hover {
-    color: #9babb4;
-  }
-
-  .lg\:hover\:text-grey-light:hover {
-    color: #dae4e9;
-  }
-
-  .lg\:hover\:text-grey-lighter:hover {
-    color: #f3f7f9;
-  }
-
-  .lg\:hover\:text-grey-lightest:hover {
-    color: #fafcfc;
-  }
-
-  .lg\:hover\:text-white:hover {
-    color: #ffffff;
-  }
-
-  .lg\:hover\:text-red-darkest:hover {
-    color: #420806;
-  }
-
-  .lg\:hover\:text-red-darker:hover {
-    color: #6a1b19;
-  }
-
-  .lg\:hover\:text-red-dark:hover {
-    color: #cc1f1a;
-  }
-
-  .lg\:hover\:text-red:hover {
-    color: #e3342f;
-  }
-
-  .lg\:hover\:text-red-light:hover {
-    color: #ef5753;
-  }
-
-  .lg\:hover\:text-red-lighter:hover {
-    color: #f9acaa;
-  }
-
-  .lg\:hover\:text-red-lightest:hover {
-    color: #fcebea;
-  }
-
-  .lg\:hover\:text-orange-darkest:hover {
-    color: #542605;
-  }
-
-  .lg\:hover\:text-orange-darker:hover {
-    color: #7f4012;
-  }
-
-  .lg\:hover\:text-orange-dark:hover {
-    color: #de751f;
-  }
-
-  .lg\:hover\:text-orange:hover {
-    color: #f6993f;
-  }
-
-  .lg\:hover\:text-orange-light:hover {
-    color: #faad63;
-  }
-
-  .lg\:hover\:text-orange-lighter:hover {
-    color: #fcd9b6;
-  }
-
-  .lg\:hover\:text-orange-lightest:hover {
-    color: #fff5eb;
-  }
-
-  .lg\:hover\:text-yellow-darkest:hover {
-    color: #453411;
-  }
-
-  .lg\:hover\:text-yellow-darker:hover {
-    color: #684f1d;
-  }
-
-  .lg\:hover\:text-yellow-dark:hover {
-    color: #f2d024;
-  }
-
-  .lg\:hover\:text-yellow:hover {
-    color: #ffed4a;
-  }
-
-  .lg\:hover\:text-yellow-light:hover {
-    color: #fff382;
-  }
-
-  .lg\:hover\:text-yellow-lighter:hover {
-    color: #fff9c2;
-  }
-
-  .lg\:hover\:text-yellow-lightest:hover {
-    color: #fcfbeb;
-  }
-
-  .lg\:hover\:text-green-darkest:hover {
-    color: #032d19;
-  }
-
-  .lg\:hover\:text-green-darker:hover {
-    color: #0b4228;
-  }
-
-  .lg\:hover\:text-green-dark:hover {
-    color: #1f9d55;
-  }
-
-  .lg\:hover\:text-green:hover {
-    color: #38c172;
-  }
-
-  .lg\:hover\:text-green-light:hover {
-    color: #51d88a;
-  }
-
-  .lg\:hover\:text-green-lighter:hover {
-    color: #a2f5bf;
-  }
-
-  .lg\:hover\:text-green-lightest:hover {
-    color: #e3fcec;
-  }
-
-  .lg\:hover\:text-teal-darkest:hover {
-    color: #0d3331;
-  }
-
-  .lg\:hover\:text-teal-darker:hover {
-    color: #174e4b;
-  }
-
-  .lg\:hover\:text-teal-dark:hover {
-    color: #38a89d;
-  }
-
-  .lg\:hover\:text-teal:hover {
-    color: #4dc0b5;
-  }
-
-  .lg\:hover\:text-teal-light:hover {
-    color: #64d5ca;
-  }
-
-  .lg\:hover\:text-teal-lighter:hover {
-    color: #a0f0ed;
-  }
-
-  .lg\:hover\:text-teal-lightest:hover {
-    color: #e8fffe;
-  }
-
-  .lg\:hover\:text-blue-darkest:hover {
-    color: #05233b;
-  }
-
-  .lg\:hover\:text-blue-darker:hover {
-    color: #103d60;
-  }
-
-  .lg\:hover\:text-blue-dark:hover {
-    color: #2779bd;
-  }
-
-  .lg\:hover\:text-blue:hover {
-    color: #3490dc;
-  }
-
-  .lg\:hover\:text-blue-light:hover {
-    color: #6cb2eb;
-  }
-
-  .lg\:hover\:text-blue-lighter:hover {
-    color: #bcdefa;
-  }
-
-  .lg\:hover\:text-blue-lightest:hover {
-    color: #eff8ff;
-  }
-
-  .lg\:hover\:text-indigo-darkest:hover {
-    color: #191e38;
-  }
-
-  .lg\:hover\:text-indigo-darker:hover {
-    color: #2f365f;
-  }
-
-  .lg\:hover\:text-indigo-dark:hover {
-    color: #5661b3;
-  }
-
-  .lg\:hover\:text-indigo:hover {
-    color: #6574cd;
-  }
-
-  .lg\:hover\:text-indigo-light:hover {
-    color: #7886d7;
-  }
-
-  .lg\:hover\:text-indigo-lighter:hover {
-    color: #b2b7ff;
-  }
-
-  .lg\:hover\:text-indigo-lightest:hover {
-    color: #e6e8ff;
-  }
-
-  .lg\:hover\:text-purple-darkest:hover {
-    color: #1f133f;
-  }
-
-  .lg\:hover\:text-purple-darker:hover {
-    color: #352465;
-  }
-
-  .lg\:hover\:text-purple-dark:hover {
-    color: #794acf;
-  }
-
-  .lg\:hover\:text-purple:hover {
-    color: #9561e2;
-  }
-
-  .lg\:hover\:text-purple-light:hover {
-    color: #a779e9;
-  }
-
-  .lg\:hover\:text-purple-lighter:hover {
-    color: #d6bbfc;
-  }
-
-  .lg\:hover\:text-purple-lightest:hover {
-    color: #f3ebff;
-  }
-
-  .lg\:hover\:text-pink-darkest:hover {
-    color: #45051e;
-  }
-
-  .lg\:hover\:text-pink-darker:hover {
-    color: #72173a;
-  }
-
-  .lg\:hover\:text-pink-dark:hover {
-    color: #eb5286;
-  }
-
-  .lg\:hover\:text-pink:hover {
-    color: #f66d9b;
-  }
-
-  .lg\:hover\:text-pink-light:hover {
-    color: #fa7ea8;
-  }
-
-  .lg\:hover\:text-pink-lighter:hover {
-    color: #ffbbca;
-  }
-
-  .lg\:hover\:text-pink-lightest:hover {
-    color: #ffebef;
-  }
-
-  .lg\:leading-none {
-    line-height: 1;
-  }
-
-  .lg\:leading-tight {
-    line-height: 1.25;
-  }
-
-  .lg\:leading-normal {
-    line-height: 1.5;
-  }
-
-  .lg\:leading-loose {
-    line-height: 2;
-  }
-
-  .lg\:tracking-tight {
-    letter-spacing: -0.05em;
-  }
-
-  .lg\:tracking-normal {
-    letter-spacing: 0;
-  }
-
-  .lg\:tracking-wide {
-    letter-spacing: 0.05em;
-  }
-
-  .lg\:text-left {
-    text-align: left;
-  }
-
-  .lg\:text-center {
-    text-align: center;
-  }
-
-  .lg\:text-right {
-    text-align: right;
-  }
-
-  .lg\:text-justify {
-    text-align: justify;
-  }
-
-  .lg\:whitespace-normal {
-    white-space: normal;
-  }
-
-  .lg\:whitespace-no-wrap {
-    white-space: nowrap;
-  }
-
-  .lg\:whitespace-pre {
-    white-space: pre;
-  }
-
-  .lg\:whitespace-pre-line {
-    white-space: pre-line;
-  }
-
-  .lg\:whitespace-pre-wrap {
-    white-space: pre-wrap;
-  }
-
-  .lg\:break-words {
-    word-wrap: break-word;
-  }
-
-  .lg\:break-normal {
-    word-wrap: normal;
-  }
-
-  .lg\:truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .lg\:italic {
-    font-style: italic;
-  }
-
-  .lg\:roman {
-    font-style: normal;
-  }
-
-  .lg\:uppercase {
-    text-transform: uppercase;
-  }
-
-  .lg\:lowercase {
-    text-transform: lowercase;
-  }
-
-  .lg\:capitalize {
-    text-transform: capitalize;
-  }
-
-  .lg\:normal-case {
-    text-transform: none;
-  }
-
-  .lg\:underline {
-    text-decoration: underline;
-  }
-
-  .lg\:line-through {
-    text-decoration: line-through;
-  }
-
-  .lg\:no-underline {
-    text-decoration: none;
-  }
-
-  .lg\:antialiased {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  .lg\:subpixel-antialiased {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto;
-  }
-
-  .lg\:hover\:italic:hover {
-    font-style: italic;
-  }
-
-  .lg\:hover\:roman:hover {
-    font-style: normal;
-  }
-
-  .lg\:hover\:uppercase:hover {
-    text-transform: uppercase;
-  }
-
-  .lg\:hover\:lowercase:hover {
-    text-transform: lowercase;
-  }
-
-  .lg\:hover\:capitalize:hover {
-    text-transform: capitalize;
-  }
-
-  .lg\:hover\:normal-case:hover {
-    text-transform: none;
-  }
-
-  .lg\:hover\:underline:hover {
-    text-decoration: underline;
-  }
-
-  .lg\:hover\:line-through:hover {
-    text-decoration: line-through;
-  }
-
-  .lg\:hover\:no-underline:hover {
-    text-decoration: none;
-  }
-
-  .lg\:hover\:antialiased:hover {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  .lg\:hover\:subpixel-antialiased:hover {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto;
-  }
-
-  .lg\:align-baseline {
-    vertical-align: baseline;
-  }
-
-  .lg\:align-top {
-    vertical-align: top;
-  }
-
-  .lg\:align-middle {
-    vertical-align: middle;
-  }
-
-  .lg\:align-bottom {
-    vertical-align: bottom;
-  }
-
-  .lg\:align-text-top {
-    vertical-align: text-top;
-  }
-
-  .lg\:align-text-bottom {
-    vertical-align: text-bottom;
-  }
-
   .lg\:bg-transparent {
     background-color: transparent;
   }
@@ -13656,106 +12758,6 @@ button,
     background-size: contain;
   }
 
-  .lg\:border-0 {
-    border-width: 0;
-  }
-
-  .lg\:border-2 {
-    border-width: 2px;
-  }
-
-  .lg\:border-4 {
-    border-width: 4px;
-  }
-
-  .lg\:border-8 {
-    border-width: 8px;
-  }
-
-  .lg\:border {
-    border-width: 1px;
-  }
-
-  .lg\:border-t-0 {
-    border-top-width: 0;
-  }
-
-  .lg\:border-r-0 {
-    border-right-width: 0;
-  }
-
-  .lg\:border-b-0 {
-    border-bottom-width: 0;
-  }
-
-  .lg\:border-l-0 {
-    border-left-width: 0;
-  }
-
-  .lg\:border-t-2 {
-    border-top-width: 2px;
-  }
-
-  .lg\:border-r-2 {
-    border-right-width: 2px;
-  }
-
-  .lg\:border-b-2 {
-    border-bottom-width: 2px;
-  }
-
-  .lg\:border-l-2 {
-    border-left-width: 2px;
-  }
-
-  .lg\:border-t-4 {
-    border-top-width: 4px;
-  }
-
-  .lg\:border-r-4 {
-    border-right-width: 4px;
-  }
-
-  .lg\:border-b-4 {
-    border-bottom-width: 4px;
-  }
-
-  .lg\:border-l-4 {
-    border-left-width: 4px;
-  }
-
-  .lg\:border-t-8 {
-    border-top-width: 8px;
-  }
-
-  .lg\:border-r-8 {
-    border-right-width: 8px;
-  }
-
-  .lg\:border-b-8 {
-    border-bottom-width: 8px;
-  }
-
-  .lg\:border-l-8 {
-    border-left-width: 8px;
-  }
-
-  .lg\:border-t {
-    border-top-width: 1px;
-  }
-
-  .lg\:border-r {
-    border-right-width: 1px;
-  }
-
-  .lg\:border-b {
-    border-bottom-width: 1px;
-  }
-
-  .lg\:border-l {
-    border-left-width: 1px;
-  }
-
   .lg\:border-transparent {
     border-color: transparent;
   }
@@ -14340,22 +13342,6 @@ button,
     border-color: #ffebef;
   }
 
-  .lg\:border-solid {
-    border-style: solid;
-  }
-
-  .lg\:border-dashed {
-    border-style: dashed;
-  }
-
-  .lg\:border-dotted {
-    border-style: dotted;
-  }
-
-  .lg\:border-none {
-    border-style: none;
-  }
-
   .lg\:rounded-none {
     border-radius: 0;
   }
@@ -14556,6 +13542,138 @@ button,
     border-bottom-left-radius: 9999px;
   }
 
+  .lg\:border-solid {
+    border-style: solid;
+  }
+
+  .lg\:border-dashed {
+    border-style: dashed;
+  }
+
+  .lg\:border-dotted {
+    border-style: dotted;
+  }
+
+  .lg\:border-none {
+    border-style: none;
+  }
+
+  .lg\:border-0 {
+    border-width: 0;
+  }
+
+  .lg\:border-2 {
+    border-width: 2px;
+  }
+
+  .lg\:border-4 {
+    border-width: 4px;
+  }
+
+  .lg\:border-8 {
+    border-width: 8px;
+  }
+
+  .lg\:border {
+    border-width: 1px;
+  }
+
+  .lg\:border-t-0 {
+    border-top-width: 0;
+  }
+
+  .lg\:border-r-0 {
+    border-right-width: 0;
+  }
+
+  .lg\:border-b-0 {
+    border-bottom-width: 0;
+  }
+
+  .lg\:border-l-0 {
+    border-left-width: 0;
+  }
+
+  .lg\:border-t-2 {
+    border-top-width: 2px;
+  }
+
+  .lg\:border-r-2 {
+    border-right-width: 2px;
+  }
+
+  .lg\:border-b-2 {
+    border-bottom-width: 2px;
+  }
+
+  .lg\:border-l-2 {
+    border-left-width: 2px;
+  }
+
+  .lg\:border-t-4 {
+    border-top-width: 4px;
+  }
+
+  .lg\:border-r-4 {
+    border-right-width: 4px;
+  }
+
+  .lg\:border-b-4 {
+    border-bottom-width: 4px;
+  }
+
+  .lg\:border-l-4 {
+    border-left-width: 4px;
+  }
+
+  .lg\:border-t-8 {
+    border-top-width: 8px;
+  }
+
+  .lg\:border-r-8 {
+    border-right-width: 8px;
+  }
+
+  .lg\:border-b-8 {
+    border-bottom-width: 8px;
+  }
+
+  .lg\:border-l-8 {
+    border-left-width: 8px;
+  }
+
+  .lg\:border-t {
+    border-top-width: 1px;
+  }
+
+  .lg\:border-r {
+    border-right-width: 1px;
+  }
+
+  .lg\:border-b {
+    border-bottom-width: 1px;
+  }
+
+  .lg\:border-l {
+    border-left-width: 1px;
+  }
+
+  .lg\:cursor-auto {
+    cursor: auto;
+  }
+
+  .lg\:cursor-default {
+    cursor: default;
+  }
+
+  .lg\:cursor-pointer {
+    cursor: pointer;
+  }
+
+  .lg\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
   .lg\:block {
     display: block;
   }
@@ -14584,249 +13702,254 @@ button,
     display: none;
   }
 
-  .lg\:static {
-    position: static;
+  .lg\:flex {
+    display: flex;
   }
 
-  .lg\:fixed {
-    position: fixed;
+  .lg\:inline-flex {
+    display: inline-flex;
   }
 
-  .lg\:absolute {
-    position: absolute;
+  .lg\:flex-row {
+    flex-direction: row;
   }
 
-  .lg\:relative {
-    position: relative;
+  .lg\:flex-row-reverse {
+    flex-direction: row-reverse;
   }
 
-  .lg\:pin-t {
-    top: 0;
+  .lg\:flex-col {
+    flex-direction: column;
   }
 
-  .lg\:pin-r {
-    right: 0;
+  .lg\:flex-col-reverse {
+    flex-direction: column-reverse;
   }
 
-  .lg\:pin-b {
-    bottom: 0;
+  .lg\:flex-wrap {
+    flex-wrap: wrap;
   }
 
-  .lg\:pin-l {
-    left: 0;
+  .lg\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
   }
 
-  .lg\:pin-y {
-    top: 0;
-    bottom: 0;
+  .lg\:flex-no-wrap {
+    flex-wrap: nowrap;
   }
 
-  .lg\:pin-x {
-    right: 0;
-    left: 0;
+  .lg\:items-start {
+    align-items: flex-start;
   }
 
-  .lg\:pin {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
+  .lg\:items-end {
+    align-items: flex-end;
   }
 
-  .lg\:overflow-auto {
-    overflow: auto;
+  .lg\:items-center {
+    align-items: center;
   }
 
-  .lg\:overflow-hidden {
-    overflow: hidden;
+  .lg\:items-baseline {
+    align-items: baseline;
   }
 
-  .lg\:overflow-visible {
-    overflow: visible;
+  .lg\:items-stretch {
+    align-items: stretch;
   }
 
-  .lg\:overflow-scroll {
-    overflow: scroll;
+  .lg\:self-auto {
+    align-self: auto;
   }
 
-  .lg\:overflow-x-scroll {
-    overflow-x: auto;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
+  .lg\:self-start {
+    align-self: flex-start;
   }
 
-  .lg\:overflow-y-scroll {
-    overflow-y: auto;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
+  .lg\:self-end {
+    align-self: flex-end;
   }
 
-  .lg\:scrolling-touch {
-    -webkit-overflow-scrolling: touch;
+  .lg\:self-center {
+    align-self: center;
   }
 
-  .lg\:scrolling-auto {
-    -webkit-overflow-scrolling: auto;
+  .lg\:self-stretch {
+    align-self: stretch;
   }
 
-  .lg\:w-1 {
-    width: 0.25rem;
+  .lg\:justify-start {
+    justify-content: flex-start;
   }
 
-  .lg\:w-2 {
-    width: 0.5rem;
+  .lg\:justify-end {
+    justify-content: flex-end;
   }
 
-  .lg\:w-3 {
-    width: 0.75rem;
+  .lg\:justify-center {
+    justify-content: center;
   }
 
-  .lg\:w-4 {
-    width: 1rem;
+  .lg\:justify-between {
+    justify-content: space-between;
   }
 
-  .lg\:w-6 {
-    width: 1.5rem;
+  .lg\:justify-around {
+    justify-content: space-around;
   }
 
-  .lg\:w-8 {
-    width: 2rem;
+  .lg\:content-center {
+    align-content: center;
   }
 
-  .lg\:w-10 {
-    width: 2.5rem;
+  .lg\:content-start {
+    align-content: flex-start;
   }
 
-  .lg\:w-12 {
-    width: 3rem;
+  .lg\:content-end {
+    align-content: flex-end;
   }
 
-  .lg\:w-16 {
-    width: 4rem;
+  .lg\:content-between {
+    align-content: space-between;
   }
 
-  .lg\:w-24 {
-    width: 6rem;
+  .lg\:content-around {
+    align-content: space-around;
   }
 
-  .lg\:w-32 {
-    width: 8rem;
+  .lg\:flex-1 {
+    flex: 1;
   }
 
-  .lg\:w-48 {
-    width: 12rem;
+  .lg\:flex-auto {
+    flex: auto;
   }
 
-  .lg\:w-64 {
-    width: 16rem;
+  .lg\:flex-initial {
+    flex: initial;
   }
 
-  .lg\:w-auto {
-    width: auto;
+  .lg\:flex-none {
+    flex: none;
   }
 
-  .lg\:w-px {
-    width: 1px;
+  .lg\:flex-grow {
+    flex-grow: 1;
   }
 
-  .lg\:w-1\/2 {
-    width: 50%;
+  .lg\:flex-shrink {
+    flex-shrink: 1;
   }
 
-  .lg\:w-1\/3 {
-    width: 33.33333%;
+  .lg\:flex-no-grow {
+    flex-grow: 0;
   }
 
-  .lg\:w-2\/3 {
-    width: 66.66667%;
+  .lg\:flex-no-shrink {
+    flex-shrink: 0;
   }
 
-  .lg\:w-1\/4 {
-    width: 25%;
+  .lg\:float-right {
+    float: right;
   }
 
-  .lg\:w-3\/4 {
-    width: 75%;
+  .lg\:float-left {
+    float: left;
   }
 
-  .lg\:w-1\/5 {
-    width: 20%;
+  .lg\:float-none {
+    float: none;
   }
 
-  .lg\:w-2\/5 {
-    width: 40%;
+  .lg\:clearfix:after {
+    content: "";
+    display: table;
+    clear: both;
   }
 
-  .lg\:w-3\/5 {
-    width: 60%;
+  .lg\:font-sans {
+    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   }
 
-  .lg\:w-4\/5 {
-    width: 80%;
+  .lg\:font-serif {
+    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
   }
 
-  .lg\:w-1\/6 {
-    width: 16.66667%;
+  .lg\:font-mono {
+    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
   }
 
-  .lg\:w-5\/6 {
-    width: 83.33333%;
+  .lg\:font-hairline {
+    font-weight: 100;
   }
 
-  .lg\:w-full {
-    width: 100%;
+  .lg\:font-thin {
+    font-weight: 200;
   }
 
-  .lg\:w-screen {
-    width: 100vw;
+  .lg\:font-light {
+    font-weight: 300;
   }
 
-  .lg\:min-w-0 {
-    min-width: 0;
+  .lg\:font-normal {
+    font-weight: 400;
   }
 
-  .lg\:min-w-full {
-    min-width: 100%;
+  .lg\:font-medium {
+    font-weight: 500;
   }
 
-  .lg\:max-w-xs {
-    max-width: 20rem;
+  .lg\:font-semibold {
+    font-weight: 600;
   }
 
-  .lg\:max-w-sm {
-    max-width: 30rem;
+  .lg\:font-bold {
+    font-weight: 700;
   }
 
-  .lg\:max-w-md {
-    max-width: 40rem;
+  .lg\:font-extrabold {
+    font-weight: 800;
   }
 
-  .lg\:max-w-lg {
-    max-width: 50rem;
+  .lg\:font-black {
+    font-weight: 900;
   }
 
-  .lg\:max-w-xl {
-    max-width: 60rem;
+  .lg\:hover\:font-hairline:hover {
+    font-weight: 100;
   }
 
-  .lg\:max-w-2xl {
-    max-width: 70rem;
+  .lg\:hover\:font-thin:hover {
+    font-weight: 200;
   }
 
-  .lg\:max-w-3xl {
-    max-width: 80rem;
+  .lg\:hover\:font-light:hover {
+    font-weight: 300;
   }
 
-  .lg\:max-w-4xl {
-    max-width: 90rem;
+  .lg\:hover\:font-normal:hover {
+    font-weight: 400;
   }
 
-  .lg\:max-w-5xl {
-    max-width: 100rem;
+  .lg\:hover\:font-medium:hover {
+    font-weight: 500;
   }
 
-  .lg\:max-w-full {
-    max-width: 100%;
+  .lg\:hover\:font-semibold:hover {
+    font-weight: 600;
+  }
+
+  .lg\:hover\:font-bold:hover {
+    font-weight: 700;
+  }
+
+  .lg\:hover\:font-extrabold:hover {
+    font-weight: 800;
+  }
+
+  .lg\:hover\:font-black:hover {
+    font-weight: 900;
   }
 
   .lg\:h-1 {
@@ -14897,264 +14020,20 @@ button,
     height: 100vh;
   }
 
-  .lg\:min-h-0 {
-    min-height: 0;
+  .lg\:leading-none {
+    line-height: 1;
   }
 
-  .lg\:min-h-full {
-    min-height: 100%;
+  .lg\:leading-tight {
+    line-height: 1.25;
   }
 
-  .lg\:min-h-screen {
-    min-height: 100vh;
+  .lg\:leading-normal {
+    line-height: 1.5;
   }
 
-  .lg\:max-h-full {
-    max-height: 100%;
-  }
-
-  .lg\:max-h-screen {
-    max-height: 100vh;
-  }
-
-  .lg\:p-0 {
-    padding: 0;
-  }
-
-  .lg\:p-1 {
-    padding: 0.25rem;
-  }
-
-  .lg\:p-2 {
-    padding: 0.5rem;
-  }
-
-  .lg\:p-3 {
-    padding: 0.75rem;
-  }
-
-  .lg\:p-4 {
-    padding: 1rem;
-  }
-
-  .lg\:p-6 {
-    padding: 1.5rem;
-  }
-
-  .lg\:p-8 {
-    padding: 2rem;
-  }
-
-  .lg\:p-px {
-    padding: 1px;
-  }
-
-  .lg\:py-0 {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-
-  .lg\:px-0 {
-    padding-left: 0;
-    padding-right: 0;
-  }
-
-  .lg\:py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
-
-  .lg\:px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
-  }
-
-  .lg\:py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-  }
-
-  .lg\:px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-  }
-
-  .lg\:py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
-  }
-
-  .lg\:px-3 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-  }
-
-  .lg\:py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-  }
-
-  .lg\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
-  .lg\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
-
-  .lg\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-
-  .lg\:py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-  }
-
-  .lg\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .lg\:py-px {
-    padding-top: 1px;
-    padding-bottom: 1px;
-  }
-
-  .lg\:px-px {
-    padding-left: 1px;
-    padding-right: 1px;
-  }
-
-  .lg\:pt-0 {
-    padding-top: 0;
-  }
-
-  .lg\:pr-0 {
-    padding-right: 0;
-  }
-
-  .lg\:pb-0 {
-    padding-bottom: 0;
-  }
-
-  .lg\:pl-0 {
-    padding-left: 0;
-  }
-
-  .lg\:pt-1 {
-    padding-top: 0.25rem;
-  }
-
-  .lg\:pr-1 {
-    padding-right: 0.25rem;
-  }
-
-  .lg\:pb-1 {
-    padding-bottom: 0.25rem;
-  }
-
-  .lg\:pl-1 {
-    padding-left: 0.25rem;
-  }
-
-  .lg\:pt-2 {
-    padding-top: 0.5rem;
-  }
-
-  .lg\:pr-2 {
-    padding-right: 0.5rem;
-  }
-
-  .lg\:pb-2 {
-    padding-bottom: 0.5rem;
-  }
-
-  .lg\:pl-2 {
-    padding-left: 0.5rem;
-  }
-
-  .lg\:pt-3 {
-    padding-top: 0.75rem;
-  }
-
-  .lg\:pr-3 {
-    padding-right: 0.75rem;
-  }
-
-  .lg\:pb-3 {
-    padding-bottom: 0.75rem;
-  }
-
-  .lg\:pl-3 {
-    padding-left: 0.75rem;
-  }
-
-  .lg\:pt-4 {
-    padding-top: 1rem;
-  }
-
-  .lg\:pr-4 {
-    padding-right: 1rem;
-  }
-
-  .lg\:pb-4 {
-    padding-bottom: 1rem;
-  }
-
-  .lg\:pl-4 {
-    padding-left: 1rem;
-  }
-
-  .lg\:pt-6 {
-    padding-top: 1.5rem;
-  }
-
-  .lg\:pr-6 {
-    padding-right: 1.5rem;
-  }
-
-  .lg\:pb-6 {
-    padding-bottom: 1.5rem;
-  }
-
-  .lg\:pl-6 {
-    padding-left: 1.5rem;
-  }
-
-  .lg\:pt-8 {
-    padding-top: 2rem;
-  }
-
-  .lg\:pr-8 {
-    padding-right: 2rem;
-  }
-
-  .lg\:pb-8 {
-    padding-bottom: 2rem;
-  }
-
-  .lg\:pl-8 {
-    padding-left: 2rem;
-  }
-
-  .lg\:pt-px {
-    padding-top: 1px;
-  }
-
-  .lg\:pr-px {
-    padding-right: 1px;
-  }
-
-  .lg\:pb-px {
-    padding-bottom: 1px;
-  }
-
-  .lg\:pl-px {
-    padding-left: 1px;
+  .lg\:leading-loose {
+    line-height: 2;
   }
 
   .lg\:m-0 {
@@ -15427,6 +14306,74 @@ button,
     margin-left: 1px;
   }
 
+  .lg\:max-h-full {
+    max-height: 100%;
+  }
+
+  .lg\:max-h-screen {
+    max-height: 100vh;
+  }
+
+  .lg\:max-w-xs {
+    max-width: 20rem;
+  }
+
+  .lg\:max-w-sm {
+    max-width: 30rem;
+  }
+
+  .lg\:max-w-md {
+    max-width: 40rem;
+  }
+
+  .lg\:max-w-lg {
+    max-width: 50rem;
+  }
+
+  .lg\:max-w-xl {
+    max-width: 60rem;
+  }
+
+  .lg\:max-w-2xl {
+    max-width: 70rem;
+  }
+
+  .lg\:max-w-3xl {
+    max-width: 80rem;
+  }
+
+  .lg\:max-w-4xl {
+    max-width: 90rem;
+  }
+
+  .lg\:max-w-5xl {
+    max-width: 100rem;
+  }
+
+  .lg\:max-w-full {
+    max-width: 100%;
+  }
+
+  .lg\:min-h-0 {
+    min-height: 0;
+  }
+
+  .lg\:min-h-full {
+    min-height: 100%;
+  }
+
+  .lg\:min-h-screen {
+    min-height: 100vh;
+  }
+
+  .lg\:min-w-0 {
+    min-width: 0;
+  }
+
+  .lg\:min-w-full {
+    min-width: 100%;
+  }
+
   .lg\:-m-0 {
     margin: 0;
   }
@@ -15667,6 +14614,371 @@ button,
     margin-left: -1px;
   }
 
+  .lg\:opacity-0 {
+    opacity: 0;
+  }
+
+  .lg\:opacity-25 {
+    opacity: .25;
+  }
+
+  .lg\:opacity-50 {
+    opacity: .5;
+  }
+
+  .lg\:opacity-75 {
+    opacity: .75;
+  }
+
+  .lg\:opacity-100 {
+    opacity: 1;
+  }
+
+  .lg\:overflow-auto {
+    overflow: auto;
+  }
+
+  .lg\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .lg\:overflow-visible {
+    overflow: visible;
+  }
+
+  .lg\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .lg\:overflow-x-scroll {
+    overflow-x: auto;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+  }
+
+  .lg\:overflow-y-scroll {
+    overflow-y: auto;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+  }
+
+  .lg\:scrolling-touch {
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .lg\:scrolling-auto {
+    -webkit-overflow-scrolling: auto;
+  }
+
+  .lg\:p-0 {
+    padding: 0;
+  }
+
+  .lg\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .lg\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .lg\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .lg\:p-4 {
+    padding: 1rem;
+  }
+
+  .lg\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .lg\:p-8 {
+    padding: 2rem;
+  }
+
+  .lg\:p-px {
+    padding: 1px;
+  }
+
+  .lg\:py-0 {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  .lg\:px-0 {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .lg\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
+  .lg\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+
+  .lg\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .lg\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+
+  .lg\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .lg\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
+  .lg\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
+  .lg\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .lg\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
+  .lg\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .lg\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  .lg\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .lg\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  .lg\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+
+  .lg\:pt-0 {
+    padding-top: 0;
+  }
+
+  .lg\:pr-0 {
+    padding-right: 0;
+  }
+
+  .lg\:pb-0 {
+    padding-bottom: 0;
+  }
+
+  .lg\:pl-0 {
+    padding-left: 0;
+  }
+
+  .lg\:pt-1 {
+    padding-top: 0.25rem;
+  }
+
+  .lg\:pr-1 {
+    padding-right: 0.25rem;
+  }
+
+  .lg\:pb-1 {
+    padding-bottom: 0.25rem;
+  }
+
+  .lg\:pl-1 {
+    padding-left: 0.25rem;
+  }
+
+  .lg\:pt-2 {
+    padding-top: 0.5rem;
+  }
+
+  .lg\:pr-2 {
+    padding-right: 0.5rem;
+  }
+
+  .lg\:pb-2 {
+    padding-bottom: 0.5rem;
+  }
+
+  .lg\:pl-2 {
+    padding-left: 0.5rem;
+  }
+
+  .lg\:pt-3 {
+    padding-top: 0.75rem;
+  }
+
+  .lg\:pr-3 {
+    padding-right: 0.75rem;
+  }
+
+  .lg\:pb-3 {
+    padding-bottom: 0.75rem;
+  }
+
+  .lg\:pl-3 {
+    padding-left: 0.75rem;
+  }
+
+  .lg\:pt-4 {
+    padding-top: 1rem;
+  }
+
+  .lg\:pr-4 {
+    padding-right: 1rem;
+  }
+
+  .lg\:pb-4 {
+    padding-bottom: 1rem;
+  }
+
+  .lg\:pl-4 {
+    padding-left: 1rem;
+  }
+
+  .lg\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .lg\:pr-6 {
+    padding-right: 1.5rem;
+  }
+
+  .lg\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
+  .lg\:pl-6 {
+    padding-left: 1.5rem;
+  }
+
+  .lg\:pt-8 {
+    padding-top: 2rem;
+  }
+
+  .lg\:pr-8 {
+    padding-right: 2rem;
+  }
+
+  .lg\:pb-8 {
+    padding-bottom: 2rem;
+  }
+
+  .lg\:pl-8 {
+    padding-left: 2rem;
+  }
+
+  .lg\:pt-px {
+    padding-top: 1px;
+  }
+
+  .lg\:pr-px {
+    padding-right: 1px;
+  }
+
+  .lg\:pb-px {
+    padding-bottom: 1px;
+  }
+
+  .lg\:pl-px {
+    padding-left: 1px;
+  }
+
+  .lg\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .lg\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
+  .lg\:static {
+    position: static;
+  }
+
+  .lg\:fixed {
+    position: fixed;
+  }
+
+  .lg\:absolute {
+    position: absolute;
+  }
+
+  .lg\:relative {
+    position: relative;
+  }
+
+  .lg\:pin-t {
+    top: 0;
+  }
+
+  .lg\:pin-r {
+    right: 0;
+  }
+
+  .lg\:pin-b {
+    bottom: 0;
+  }
+
+  .lg\:pin-l {
+    left: 0;
+  }
+
+  .lg\:pin-y {
+    top: 0;
+    bottom: 0;
+  }
+
+  .lg\:pin-x {
+    right: 0;
+    left: 0;
+  }
+
+  .lg\:pin {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+  .lg\:resize-none {
+    resize: none;
+  }
+
+  .lg\:resize-y {
+    resize: vertical;
+  }
+
+  .lg\:resize-x {
+    resize: horizontal;
+  }
+
   .lg\:shadow {
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
   }
@@ -15687,170 +14999,776 @@ button,
     box-shadow: none;
   }
 
-  .lg\:flex {
-    display: flex;
+  .lg\:text-left {
+    text-align: left;
   }
 
-  .lg\:inline-flex {
-    display: inline-flex;
+  .lg\:text-center {
+    text-align: center;
   }
 
-  .lg\:flex-row {
-    flex-direction: row;
+  .lg\:text-right {
+    text-align: right;
   }
 
-  .lg\:flex-row-reverse {
-    flex-direction: row-reverse;
+  .lg\:text-justify {
+    text-align: justify;
   }
 
-  .lg\:flex-col {
-    flex-direction: column;
+  .lg\:text-transparent {
+    color: transparent;
   }
 
-  .lg\:flex-col-reverse {
-    flex-direction: column-reverse;
+  .lg\:text-black {
+    color: #222b2f;
   }
 
-  .lg\:flex-wrap {
-    flex-wrap: wrap;
+  .lg\:text-grey-darkest {
+    color: #364349;
   }
 
-  .lg\:flex-wrap-reverse {
-    flex-wrap: wrap-reverse;
+  .lg\:text-grey-darker {
+    color: #596a73;
   }
 
-  .lg\:flex-no-wrap {
-    flex-wrap: nowrap;
+  .lg\:text-grey-dark {
+    color: #70818a;
   }
 
-  .lg\:items-start {
-    align-items: flex-start;
+  .lg\:text-grey {
+    color: #9babb4;
   }
 
-  .lg\:items-end {
-    align-items: flex-end;
+  .lg\:text-grey-light {
+    color: #dae4e9;
   }
 
-  .lg\:items-center {
-    align-items: center;
+  .lg\:text-grey-lighter {
+    color: #f3f7f9;
   }
 
-  .lg\:items-baseline {
-    align-items: baseline;
+  .lg\:text-grey-lightest {
+    color: #fafcfc;
   }
 
-  .lg\:items-stretch {
-    align-items: stretch;
+  .lg\:text-white {
+    color: #ffffff;
   }
 
-  .lg\:self-auto {
-    align-self: auto;
+  .lg\:text-red-darkest {
+    color: #420806;
   }
 
-  .lg\:self-start {
-    align-self: flex-start;
+  .lg\:text-red-darker {
+    color: #6a1b19;
   }
 
-  .lg\:self-end {
-    align-self: flex-end;
+  .lg\:text-red-dark {
+    color: #cc1f1a;
   }
 
-  .lg\:self-center {
-    align-self: center;
+  .lg\:text-red {
+    color: #e3342f;
   }
 
-  .lg\:self-stretch {
-    align-self: stretch;
+  .lg\:text-red-light {
+    color: #ef5753;
   }
 
-  .lg\:justify-start {
-    justify-content: flex-start;
+  .lg\:text-red-lighter {
+    color: #f9acaa;
   }
 
-  .lg\:justify-end {
-    justify-content: flex-end;
+  .lg\:text-red-lightest {
+    color: #fcebea;
   }
 
-  .lg\:justify-center {
-    justify-content: center;
+  .lg\:text-orange-darkest {
+    color: #542605;
   }
 
-  .lg\:justify-between {
-    justify-content: space-between;
+  .lg\:text-orange-darker {
+    color: #7f4012;
   }
 
-  .lg\:justify-around {
-    justify-content: space-around;
+  .lg\:text-orange-dark {
+    color: #de751f;
   }
 
-  .lg\:content-center {
-    align-content: center;
+  .lg\:text-orange {
+    color: #f6993f;
   }
 
-  .lg\:content-start {
-    align-content: flex-start;
+  .lg\:text-orange-light {
+    color: #faad63;
   }
 
-  .lg\:content-end {
-    align-content: flex-end;
+  .lg\:text-orange-lighter {
+    color: #fcd9b6;
   }
 
-  .lg\:content-between {
-    align-content: space-between;
+  .lg\:text-orange-lightest {
+    color: #fff5eb;
   }
 
-  .lg\:content-around {
-    align-content: space-around;
+  .lg\:text-yellow-darkest {
+    color: #453411;
   }
 
-  .lg\:flex-1 {
-    flex: 1;
+  .lg\:text-yellow-darker {
+    color: #684f1d;
   }
 
-  .lg\:flex-auto {
-    flex: auto;
+  .lg\:text-yellow-dark {
+    color: #f2d024;
   }
 
-  .lg\:flex-initial {
-    flex: initial;
+  .lg\:text-yellow {
+    color: #ffed4a;
   }
 
-  .lg\:flex-none {
-    flex: none;
+  .lg\:text-yellow-light {
+    color: #fff382;
   }
 
-  .lg\:flex-grow {
-    flex-grow: 1;
+  .lg\:text-yellow-lighter {
+    color: #fff9c2;
   }
 
-  .lg\:flex-shrink {
-    flex-shrink: 1;
+  .lg\:text-yellow-lightest {
+    color: #fcfbeb;
   }
 
-  .lg\:flex-no-grow {
-    flex-grow: 0;
+  .lg\:text-green-darkest {
+    color: #032d19;
   }
 
-  .lg\:flex-no-shrink {
-    flex-shrink: 0;
+  .lg\:text-green-darker {
+    color: #0b4228;
   }
 
-  .lg\:float-right {
-    float: right;
+  .lg\:text-green-dark {
+    color: #1f9d55;
   }
 
-  .lg\:float-left {
-    float: left;
+  .lg\:text-green {
+    color: #38c172;
   }
 
-  .lg\:float-none {
-    float: none;
+  .lg\:text-green-light {
+    color: #51d88a;
   }
 
-  .lg\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
+  .lg\:text-green-lighter {
+    color: #a2f5bf;
+  }
+
+  .lg\:text-green-lightest {
+    color: #e3fcec;
+  }
+
+  .lg\:text-teal-darkest {
+    color: #0d3331;
+  }
+
+  .lg\:text-teal-darker {
+    color: #174e4b;
+  }
+
+  .lg\:text-teal-dark {
+    color: #38a89d;
+  }
+
+  .lg\:text-teal {
+    color: #4dc0b5;
+  }
+
+  .lg\:text-teal-light {
+    color: #64d5ca;
+  }
+
+  .lg\:text-teal-lighter {
+    color: #a0f0ed;
+  }
+
+  .lg\:text-teal-lightest {
+    color: #e8fffe;
+  }
+
+  .lg\:text-blue-darkest {
+    color: #05233b;
+  }
+
+  .lg\:text-blue-darker {
+    color: #103d60;
+  }
+
+  .lg\:text-blue-dark {
+    color: #2779bd;
+  }
+
+  .lg\:text-blue {
+    color: #3490dc;
+  }
+
+  .lg\:text-blue-light {
+    color: #6cb2eb;
+  }
+
+  .lg\:text-blue-lighter {
+    color: #bcdefa;
+  }
+
+  .lg\:text-blue-lightest {
+    color: #eff8ff;
+  }
+
+  .lg\:text-indigo-darkest {
+    color: #191e38;
+  }
+
+  .lg\:text-indigo-darker {
+    color: #2f365f;
+  }
+
+  .lg\:text-indigo-dark {
+    color: #5661b3;
+  }
+
+  .lg\:text-indigo {
+    color: #6574cd;
+  }
+
+  .lg\:text-indigo-light {
+    color: #7886d7;
+  }
+
+  .lg\:text-indigo-lighter {
+    color: #b2b7ff;
+  }
+
+  .lg\:text-indigo-lightest {
+    color: #e6e8ff;
+  }
+
+  .lg\:text-purple-darkest {
+    color: #1f133f;
+  }
+
+  .lg\:text-purple-darker {
+    color: #352465;
+  }
+
+  .lg\:text-purple-dark {
+    color: #794acf;
+  }
+
+  .lg\:text-purple {
+    color: #9561e2;
+  }
+
+  .lg\:text-purple-light {
+    color: #a779e9;
+  }
+
+  .lg\:text-purple-lighter {
+    color: #d6bbfc;
+  }
+
+  .lg\:text-purple-lightest {
+    color: #f3ebff;
+  }
+
+  .lg\:text-pink-darkest {
+    color: #45051e;
+  }
+
+  .lg\:text-pink-darker {
+    color: #72173a;
+  }
+
+  .lg\:text-pink-dark {
+    color: #eb5286;
+  }
+
+  .lg\:text-pink {
+    color: #f66d9b;
+  }
+
+  .lg\:text-pink-light {
+    color: #fa7ea8;
+  }
+
+  .lg\:text-pink-lighter {
+    color: #ffbbca;
+  }
+
+  .lg\:text-pink-lightest {
+    color: #ffebef;
+  }
+
+  .lg\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  .lg\:hover\:text-black:hover {
+    color: #222b2f;
+  }
+
+  .lg\:hover\:text-grey-darkest:hover {
+    color: #364349;
+  }
+
+  .lg\:hover\:text-grey-darker:hover {
+    color: #596a73;
+  }
+
+  .lg\:hover\:text-grey-dark:hover {
+    color: #70818a;
+  }
+
+  .lg\:hover\:text-grey:hover {
+    color: #9babb4;
+  }
+
+  .lg\:hover\:text-grey-light:hover {
+    color: #dae4e9;
+  }
+
+  .lg\:hover\:text-grey-lighter:hover {
+    color: #f3f7f9;
+  }
+
+  .lg\:hover\:text-grey-lightest:hover {
+    color: #fafcfc;
+  }
+
+  .lg\:hover\:text-white:hover {
+    color: #ffffff;
+  }
+
+  .lg\:hover\:text-red-darkest:hover {
+    color: #420806;
+  }
+
+  .lg\:hover\:text-red-darker:hover {
+    color: #6a1b19;
+  }
+
+  .lg\:hover\:text-red-dark:hover {
+    color: #cc1f1a;
+  }
+
+  .lg\:hover\:text-red:hover {
+    color: #e3342f;
+  }
+
+  .lg\:hover\:text-red-light:hover {
+    color: #ef5753;
+  }
+
+  .lg\:hover\:text-red-lighter:hover {
+    color: #f9acaa;
+  }
+
+  .lg\:hover\:text-red-lightest:hover {
+    color: #fcebea;
+  }
+
+  .lg\:hover\:text-orange-darkest:hover {
+    color: #542605;
+  }
+
+  .lg\:hover\:text-orange-darker:hover {
+    color: #7f4012;
+  }
+
+  .lg\:hover\:text-orange-dark:hover {
+    color: #de751f;
+  }
+
+  .lg\:hover\:text-orange:hover {
+    color: #f6993f;
+  }
+
+  .lg\:hover\:text-orange-light:hover {
+    color: #faad63;
+  }
+
+  .lg\:hover\:text-orange-lighter:hover {
+    color: #fcd9b6;
+  }
+
+  .lg\:hover\:text-orange-lightest:hover {
+    color: #fff5eb;
+  }
+
+  .lg\:hover\:text-yellow-darkest:hover {
+    color: #453411;
+  }
+
+  .lg\:hover\:text-yellow-darker:hover {
+    color: #684f1d;
+  }
+
+  .lg\:hover\:text-yellow-dark:hover {
+    color: #f2d024;
+  }
+
+  .lg\:hover\:text-yellow:hover {
+    color: #ffed4a;
+  }
+
+  .lg\:hover\:text-yellow-light:hover {
+    color: #fff382;
+  }
+
+  .lg\:hover\:text-yellow-lighter:hover {
+    color: #fff9c2;
+  }
+
+  .lg\:hover\:text-yellow-lightest:hover {
+    color: #fcfbeb;
+  }
+
+  .lg\:hover\:text-green-darkest:hover {
+    color: #032d19;
+  }
+
+  .lg\:hover\:text-green-darker:hover {
+    color: #0b4228;
+  }
+
+  .lg\:hover\:text-green-dark:hover {
+    color: #1f9d55;
+  }
+
+  .lg\:hover\:text-green:hover {
+    color: #38c172;
+  }
+
+  .lg\:hover\:text-green-light:hover {
+    color: #51d88a;
+  }
+
+  .lg\:hover\:text-green-lighter:hover {
+    color: #a2f5bf;
+  }
+
+  .lg\:hover\:text-green-lightest:hover {
+    color: #e3fcec;
+  }
+
+  .lg\:hover\:text-teal-darkest:hover {
+    color: #0d3331;
+  }
+
+  .lg\:hover\:text-teal-darker:hover {
+    color: #174e4b;
+  }
+
+  .lg\:hover\:text-teal-dark:hover {
+    color: #38a89d;
+  }
+
+  .lg\:hover\:text-teal:hover {
+    color: #4dc0b5;
+  }
+
+  .lg\:hover\:text-teal-light:hover {
+    color: #64d5ca;
+  }
+
+  .lg\:hover\:text-teal-lighter:hover {
+    color: #a0f0ed;
+  }
+
+  .lg\:hover\:text-teal-lightest:hover {
+    color: #e8fffe;
+  }
+
+  .lg\:hover\:text-blue-darkest:hover {
+    color: #05233b;
+  }
+
+  .lg\:hover\:text-blue-darker:hover {
+    color: #103d60;
+  }
+
+  .lg\:hover\:text-blue-dark:hover {
+    color: #2779bd;
+  }
+
+  .lg\:hover\:text-blue:hover {
+    color: #3490dc;
+  }
+
+  .lg\:hover\:text-blue-light:hover {
+    color: #6cb2eb;
+  }
+
+  .lg\:hover\:text-blue-lighter:hover {
+    color: #bcdefa;
+  }
+
+  .lg\:hover\:text-blue-lightest:hover {
+    color: #eff8ff;
+  }
+
+  .lg\:hover\:text-indigo-darkest:hover {
+    color: #191e38;
+  }
+
+  .lg\:hover\:text-indigo-darker:hover {
+    color: #2f365f;
+  }
+
+  .lg\:hover\:text-indigo-dark:hover {
+    color: #5661b3;
+  }
+
+  .lg\:hover\:text-indigo:hover {
+    color: #6574cd;
+  }
+
+  .lg\:hover\:text-indigo-light:hover {
+    color: #7886d7;
+  }
+
+  .lg\:hover\:text-indigo-lighter:hover {
+    color: #b2b7ff;
+  }
+
+  .lg\:hover\:text-indigo-lightest:hover {
+    color: #e6e8ff;
+  }
+
+  .lg\:hover\:text-purple-darkest:hover {
+    color: #1f133f;
+  }
+
+  .lg\:hover\:text-purple-darker:hover {
+    color: #352465;
+  }
+
+  .lg\:hover\:text-purple-dark:hover {
+    color: #794acf;
+  }
+
+  .lg\:hover\:text-purple:hover {
+    color: #9561e2;
+  }
+
+  .lg\:hover\:text-purple-light:hover {
+    color: #a779e9;
+  }
+
+  .lg\:hover\:text-purple-lighter:hover {
+    color: #d6bbfc;
+  }
+
+  .lg\:hover\:text-purple-lightest:hover {
+    color: #f3ebff;
+  }
+
+  .lg\:hover\:text-pink-darkest:hover {
+    color: #45051e;
+  }
+
+  .lg\:hover\:text-pink-darker:hover {
+    color: #72173a;
+  }
+
+  .lg\:hover\:text-pink-dark:hover {
+    color: #eb5286;
+  }
+
+  .lg\:hover\:text-pink:hover {
+    color: #f66d9b;
+  }
+
+  .lg\:hover\:text-pink-light:hover {
+    color: #fa7ea8;
+  }
+
+  .lg\:hover\:text-pink-lighter:hover {
+    color: #ffbbca;
+  }
+
+  .lg\:hover\:text-pink-lightest:hover {
+    color: #ffebef;
+  }
+
+  .lg\:text-xs {
+    font-size: .75rem;
+  }
+
+  .lg\:text-sm {
+    font-size: .875rem;
+  }
+
+  .lg\:text-base {
+    font-size: 1rem;
+  }
+
+  .lg\:text-lg {
+    font-size: 1.125rem;
+  }
+
+  .lg\:text-xl {
+    font-size: 1.25rem;
+  }
+
+  .lg\:text-2xl {
+    font-size: 1.5rem;
+  }
+
+  .lg\:text-3xl {
+    font-size: 1.875rem;
+  }
+
+  .lg\:text-4xl {
+    font-size: 2.25rem;
+  }
+
+  .lg\:text-5xl {
+    font-size: 3rem;
+  }
+
+  .lg\:italic {
+    font-style: italic;
+  }
+
+  .lg\:roman {
+    font-style: normal;
+  }
+
+  .lg\:uppercase {
+    text-transform: uppercase;
+  }
+
+  .lg\:lowercase {
+    text-transform: lowercase;
+  }
+
+  .lg\:capitalize {
+    text-transform: capitalize;
+  }
+
+  .lg\:normal-case {
+    text-transform: none;
+  }
+
+  .lg\:underline {
+    text-decoration: underline;
+  }
+
+  .lg\:line-through {
+    text-decoration: line-through;
+  }
+
+  .lg\:no-underline {
+    text-decoration: none;
+  }
+
+  .lg\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .lg\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .lg\:hover\:italic:hover {
+    font-style: italic;
+  }
+
+  .lg\:hover\:roman:hover {
+    font-style: normal;
+  }
+
+  .lg\:hover\:uppercase:hover {
+    text-transform: uppercase;
+  }
+
+  .lg\:hover\:lowercase:hover {
+    text-transform: lowercase;
+  }
+
+  .lg\:hover\:capitalize:hover {
+    text-transform: capitalize;
+  }
+
+  .lg\:hover\:normal-case:hover {
+    text-transform: none;
+  }
+
+  .lg\:hover\:underline:hover {
+    text-decoration: underline;
+  }
+
+  .lg\:hover\:line-through:hover {
+    text-decoration: line-through;
+  }
+
+  .lg\:hover\:no-underline:hover {
+    text-decoration: none;
+  }
+
+  .lg\:hover\:antialiased:hover {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .lg\:hover\:subpixel-antialiased:hover {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .lg\:tracking-tight {
+    letter-spacing: -0.05em;
+  }
+
+  .lg\:tracking-normal {
+    letter-spacing: 0;
+  }
+
+  .lg\:tracking-wide {
+    letter-spacing: 0.05em;
+  }
+
+  .lg\:select-none {
+    user-select: none;
+  }
+
+  .lg\:select-text {
+    user-select: text;
+  }
+
+  .lg\:align-baseline {
+    vertical-align: baseline;
+  }
+
+  .lg\:align-top {
+    vertical-align: top;
+  }
+
+  .lg\:align-middle {
+    vertical-align: middle;
+  }
+
+  .lg\:align-bottom {
+    vertical-align: bottom;
+  }
+
+  .lg\:align-text-top {
+    vertical-align: text-top;
+  }
+
+  .lg\:align-text-bottom {
+    vertical-align: text-bottom;
   }
 
   .lg\:visible {
@@ -15861,6 +15779,152 @@ button,
     visibility: hidden;
   }
 
+  .lg\:whitespace-normal {
+    white-space: normal;
+  }
+
+  .lg\:whitespace-no-wrap {
+    white-space: nowrap;
+  }
+
+  .lg\:whitespace-pre {
+    white-space: pre;
+  }
+
+  .lg\:whitespace-pre-line {
+    white-space: pre-line;
+  }
+
+  .lg\:whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+
+  .lg\:break-words {
+    word-wrap: break-word;
+  }
+
+  .lg\:break-normal {
+    word-wrap: normal;
+  }
+
+  .lg\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .lg\:w-1 {
+    width: 0.25rem;
+  }
+
+  .lg\:w-2 {
+    width: 0.5rem;
+  }
+
+  .lg\:w-3 {
+    width: 0.75rem;
+  }
+
+  .lg\:w-4 {
+    width: 1rem;
+  }
+
+  .lg\:w-6 {
+    width: 1.5rem;
+  }
+
+  .lg\:w-8 {
+    width: 2rem;
+  }
+
+  .lg\:w-10 {
+    width: 2.5rem;
+  }
+
+  .lg\:w-12 {
+    width: 3rem;
+  }
+
+  .lg\:w-16 {
+    width: 4rem;
+  }
+
+  .lg\:w-24 {
+    width: 6rem;
+  }
+
+  .lg\:w-32 {
+    width: 8rem;
+  }
+
+  .lg\:w-48 {
+    width: 12rem;
+  }
+
+  .lg\:w-64 {
+    width: 16rem;
+  }
+
+  .lg\:w-auto {
+    width: auto;
+  }
+
+  .lg\:w-px {
+    width: 1px;
+  }
+
+  .lg\:w-1\/2 {
+    width: 50%;
+  }
+
+  .lg\:w-1\/3 {
+    width: 33.33333%;
+  }
+
+  .lg\:w-2\/3 {
+    width: 66.66667%;
+  }
+
+  .lg\:w-1\/4 {
+    width: 25%;
+  }
+
+  .lg\:w-3\/4 {
+    width: 75%;
+  }
+
+  .lg\:w-1\/5 {
+    width: 20%;
+  }
+
+  .lg\:w-2\/5 {
+    width: 40%;
+  }
+
+  .lg\:w-3\/5 {
+    width: 60%;
+  }
+
+  .lg\:w-4\/5 {
+    width: 80%;
+  }
+
+  .lg\:w-1\/6 {
+    width: 16.66667%;
+  }
+
+  .lg\:w-5\/6 {
+    width: 83.33333%;
+  }
+
+  .lg\:w-full {
+    width: 100%;
+  }
+
+  .lg\:w-screen {
+    width: 100vw;
+  }
+
   .lg\:z-0 {
     z-index: 0;
   }
@@ -15889,70 +15953,6 @@ button,
     z-index: auto;
   }
 
-  .lg\:opacity-0 {
-    opacity: 0;
-  }
-
-  .lg\:opacity-25 {
-    opacity: .25;
-  }
-
-  .lg\:opacity-50 {
-    opacity: .5;
-  }
-
-  .lg\:opacity-75 {
-    opacity: .75;
-  }
-
-  .lg\:opacity-100 {
-    opacity: 1;
-  }
-
-  .lg\:select-none {
-    user-select: none;
-  }
-
-  .lg\:select-text {
-    user-select: text;
-  }
-
-  .lg\:pointer-events-none {
-    pointer-events: none;
-  }
-
-  .lg\:pointer-events-auto {
-    pointer-events: auto;
-  }
-
-  .lg\:resize-none {
-    resize: none;
-  }
-
-  .lg\:resize-y {
-    resize: vertical;
-  }
-
-  .lg\:resize-x {
-    resize: horizontal;
-  }
-
-  .lg\:cursor-auto {
-    cursor: auto;
-  }
-
-  .lg\:cursor-default {
-    cursor: default;
-  }
-
-  .lg\:cursor-pointer {
-    cursor: pointer;
-  }
-
-  .lg\:cursor-not-allowed {
-    cursor: not-allowed;
-  }
-
   .lg\:example {
     font-weight: 700;
     color: #e3342f;
@@ -15970,904 +15970,6 @@ button,
     appearance: none;
   }
 
-  .xl\:text-xs {
-    font-size: .75rem;
-  }
-
-  .xl\:text-sm {
-    font-size: .875rem;
-  }
-
-  .xl\:text-base {
-    font-size: 1rem;
-  }
-
-  .xl\:text-lg {
-    font-size: 1.125rem;
-  }
-
-  .xl\:text-xl {
-    font-size: 1.25rem;
-  }
-
-  .xl\:text-2xl {
-    font-size: 1.5rem;
-  }
-
-  .xl\:text-3xl {
-    font-size: 1.875rem;
-  }
-
-  .xl\:text-4xl {
-    font-size: 2.25rem;
-  }
-
-  .xl\:text-5xl {
-    font-size: 3rem;
-  }
-
-  .xl\:font-hairline {
-    font-weight: 100;
-  }
-
-  .xl\:font-thin {
-    font-weight: 200;
-  }
-
-  .xl\:font-light {
-    font-weight: 300;
-  }
-
-  .xl\:font-normal {
-    font-weight: 400;
-  }
-
-  .xl\:font-medium {
-    font-weight: 500;
-  }
-
-  .xl\:font-semibold {
-    font-weight: 600;
-  }
-
-  .xl\:font-bold {
-    font-weight: 700;
-  }
-
-  .xl\:font-extrabold {
-    font-weight: 800;
-  }
-
-  .xl\:font-black {
-    font-weight: 900;
-  }
-
-  .xl\:hover\:font-hairline:hover {
-    font-weight: 100;
-  }
-
-  .xl\:hover\:font-thin:hover {
-    font-weight: 200;
-  }
-
-  .xl\:hover\:font-light:hover {
-    font-weight: 300;
-  }
-
-  .xl\:hover\:font-normal:hover {
-    font-weight: 400;
-  }
-
-  .xl\:hover\:font-medium:hover {
-    font-weight: 500;
-  }
-
-  .xl\:hover\:font-semibold:hover {
-    font-weight: 600;
-  }
-
-  .xl\:hover\:font-bold:hover {
-    font-weight: 700;
-  }
-
-  .xl\:hover\:font-extrabold:hover {
-    font-weight: 800;
-  }
-
-  .xl\:hover\:font-black:hover {
-    font-weight: 900;
-  }
-
-  .xl\:font-sans {
-    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
-  }
-
-  .xl\:font-serif {
-    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
-  }
-
-  .xl\:font-mono {
-    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
-  }
-
-  .xl\:text-transparent {
-    color: transparent;
-  }
-
-  .xl\:text-black {
-    color: #222b2f;
-  }
-
-  .xl\:text-grey-darkest {
-    color: #364349;
-  }
-
-  .xl\:text-grey-darker {
-    color: #596a73;
-  }
-
-  .xl\:text-grey-dark {
-    color: #70818a;
-  }
-
-  .xl\:text-grey {
-    color: #9babb4;
-  }
-
-  .xl\:text-grey-light {
-    color: #dae4e9;
-  }
-
-  .xl\:text-grey-lighter {
-    color: #f3f7f9;
-  }
-
-  .xl\:text-grey-lightest {
-    color: #fafcfc;
-  }
-
-  .xl\:text-white {
-    color: #ffffff;
-  }
-
-  .xl\:text-red-darkest {
-    color: #420806;
-  }
-
-  .xl\:text-red-darker {
-    color: #6a1b19;
-  }
-
-  .xl\:text-red-dark {
-    color: #cc1f1a;
-  }
-
-  .xl\:text-red {
-    color: #e3342f;
-  }
-
-  .xl\:text-red-light {
-    color: #ef5753;
-  }
-
-  .xl\:text-red-lighter {
-    color: #f9acaa;
-  }
-
-  .xl\:text-red-lightest {
-    color: #fcebea;
-  }
-
-  .xl\:text-orange-darkest {
-    color: #542605;
-  }
-
-  .xl\:text-orange-darker {
-    color: #7f4012;
-  }
-
-  .xl\:text-orange-dark {
-    color: #de751f;
-  }
-
-  .xl\:text-orange {
-    color: #f6993f;
-  }
-
-  .xl\:text-orange-light {
-    color: #faad63;
-  }
-
-  .xl\:text-orange-lighter {
-    color: #fcd9b6;
-  }
-
-  .xl\:text-orange-lightest {
-    color: #fff5eb;
-  }
-
-  .xl\:text-yellow-darkest {
-    color: #453411;
-  }
-
-  .xl\:text-yellow-darker {
-    color: #684f1d;
-  }
-
-  .xl\:text-yellow-dark {
-    color: #f2d024;
-  }
-
-  .xl\:text-yellow {
-    color: #ffed4a;
-  }
-
-  .xl\:text-yellow-light {
-    color: #fff382;
-  }
-
-  .xl\:text-yellow-lighter {
-    color: #fff9c2;
-  }
-
-  .xl\:text-yellow-lightest {
-    color: #fcfbeb;
-  }
-
-  .xl\:text-green-darkest {
-    color: #032d19;
-  }
-
-  .xl\:text-green-darker {
-    color: #0b4228;
-  }
-
-  .xl\:text-green-dark {
-    color: #1f9d55;
-  }
-
-  .xl\:text-green {
-    color: #38c172;
-  }
-
-  .xl\:text-green-light {
-    color: #51d88a;
-  }
-
-  .xl\:text-green-lighter {
-    color: #a2f5bf;
-  }
-
-  .xl\:text-green-lightest {
-    color: #e3fcec;
-  }
-
-  .xl\:text-teal-darkest {
-    color: #0d3331;
-  }
-
-  .xl\:text-teal-darker {
-    color: #174e4b;
-  }
-
-  .xl\:text-teal-dark {
-    color: #38a89d;
-  }
-
-  .xl\:text-teal {
-    color: #4dc0b5;
-  }
-
-  .xl\:text-teal-light {
-    color: #64d5ca;
-  }
-
-  .xl\:text-teal-lighter {
-    color: #a0f0ed;
-  }
-
-  .xl\:text-teal-lightest {
-    color: #e8fffe;
-  }
-
-  .xl\:text-blue-darkest {
-    color: #05233b;
-  }
-
-  .xl\:text-blue-darker {
-    color: #103d60;
-  }
-
-  .xl\:text-blue-dark {
-    color: #2779bd;
-  }
-
-  .xl\:text-blue {
-    color: #3490dc;
-  }
-
-  .xl\:text-blue-light {
-    color: #6cb2eb;
-  }
-
-  .xl\:text-blue-lighter {
-    color: #bcdefa;
-  }
-
-  .xl\:text-blue-lightest {
-    color: #eff8ff;
-  }
-
-  .xl\:text-indigo-darkest {
-    color: #191e38;
-  }
-
-  .xl\:text-indigo-darker {
-    color: #2f365f;
-  }
-
-  .xl\:text-indigo-dark {
-    color: #5661b3;
-  }
-
-  .xl\:text-indigo {
-    color: #6574cd;
-  }
-
-  .xl\:text-indigo-light {
-    color: #7886d7;
-  }
-
-  .xl\:text-indigo-lighter {
-    color: #b2b7ff;
-  }
-
-  .xl\:text-indigo-lightest {
-    color: #e6e8ff;
-  }
-
-  .xl\:text-purple-darkest {
-    color: #1f133f;
-  }
-
-  .xl\:text-purple-darker {
-    color: #352465;
-  }
-
-  .xl\:text-purple-dark {
-    color: #794acf;
-  }
-
-  .xl\:text-purple {
-    color: #9561e2;
-  }
-
-  .xl\:text-purple-light {
-    color: #a779e9;
-  }
-
-  .xl\:text-purple-lighter {
-    color: #d6bbfc;
-  }
-
-  .xl\:text-purple-lightest {
-    color: #f3ebff;
-  }
-
-  .xl\:text-pink-darkest {
-    color: #45051e;
-  }
-
-  .xl\:text-pink-darker {
-    color: #72173a;
-  }
-
-  .xl\:text-pink-dark {
-    color: #eb5286;
-  }
-
-  .xl\:text-pink {
-    color: #f66d9b;
-  }
-
-  .xl\:text-pink-light {
-    color: #fa7ea8;
-  }
-
-  .xl\:text-pink-lighter {
-    color: #ffbbca;
-  }
-
-  .xl\:text-pink-lightest {
-    color: #ffebef;
-  }
-
-  .xl\:hover\:text-transparent:hover {
-    color: transparent;
-  }
-
-  .xl\:hover\:text-black:hover {
-    color: #222b2f;
-  }
-
-  .xl\:hover\:text-grey-darkest:hover {
-    color: #364349;
-  }
-
-  .xl\:hover\:text-grey-darker:hover {
-    color: #596a73;
-  }
-
-  .xl\:hover\:text-grey-dark:hover {
-    color: #70818a;
-  }
-
-  .xl\:hover\:text-grey:hover {
-    color: #9babb4;
-  }
-
-  .xl\:hover\:text-grey-light:hover {
-    color: #dae4e9;
-  }
-
-  .xl\:hover\:text-grey-lighter:hover {
-    color: #f3f7f9;
-  }
-
-  .xl\:hover\:text-grey-lightest:hover {
-    color: #fafcfc;
-  }
-
-  .xl\:hover\:text-white:hover {
-    color: #ffffff;
-  }
-
-  .xl\:hover\:text-red-darkest:hover {
-    color: #420806;
-  }
-
-  .xl\:hover\:text-red-darker:hover {
-    color: #6a1b19;
-  }
-
-  .xl\:hover\:text-red-dark:hover {
-    color: #cc1f1a;
-  }
-
-  .xl\:hover\:text-red:hover {
-    color: #e3342f;
-  }
-
-  .xl\:hover\:text-red-light:hover {
-    color: #ef5753;
-  }
-
-  .xl\:hover\:text-red-lighter:hover {
-    color: #f9acaa;
-  }
-
-  .xl\:hover\:text-red-lightest:hover {
-    color: #fcebea;
-  }
-
-  .xl\:hover\:text-orange-darkest:hover {
-    color: #542605;
-  }
-
-  .xl\:hover\:text-orange-darker:hover {
-    color: #7f4012;
-  }
-
-  .xl\:hover\:text-orange-dark:hover {
-    color: #de751f;
-  }
-
-  .xl\:hover\:text-orange:hover {
-    color: #f6993f;
-  }
-
-  .xl\:hover\:text-orange-light:hover {
-    color: #faad63;
-  }
-
-  .xl\:hover\:text-orange-lighter:hover {
-    color: #fcd9b6;
-  }
-
-  .xl\:hover\:text-orange-lightest:hover {
-    color: #fff5eb;
-  }
-
-  .xl\:hover\:text-yellow-darkest:hover {
-    color: #453411;
-  }
-
-  .xl\:hover\:text-yellow-darker:hover {
-    color: #684f1d;
-  }
-
-  .xl\:hover\:text-yellow-dark:hover {
-    color: #f2d024;
-  }
-
-  .xl\:hover\:text-yellow:hover {
-    color: #ffed4a;
-  }
-
-  .xl\:hover\:text-yellow-light:hover {
-    color: #fff382;
-  }
-
-  .xl\:hover\:text-yellow-lighter:hover {
-    color: #fff9c2;
-  }
-
-  .xl\:hover\:text-yellow-lightest:hover {
-    color: #fcfbeb;
-  }
-
-  .xl\:hover\:text-green-darkest:hover {
-    color: #032d19;
-  }
-
-  .xl\:hover\:text-green-darker:hover {
-    color: #0b4228;
-  }
-
-  .xl\:hover\:text-green-dark:hover {
-    color: #1f9d55;
-  }
-
-  .xl\:hover\:text-green:hover {
-    color: #38c172;
-  }
-
-  .xl\:hover\:text-green-light:hover {
-    color: #51d88a;
-  }
-
-  .xl\:hover\:text-green-lighter:hover {
-    color: #a2f5bf;
-  }
-
-  .xl\:hover\:text-green-lightest:hover {
-    color: #e3fcec;
-  }
-
-  .xl\:hover\:text-teal-darkest:hover {
-    color: #0d3331;
-  }
-
-  .xl\:hover\:text-teal-darker:hover {
-    color: #174e4b;
-  }
-
-  .xl\:hover\:text-teal-dark:hover {
-    color: #38a89d;
-  }
-
-  .xl\:hover\:text-teal:hover {
-    color: #4dc0b5;
-  }
-
-  .xl\:hover\:text-teal-light:hover {
-    color: #64d5ca;
-  }
-
-  .xl\:hover\:text-teal-lighter:hover {
-    color: #a0f0ed;
-  }
-
-  .xl\:hover\:text-teal-lightest:hover {
-    color: #e8fffe;
-  }
-
-  .xl\:hover\:text-blue-darkest:hover {
-    color: #05233b;
-  }
-
-  .xl\:hover\:text-blue-darker:hover {
-    color: #103d60;
-  }
-
-  .xl\:hover\:text-blue-dark:hover {
-    color: #2779bd;
-  }
-
-  .xl\:hover\:text-blue:hover {
-    color: #3490dc;
-  }
-
-  .xl\:hover\:text-blue-light:hover {
-    color: #6cb2eb;
-  }
-
-  .xl\:hover\:text-blue-lighter:hover {
-    color: #bcdefa;
-  }
-
-  .xl\:hover\:text-blue-lightest:hover {
-    color: #eff8ff;
-  }
-
-  .xl\:hover\:text-indigo-darkest:hover {
-    color: #191e38;
-  }
-
-  .xl\:hover\:text-indigo-darker:hover {
-    color: #2f365f;
-  }
-
-  .xl\:hover\:text-indigo-dark:hover {
-    color: #5661b3;
-  }
-
-  .xl\:hover\:text-indigo:hover {
-    color: #6574cd;
-  }
-
-  .xl\:hover\:text-indigo-light:hover {
-    color: #7886d7;
-  }
-
-  .xl\:hover\:text-indigo-lighter:hover {
-    color: #b2b7ff;
-  }
-
-  .xl\:hover\:text-indigo-lightest:hover {
-    color: #e6e8ff;
-  }
-
-  .xl\:hover\:text-purple-darkest:hover {
-    color: #1f133f;
-  }
-
-  .xl\:hover\:text-purple-darker:hover {
-    color: #352465;
-  }
-
-  .xl\:hover\:text-purple-dark:hover {
-    color: #794acf;
-  }
-
-  .xl\:hover\:text-purple:hover {
-    color: #9561e2;
-  }
-
-  .xl\:hover\:text-purple-light:hover {
-    color: #a779e9;
-  }
-
-  .xl\:hover\:text-purple-lighter:hover {
-    color: #d6bbfc;
-  }
-
-  .xl\:hover\:text-purple-lightest:hover {
-    color: #f3ebff;
-  }
-
-  .xl\:hover\:text-pink-darkest:hover {
-    color: #45051e;
-  }
-
-  .xl\:hover\:text-pink-darker:hover {
-    color: #72173a;
-  }
-
-  .xl\:hover\:text-pink-dark:hover {
-    color: #eb5286;
-  }
-
-  .xl\:hover\:text-pink:hover {
-    color: #f66d9b;
-  }
-
-  .xl\:hover\:text-pink-light:hover {
-    color: #fa7ea8;
-  }
-
-  .xl\:hover\:text-pink-lighter:hover {
-    color: #ffbbca;
-  }
-
-  .xl\:hover\:text-pink-lightest:hover {
-    color: #ffebef;
-  }
-
-  .xl\:leading-none {
-    line-height: 1;
-  }
-
-  .xl\:leading-tight {
-    line-height: 1.25;
-  }
-
-  .xl\:leading-normal {
-    line-height: 1.5;
-  }
-
-  .xl\:leading-loose {
-    line-height: 2;
-  }
-
-  .xl\:tracking-tight {
-    letter-spacing: -0.05em;
-  }
-
-  .xl\:tracking-normal {
-    letter-spacing: 0;
-  }
-
-  .xl\:tracking-wide {
-    letter-spacing: 0.05em;
-  }
-
-  .xl\:text-left {
-    text-align: left;
-  }
-
-  .xl\:text-center {
-    text-align: center;
-  }
-
-  .xl\:text-right {
-    text-align: right;
-  }
-
-  .xl\:text-justify {
-    text-align: justify;
-  }
-
-  .xl\:whitespace-normal {
-    white-space: normal;
-  }
-
-  .xl\:whitespace-no-wrap {
-    white-space: nowrap;
-  }
-
-  .xl\:whitespace-pre {
-    white-space: pre;
-  }
-
-  .xl\:whitespace-pre-line {
-    white-space: pre-line;
-  }
-
-  .xl\:whitespace-pre-wrap {
-    white-space: pre-wrap;
-  }
-
-  .xl\:break-words {
-    word-wrap: break-word;
-  }
-
-  .xl\:break-normal {
-    word-wrap: normal;
-  }
-
-  .xl\:truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .xl\:italic {
-    font-style: italic;
-  }
-
-  .xl\:roman {
-    font-style: normal;
-  }
-
-  .xl\:uppercase {
-    text-transform: uppercase;
-  }
-
-  .xl\:lowercase {
-    text-transform: lowercase;
-  }
-
-  .xl\:capitalize {
-    text-transform: capitalize;
-  }
-
-  .xl\:normal-case {
-    text-transform: none;
-  }
-
-  .xl\:underline {
-    text-decoration: underline;
-  }
-
-  .xl\:line-through {
-    text-decoration: line-through;
-  }
-
-  .xl\:no-underline {
-    text-decoration: none;
-  }
-
-  .xl\:antialiased {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  .xl\:subpixel-antialiased {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto;
-  }
-
-  .xl\:hover\:italic:hover {
-    font-style: italic;
-  }
-
-  .xl\:hover\:roman:hover {
-    font-style: normal;
-  }
-
-  .xl\:hover\:uppercase:hover {
-    text-transform: uppercase;
-  }
-
-  .xl\:hover\:lowercase:hover {
-    text-transform: lowercase;
-  }
-
-  .xl\:hover\:capitalize:hover {
-    text-transform: capitalize;
-  }
-
-  .xl\:hover\:normal-case:hover {
-    text-transform: none;
-  }
-
-  .xl\:hover\:underline:hover {
-    text-decoration: underline;
-  }
-
-  .xl\:hover\:line-through:hover {
-    text-decoration: line-through;
-  }
-
-  .xl\:hover\:no-underline:hover {
-    text-decoration: none;
-  }
-
-  .xl\:hover\:antialiased:hover {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  .xl\:hover\:subpixel-antialiased:hover {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto;
-  }
-
-  .xl\:align-baseline {
-    vertical-align: baseline;
-  }
-
-  .xl\:align-top {
-    vertical-align: top;
-  }
-
-  .xl\:align-middle {
-    vertical-align: middle;
-  }
-
-  .xl\:align-bottom {
-    vertical-align: bottom;
-  }
-
-  .xl\:align-text-top {
-    vertical-align: text-top;
-  }
-
-  .xl\:align-text-bottom {
-    vertical-align: text-bottom;
-  }
-
   .xl\:bg-transparent {
     background-color: transparent;
   }
@@ -17496,106 +16598,6 @@ button,
     background-size: contain;
   }
 
-  .xl\:border-0 {
-    border-width: 0;
-  }
-
-  .xl\:border-2 {
-    border-width: 2px;
-  }
-
-  .xl\:border-4 {
-    border-width: 4px;
-  }
-
-  .xl\:border-8 {
-    border-width: 8px;
-  }
-
-  .xl\:border {
-    border-width: 1px;
-  }
-
-  .xl\:border-t-0 {
-    border-top-width: 0;
-  }
-
-  .xl\:border-r-0 {
-    border-right-width: 0;
-  }
-
-  .xl\:border-b-0 {
-    border-bottom-width: 0;
-  }
-
-  .xl\:border-l-0 {
-    border-left-width: 0;
-  }
-
-  .xl\:border-t-2 {
-    border-top-width: 2px;
-  }
-
-  .xl\:border-r-2 {
-    border-right-width: 2px;
-  }
-
-  .xl\:border-b-2 {
-    border-bottom-width: 2px;
-  }
-
-  .xl\:border-l-2 {
-    border-left-width: 2px;
-  }
-
-  .xl\:border-t-4 {
-    border-top-width: 4px;
-  }
-
-  .xl\:border-r-4 {
-    border-right-width: 4px;
-  }
-
-  .xl\:border-b-4 {
-    border-bottom-width: 4px;
-  }
-
-  .xl\:border-l-4 {
-    border-left-width: 4px;
-  }
-
-  .xl\:border-t-8 {
-    border-top-width: 8px;
-  }
-
-  .xl\:border-r-8 {
-    border-right-width: 8px;
-  }
-
-  .xl\:border-b-8 {
-    border-bottom-width: 8px;
-  }
-
-  .xl\:border-l-8 {
-    border-left-width: 8px;
-  }
-
-  .xl\:border-t {
-    border-top-width: 1px;
-  }
-
-  .xl\:border-r {
-    border-right-width: 1px;
-  }
-
-  .xl\:border-b {
-    border-bottom-width: 1px;
-  }
-
-  .xl\:border-l {
-    border-left-width: 1px;
-  }
-
   .xl\:border-transparent {
     border-color: transparent;
   }
@@ -18180,22 +17182,6 @@ button,
     border-color: #ffebef;
   }
 
-  .xl\:border-solid {
-    border-style: solid;
-  }
-
-  .xl\:border-dashed {
-    border-style: dashed;
-  }
-
-  .xl\:border-dotted {
-    border-style: dotted;
-  }
-
-  .xl\:border-none {
-    border-style: none;
-  }
-
   .xl\:rounded-none {
     border-radius: 0;
   }
@@ -18396,6 +17382,138 @@ button,
     border-bottom-left-radius: 9999px;
   }
 
+  .xl\:border-solid {
+    border-style: solid;
+  }
+
+  .xl\:border-dashed {
+    border-style: dashed;
+  }
+
+  .xl\:border-dotted {
+    border-style: dotted;
+  }
+
+  .xl\:border-none {
+    border-style: none;
+  }
+
+  .xl\:border-0 {
+    border-width: 0;
+  }
+
+  .xl\:border-2 {
+    border-width: 2px;
+  }
+
+  .xl\:border-4 {
+    border-width: 4px;
+  }
+
+  .xl\:border-8 {
+    border-width: 8px;
+  }
+
+  .xl\:border {
+    border-width: 1px;
+  }
+
+  .xl\:border-t-0 {
+    border-top-width: 0;
+  }
+
+  .xl\:border-r-0 {
+    border-right-width: 0;
+  }
+
+  .xl\:border-b-0 {
+    border-bottom-width: 0;
+  }
+
+  .xl\:border-l-0 {
+    border-left-width: 0;
+  }
+
+  .xl\:border-t-2 {
+    border-top-width: 2px;
+  }
+
+  .xl\:border-r-2 {
+    border-right-width: 2px;
+  }
+
+  .xl\:border-b-2 {
+    border-bottom-width: 2px;
+  }
+
+  .xl\:border-l-2 {
+    border-left-width: 2px;
+  }
+
+  .xl\:border-t-4 {
+    border-top-width: 4px;
+  }
+
+  .xl\:border-r-4 {
+    border-right-width: 4px;
+  }
+
+  .xl\:border-b-4 {
+    border-bottom-width: 4px;
+  }
+
+  .xl\:border-l-4 {
+    border-left-width: 4px;
+  }
+
+  .xl\:border-t-8 {
+    border-top-width: 8px;
+  }
+
+  .xl\:border-r-8 {
+    border-right-width: 8px;
+  }
+
+  .xl\:border-b-8 {
+    border-bottom-width: 8px;
+  }
+
+  .xl\:border-l-8 {
+    border-left-width: 8px;
+  }
+
+  .xl\:border-t {
+    border-top-width: 1px;
+  }
+
+  .xl\:border-r {
+    border-right-width: 1px;
+  }
+
+  .xl\:border-b {
+    border-bottom-width: 1px;
+  }
+
+  .xl\:border-l {
+    border-left-width: 1px;
+  }
+
+  .xl\:cursor-auto {
+    cursor: auto;
+  }
+
+  .xl\:cursor-default {
+    cursor: default;
+  }
+
+  .xl\:cursor-pointer {
+    cursor: pointer;
+  }
+
+  .xl\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
   .xl\:block {
     display: block;
   }
@@ -18424,249 +17542,254 @@ button,
     display: none;
   }
 
-  .xl\:static {
-    position: static;
+  .xl\:flex {
+    display: flex;
   }
 
-  .xl\:fixed {
-    position: fixed;
+  .xl\:inline-flex {
+    display: inline-flex;
   }
 
-  .xl\:absolute {
-    position: absolute;
+  .xl\:flex-row {
+    flex-direction: row;
   }
 
-  .xl\:relative {
-    position: relative;
+  .xl\:flex-row-reverse {
+    flex-direction: row-reverse;
   }
 
-  .xl\:pin-t {
-    top: 0;
+  .xl\:flex-col {
+    flex-direction: column;
   }
 
-  .xl\:pin-r {
-    right: 0;
+  .xl\:flex-col-reverse {
+    flex-direction: column-reverse;
   }
 
-  .xl\:pin-b {
-    bottom: 0;
+  .xl\:flex-wrap {
+    flex-wrap: wrap;
   }
 
-  .xl\:pin-l {
-    left: 0;
+  .xl\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
   }
 
-  .xl\:pin-y {
-    top: 0;
-    bottom: 0;
+  .xl\:flex-no-wrap {
+    flex-wrap: nowrap;
   }
 
-  .xl\:pin-x {
-    right: 0;
-    left: 0;
+  .xl\:items-start {
+    align-items: flex-start;
   }
 
-  .xl\:pin {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
+  .xl\:items-end {
+    align-items: flex-end;
   }
 
-  .xl\:overflow-auto {
-    overflow: auto;
+  .xl\:items-center {
+    align-items: center;
   }
 
-  .xl\:overflow-hidden {
-    overflow: hidden;
+  .xl\:items-baseline {
+    align-items: baseline;
   }
 
-  .xl\:overflow-visible {
-    overflow: visible;
+  .xl\:items-stretch {
+    align-items: stretch;
   }
 
-  .xl\:overflow-scroll {
-    overflow: scroll;
+  .xl\:self-auto {
+    align-self: auto;
   }
 
-  .xl\:overflow-x-scroll {
-    overflow-x: auto;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
+  .xl\:self-start {
+    align-self: flex-start;
   }
 
-  .xl\:overflow-y-scroll {
-    overflow-y: auto;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
+  .xl\:self-end {
+    align-self: flex-end;
   }
 
-  .xl\:scrolling-touch {
-    -webkit-overflow-scrolling: touch;
+  .xl\:self-center {
+    align-self: center;
   }
 
-  .xl\:scrolling-auto {
-    -webkit-overflow-scrolling: auto;
+  .xl\:self-stretch {
+    align-self: stretch;
   }
 
-  .xl\:w-1 {
-    width: 0.25rem;
+  .xl\:justify-start {
+    justify-content: flex-start;
   }
 
-  .xl\:w-2 {
-    width: 0.5rem;
+  .xl\:justify-end {
+    justify-content: flex-end;
   }
 
-  .xl\:w-3 {
-    width: 0.75rem;
+  .xl\:justify-center {
+    justify-content: center;
   }
 
-  .xl\:w-4 {
-    width: 1rem;
+  .xl\:justify-between {
+    justify-content: space-between;
   }
 
-  .xl\:w-6 {
-    width: 1.5rem;
+  .xl\:justify-around {
+    justify-content: space-around;
   }
 
-  .xl\:w-8 {
-    width: 2rem;
+  .xl\:content-center {
+    align-content: center;
   }
 
-  .xl\:w-10 {
-    width: 2.5rem;
+  .xl\:content-start {
+    align-content: flex-start;
   }
 
-  .xl\:w-12 {
-    width: 3rem;
+  .xl\:content-end {
+    align-content: flex-end;
   }
 
-  .xl\:w-16 {
-    width: 4rem;
+  .xl\:content-between {
+    align-content: space-between;
   }
 
-  .xl\:w-24 {
-    width: 6rem;
+  .xl\:content-around {
+    align-content: space-around;
   }
 
-  .xl\:w-32 {
-    width: 8rem;
+  .xl\:flex-1 {
+    flex: 1;
   }
 
-  .xl\:w-48 {
-    width: 12rem;
+  .xl\:flex-auto {
+    flex: auto;
   }
 
-  .xl\:w-64 {
-    width: 16rem;
+  .xl\:flex-initial {
+    flex: initial;
   }
 
-  .xl\:w-auto {
-    width: auto;
+  .xl\:flex-none {
+    flex: none;
   }
 
-  .xl\:w-px {
-    width: 1px;
+  .xl\:flex-grow {
+    flex-grow: 1;
   }
 
-  .xl\:w-1\/2 {
-    width: 50%;
+  .xl\:flex-shrink {
+    flex-shrink: 1;
   }
 
-  .xl\:w-1\/3 {
-    width: 33.33333%;
+  .xl\:flex-no-grow {
+    flex-grow: 0;
   }
 
-  .xl\:w-2\/3 {
-    width: 66.66667%;
+  .xl\:flex-no-shrink {
+    flex-shrink: 0;
   }
 
-  .xl\:w-1\/4 {
-    width: 25%;
+  .xl\:float-right {
+    float: right;
   }
 
-  .xl\:w-3\/4 {
-    width: 75%;
+  .xl\:float-left {
+    float: left;
   }
 
-  .xl\:w-1\/5 {
-    width: 20%;
+  .xl\:float-none {
+    float: none;
   }
 
-  .xl\:w-2\/5 {
-    width: 40%;
+  .xl\:clearfix:after {
+    content: "";
+    display: table;
+    clear: both;
   }
 
-  .xl\:w-3\/5 {
-    width: 60%;
+  .xl\:font-sans {
+    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   }
 
-  .xl\:w-4\/5 {
-    width: 80%;
+  .xl\:font-serif {
+    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
   }
 
-  .xl\:w-1\/6 {
-    width: 16.66667%;
+  .xl\:font-mono {
+    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
   }
 
-  .xl\:w-5\/6 {
-    width: 83.33333%;
+  .xl\:font-hairline {
+    font-weight: 100;
   }
 
-  .xl\:w-full {
-    width: 100%;
+  .xl\:font-thin {
+    font-weight: 200;
   }
 
-  .xl\:w-screen {
-    width: 100vw;
+  .xl\:font-light {
+    font-weight: 300;
   }
 
-  .xl\:min-w-0 {
-    min-width: 0;
+  .xl\:font-normal {
+    font-weight: 400;
   }
 
-  .xl\:min-w-full {
-    min-width: 100%;
+  .xl\:font-medium {
+    font-weight: 500;
   }
 
-  .xl\:max-w-xs {
-    max-width: 20rem;
+  .xl\:font-semibold {
+    font-weight: 600;
   }
 
-  .xl\:max-w-sm {
-    max-width: 30rem;
+  .xl\:font-bold {
+    font-weight: 700;
   }
 
-  .xl\:max-w-md {
-    max-width: 40rem;
+  .xl\:font-extrabold {
+    font-weight: 800;
   }
 
-  .xl\:max-w-lg {
-    max-width: 50rem;
+  .xl\:font-black {
+    font-weight: 900;
   }
 
-  .xl\:max-w-xl {
-    max-width: 60rem;
+  .xl\:hover\:font-hairline:hover {
+    font-weight: 100;
   }
 
-  .xl\:max-w-2xl {
-    max-width: 70rem;
+  .xl\:hover\:font-thin:hover {
+    font-weight: 200;
   }
 
-  .xl\:max-w-3xl {
-    max-width: 80rem;
+  .xl\:hover\:font-light:hover {
+    font-weight: 300;
   }
 
-  .xl\:max-w-4xl {
-    max-width: 90rem;
+  .xl\:hover\:font-normal:hover {
+    font-weight: 400;
   }
 
-  .xl\:max-w-5xl {
-    max-width: 100rem;
+  .xl\:hover\:font-medium:hover {
+    font-weight: 500;
   }
 
-  .xl\:max-w-full {
-    max-width: 100%;
+  .xl\:hover\:font-semibold:hover {
+    font-weight: 600;
+  }
+
+  .xl\:hover\:font-bold:hover {
+    font-weight: 700;
+  }
+
+  .xl\:hover\:font-extrabold:hover {
+    font-weight: 800;
+  }
+
+  .xl\:hover\:font-black:hover {
+    font-weight: 900;
   }
 
   .xl\:h-1 {
@@ -18737,264 +17860,20 @@ button,
     height: 100vh;
   }
 
-  .xl\:min-h-0 {
-    min-height: 0;
+  .xl\:leading-none {
+    line-height: 1;
   }
 
-  .xl\:min-h-full {
-    min-height: 100%;
+  .xl\:leading-tight {
+    line-height: 1.25;
   }
 
-  .xl\:min-h-screen {
-    min-height: 100vh;
+  .xl\:leading-normal {
+    line-height: 1.5;
   }
 
-  .xl\:max-h-full {
-    max-height: 100%;
-  }
-
-  .xl\:max-h-screen {
-    max-height: 100vh;
-  }
-
-  .xl\:p-0 {
-    padding: 0;
-  }
-
-  .xl\:p-1 {
-    padding: 0.25rem;
-  }
-
-  .xl\:p-2 {
-    padding: 0.5rem;
-  }
-
-  .xl\:p-3 {
-    padding: 0.75rem;
-  }
-
-  .xl\:p-4 {
-    padding: 1rem;
-  }
-
-  .xl\:p-6 {
-    padding: 1.5rem;
-  }
-
-  .xl\:p-8 {
-    padding: 2rem;
-  }
-
-  .xl\:p-px {
-    padding: 1px;
-  }
-
-  .xl\:py-0 {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-
-  .xl\:px-0 {
-    padding-left: 0;
-    padding-right: 0;
-  }
-
-  .xl\:py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
-
-  .xl\:px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
-  }
-
-  .xl\:py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-  }
-
-  .xl\:px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-  }
-
-  .xl\:py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
-  }
-
-  .xl\:px-3 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-  }
-
-  .xl\:py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-  }
-
-  .xl\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
-  .xl\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
-
-  .xl\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-
-  .xl\:py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-  }
-
-  .xl\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .xl\:py-px {
-    padding-top: 1px;
-    padding-bottom: 1px;
-  }
-
-  .xl\:px-px {
-    padding-left: 1px;
-    padding-right: 1px;
-  }
-
-  .xl\:pt-0 {
-    padding-top: 0;
-  }
-
-  .xl\:pr-0 {
-    padding-right: 0;
-  }
-
-  .xl\:pb-0 {
-    padding-bottom: 0;
-  }
-
-  .xl\:pl-0 {
-    padding-left: 0;
-  }
-
-  .xl\:pt-1 {
-    padding-top: 0.25rem;
-  }
-
-  .xl\:pr-1 {
-    padding-right: 0.25rem;
-  }
-
-  .xl\:pb-1 {
-    padding-bottom: 0.25rem;
-  }
-
-  .xl\:pl-1 {
-    padding-left: 0.25rem;
-  }
-
-  .xl\:pt-2 {
-    padding-top: 0.5rem;
-  }
-
-  .xl\:pr-2 {
-    padding-right: 0.5rem;
-  }
-
-  .xl\:pb-2 {
-    padding-bottom: 0.5rem;
-  }
-
-  .xl\:pl-2 {
-    padding-left: 0.5rem;
-  }
-
-  .xl\:pt-3 {
-    padding-top: 0.75rem;
-  }
-
-  .xl\:pr-3 {
-    padding-right: 0.75rem;
-  }
-
-  .xl\:pb-3 {
-    padding-bottom: 0.75rem;
-  }
-
-  .xl\:pl-3 {
-    padding-left: 0.75rem;
-  }
-
-  .xl\:pt-4 {
-    padding-top: 1rem;
-  }
-
-  .xl\:pr-4 {
-    padding-right: 1rem;
-  }
-
-  .xl\:pb-4 {
-    padding-bottom: 1rem;
-  }
-
-  .xl\:pl-4 {
-    padding-left: 1rem;
-  }
-
-  .xl\:pt-6 {
-    padding-top: 1.5rem;
-  }
-
-  .xl\:pr-6 {
-    padding-right: 1.5rem;
-  }
-
-  .xl\:pb-6 {
-    padding-bottom: 1.5rem;
-  }
-
-  .xl\:pl-6 {
-    padding-left: 1.5rem;
-  }
-
-  .xl\:pt-8 {
-    padding-top: 2rem;
-  }
-
-  .xl\:pr-8 {
-    padding-right: 2rem;
-  }
-
-  .xl\:pb-8 {
-    padding-bottom: 2rem;
-  }
-
-  .xl\:pl-8 {
-    padding-left: 2rem;
-  }
-
-  .xl\:pt-px {
-    padding-top: 1px;
-  }
-
-  .xl\:pr-px {
-    padding-right: 1px;
-  }
-
-  .xl\:pb-px {
-    padding-bottom: 1px;
-  }
-
-  .xl\:pl-px {
-    padding-left: 1px;
+  .xl\:leading-loose {
+    line-height: 2;
   }
 
   .xl\:m-0 {
@@ -19267,6 +18146,74 @@ button,
     margin-left: 1px;
   }
 
+  .xl\:max-h-full {
+    max-height: 100%;
+  }
+
+  .xl\:max-h-screen {
+    max-height: 100vh;
+  }
+
+  .xl\:max-w-xs {
+    max-width: 20rem;
+  }
+
+  .xl\:max-w-sm {
+    max-width: 30rem;
+  }
+
+  .xl\:max-w-md {
+    max-width: 40rem;
+  }
+
+  .xl\:max-w-lg {
+    max-width: 50rem;
+  }
+
+  .xl\:max-w-xl {
+    max-width: 60rem;
+  }
+
+  .xl\:max-w-2xl {
+    max-width: 70rem;
+  }
+
+  .xl\:max-w-3xl {
+    max-width: 80rem;
+  }
+
+  .xl\:max-w-4xl {
+    max-width: 90rem;
+  }
+
+  .xl\:max-w-5xl {
+    max-width: 100rem;
+  }
+
+  .xl\:max-w-full {
+    max-width: 100%;
+  }
+
+  .xl\:min-h-0 {
+    min-height: 0;
+  }
+
+  .xl\:min-h-full {
+    min-height: 100%;
+  }
+
+  .xl\:min-h-screen {
+    min-height: 100vh;
+  }
+
+  .xl\:min-w-0 {
+    min-width: 0;
+  }
+
+  .xl\:min-w-full {
+    min-width: 100%;
+  }
+
   .xl\:-m-0 {
     margin: 0;
   }
@@ -19507,6 +18454,371 @@ button,
     margin-left: -1px;
   }
 
+  .xl\:opacity-0 {
+    opacity: 0;
+  }
+
+  .xl\:opacity-25 {
+    opacity: .25;
+  }
+
+  .xl\:opacity-50 {
+    opacity: .5;
+  }
+
+  .xl\:opacity-75 {
+    opacity: .75;
+  }
+
+  .xl\:opacity-100 {
+    opacity: 1;
+  }
+
+  .xl\:overflow-auto {
+    overflow: auto;
+  }
+
+  .xl\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .xl\:overflow-visible {
+    overflow: visible;
+  }
+
+  .xl\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .xl\:overflow-x-scroll {
+    overflow-x: auto;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+  }
+
+  .xl\:overflow-y-scroll {
+    overflow-y: auto;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+  }
+
+  .xl\:scrolling-touch {
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .xl\:scrolling-auto {
+    -webkit-overflow-scrolling: auto;
+  }
+
+  .xl\:p-0 {
+    padding: 0;
+  }
+
+  .xl\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .xl\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .xl\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .xl\:p-4 {
+    padding: 1rem;
+  }
+
+  .xl\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .xl\:p-8 {
+    padding: 2rem;
+  }
+
+  .xl\:p-px {
+    padding: 1px;
+  }
+
+  .xl\:py-0 {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  .xl\:px-0 {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .xl\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
+  .xl\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+
+  .xl\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .xl\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+
+  .xl\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .xl\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
+  .xl\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
+  .xl\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .xl\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
+  .xl\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .xl\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  .xl\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .xl\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  .xl\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+
+  .xl\:pt-0 {
+    padding-top: 0;
+  }
+
+  .xl\:pr-0 {
+    padding-right: 0;
+  }
+
+  .xl\:pb-0 {
+    padding-bottom: 0;
+  }
+
+  .xl\:pl-0 {
+    padding-left: 0;
+  }
+
+  .xl\:pt-1 {
+    padding-top: 0.25rem;
+  }
+
+  .xl\:pr-1 {
+    padding-right: 0.25rem;
+  }
+
+  .xl\:pb-1 {
+    padding-bottom: 0.25rem;
+  }
+
+  .xl\:pl-1 {
+    padding-left: 0.25rem;
+  }
+
+  .xl\:pt-2 {
+    padding-top: 0.5rem;
+  }
+
+  .xl\:pr-2 {
+    padding-right: 0.5rem;
+  }
+
+  .xl\:pb-2 {
+    padding-bottom: 0.5rem;
+  }
+
+  .xl\:pl-2 {
+    padding-left: 0.5rem;
+  }
+
+  .xl\:pt-3 {
+    padding-top: 0.75rem;
+  }
+
+  .xl\:pr-3 {
+    padding-right: 0.75rem;
+  }
+
+  .xl\:pb-3 {
+    padding-bottom: 0.75rem;
+  }
+
+  .xl\:pl-3 {
+    padding-left: 0.75rem;
+  }
+
+  .xl\:pt-4 {
+    padding-top: 1rem;
+  }
+
+  .xl\:pr-4 {
+    padding-right: 1rem;
+  }
+
+  .xl\:pb-4 {
+    padding-bottom: 1rem;
+  }
+
+  .xl\:pl-4 {
+    padding-left: 1rem;
+  }
+
+  .xl\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .xl\:pr-6 {
+    padding-right: 1.5rem;
+  }
+
+  .xl\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
+  .xl\:pl-6 {
+    padding-left: 1.5rem;
+  }
+
+  .xl\:pt-8 {
+    padding-top: 2rem;
+  }
+
+  .xl\:pr-8 {
+    padding-right: 2rem;
+  }
+
+  .xl\:pb-8 {
+    padding-bottom: 2rem;
+  }
+
+  .xl\:pl-8 {
+    padding-left: 2rem;
+  }
+
+  .xl\:pt-px {
+    padding-top: 1px;
+  }
+
+  .xl\:pr-px {
+    padding-right: 1px;
+  }
+
+  .xl\:pb-px {
+    padding-bottom: 1px;
+  }
+
+  .xl\:pl-px {
+    padding-left: 1px;
+  }
+
+  .xl\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .xl\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
+  .xl\:static {
+    position: static;
+  }
+
+  .xl\:fixed {
+    position: fixed;
+  }
+
+  .xl\:absolute {
+    position: absolute;
+  }
+
+  .xl\:relative {
+    position: relative;
+  }
+
+  .xl\:pin-t {
+    top: 0;
+  }
+
+  .xl\:pin-r {
+    right: 0;
+  }
+
+  .xl\:pin-b {
+    bottom: 0;
+  }
+
+  .xl\:pin-l {
+    left: 0;
+  }
+
+  .xl\:pin-y {
+    top: 0;
+    bottom: 0;
+  }
+
+  .xl\:pin-x {
+    right: 0;
+    left: 0;
+  }
+
+  .xl\:pin {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+  .xl\:resize-none {
+    resize: none;
+  }
+
+  .xl\:resize-y {
+    resize: vertical;
+  }
+
+  .xl\:resize-x {
+    resize: horizontal;
+  }
+
   .xl\:shadow {
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
   }
@@ -19527,170 +18839,776 @@ button,
     box-shadow: none;
   }
 
-  .xl\:flex {
-    display: flex;
+  .xl\:text-left {
+    text-align: left;
   }
 
-  .xl\:inline-flex {
-    display: inline-flex;
+  .xl\:text-center {
+    text-align: center;
   }
 
-  .xl\:flex-row {
-    flex-direction: row;
+  .xl\:text-right {
+    text-align: right;
   }
 
-  .xl\:flex-row-reverse {
-    flex-direction: row-reverse;
+  .xl\:text-justify {
+    text-align: justify;
   }
 
-  .xl\:flex-col {
-    flex-direction: column;
+  .xl\:text-transparent {
+    color: transparent;
   }
 
-  .xl\:flex-col-reverse {
-    flex-direction: column-reverse;
+  .xl\:text-black {
+    color: #222b2f;
   }
 
-  .xl\:flex-wrap {
-    flex-wrap: wrap;
+  .xl\:text-grey-darkest {
+    color: #364349;
   }
 
-  .xl\:flex-wrap-reverse {
-    flex-wrap: wrap-reverse;
+  .xl\:text-grey-darker {
+    color: #596a73;
   }
 
-  .xl\:flex-no-wrap {
-    flex-wrap: nowrap;
+  .xl\:text-grey-dark {
+    color: #70818a;
   }
 
-  .xl\:items-start {
-    align-items: flex-start;
+  .xl\:text-grey {
+    color: #9babb4;
   }
 
-  .xl\:items-end {
-    align-items: flex-end;
+  .xl\:text-grey-light {
+    color: #dae4e9;
   }
 
-  .xl\:items-center {
-    align-items: center;
+  .xl\:text-grey-lighter {
+    color: #f3f7f9;
   }
 
-  .xl\:items-baseline {
-    align-items: baseline;
+  .xl\:text-grey-lightest {
+    color: #fafcfc;
   }
 
-  .xl\:items-stretch {
-    align-items: stretch;
+  .xl\:text-white {
+    color: #ffffff;
   }
 
-  .xl\:self-auto {
-    align-self: auto;
+  .xl\:text-red-darkest {
+    color: #420806;
   }
 
-  .xl\:self-start {
-    align-self: flex-start;
+  .xl\:text-red-darker {
+    color: #6a1b19;
   }
 
-  .xl\:self-end {
-    align-self: flex-end;
+  .xl\:text-red-dark {
+    color: #cc1f1a;
   }
 
-  .xl\:self-center {
-    align-self: center;
+  .xl\:text-red {
+    color: #e3342f;
   }
 
-  .xl\:self-stretch {
-    align-self: stretch;
+  .xl\:text-red-light {
+    color: #ef5753;
   }
 
-  .xl\:justify-start {
-    justify-content: flex-start;
+  .xl\:text-red-lighter {
+    color: #f9acaa;
   }
 
-  .xl\:justify-end {
-    justify-content: flex-end;
+  .xl\:text-red-lightest {
+    color: #fcebea;
   }
 
-  .xl\:justify-center {
-    justify-content: center;
+  .xl\:text-orange-darkest {
+    color: #542605;
   }
 
-  .xl\:justify-between {
-    justify-content: space-between;
+  .xl\:text-orange-darker {
+    color: #7f4012;
   }
 
-  .xl\:justify-around {
-    justify-content: space-around;
+  .xl\:text-orange-dark {
+    color: #de751f;
   }
 
-  .xl\:content-center {
-    align-content: center;
+  .xl\:text-orange {
+    color: #f6993f;
   }
 
-  .xl\:content-start {
-    align-content: flex-start;
+  .xl\:text-orange-light {
+    color: #faad63;
   }
 
-  .xl\:content-end {
-    align-content: flex-end;
+  .xl\:text-orange-lighter {
+    color: #fcd9b6;
   }
 
-  .xl\:content-between {
-    align-content: space-between;
+  .xl\:text-orange-lightest {
+    color: #fff5eb;
   }
 
-  .xl\:content-around {
-    align-content: space-around;
+  .xl\:text-yellow-darkest {
+    color: #453411;
   }
 
-  .xl\:flex-1 {
-    flex: 1;
+  .xl\:text-yellow-darker {
+    color: #684f1d;
   }
 
-  .xl\:flex-auto {
-    flex: auto;
+  .xl\:text-yellow-dark {
+    color: #f2d024;
   }
 
-  .xl\:flex-initial {
-    flex: initial;
+  .xl\:text-yellow {
+    color: #ffed4a;
   }
 
-  .xl\:flex-none {
-    flex: none;
+  .xl\:text-yellow-light {
+    color: #fff382;
   }
 
-  .xl\:flex-grow {
-    flex-grow: 1;
+  .xl\:text-yellow-lighter {
+    color: #fff9c2;
   }
 
-  .xl\:flex-shrink {
-    flex-shrink: 1;
+  .xl\:text-yellow-lightest {
+    color: #fcfbeb;
   }
 
-  .xl\:flex-no-grow {
-    flex-grow: 0;
+  .xl\:text-green-darkest {
+    color: #032d19;
   }
 
-  .xl\:flex-no-shrink {
-    flex-shrink: 0;
+  .xl\:text-green-darker {
+    color: #0b4228;
   }
 
-  .xl\:float-right {
-    float: right;
+  .xl\:text-green-dark {
+    color: #1f9d55;
   }
 
-  .xl\:float-left {
-    float: left;
+  .xl\:text-green {
+    color: #38c172;
   }
 
-  .xl\:float-none {
-    float: none;
+  .xl\:text-green-light {
+    color: #51d88a;
   }
 
-  .xl\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
+  .xl\:text-green-lighter {
+    color: #a2f5bf;
+  }
+
+  .xl\:text-green-lightest {
+    color: #e3fcec;
+  }
+
+  .xl\:text-teal-darkest {
+    color: #0d3331;
+  }
+
+  .xl\:text-teal-darker {
+    color: #174e4b;
+  }
+
+  .xl\:text-teal-dark {
+    color: #38a89d;
+  }
+
+  .xl\:text-teal {
+    color: #4dc0b5;
+  }
+
+  .xl\:text-teal-light {
+    color: #64d5ca;
+  }
+
+  .xl\:text-teal-lighter {
+    color: #a0f0ed;
+  }
+
+  .xl\:text-teal-lightest {
+    color: #e8fffe;
+  }
+
+  .xl\:text-blue-darkest {
+    color: #05233b;
+  }
+
+  .xl\:text-blue-darker {
+    color: #103d60;
+  }
+
+  .xl\:text-blue-dark {
+    color: #2779bd;
+  }
+
+  .xl\:text-blue {
+    color: #3490dc;
+  }
+
+  .xl\:text-blue-light {
+    color: #6cb2eb;
+  }
+
+  .xl\:text-blue-lighter {
+    color: #bcdefa;
+  }
+
+  .xl\:text-blue-lightest {
+    color: #eff8ff;
+  }
+
+  .xl\:text-indigo-darkest {
+    color: #191e38;
+  }
+
+  .xl\:text-indigo-darker {
+    color: #2f365f;
+  }
+
+  .xl\:text-indigo-dark {
+    color: #5661b3;
+  }
+
+  .xl\:text-indigo {
+    color: #6574cd;
+  }
+
+  .xl\:text-indigo-light {
+    color: #7886d7;
+  }
+
+  .xl\:text-indigo-lighter {
+    color: #b2b7ff;
+  }
+
+  .xl\:text-indigo-lightest {
+    color: #e6e8ff;
+  }
+
+  .xl\:text-purple-darkest {
+    color: #1f133f;
+  }
+
+  .xl\:text-purple-darker {
+    color: #352465;
+  }
+
+  .xl\:text-purple-dark {
+    color: #794acf;
+  }
+
+  .xl\:text-purple {
+    color: #9561e2;
+  }
+
+  .xl\:text-purple-light {
+    color: #a779e9;
+  }
+
+  .xl\:text-purple-lighter {
+    color: #d6bbfc;
+  }
+
+  .xl\:text-purple-lightest {
+    color: #f3ebff;
+  }
+
+  .xl\:text-pink-darkest {
+    color: #45051e;
+  }
+
+  .xl\:text-pink-darker {
+    color: #72173a;
+  }
+
+  .xl\:text-pink-dark {
+    color: #eb5286;
+  }
+
+  .xl\:text-pink {
+    color: #f66d9b;
+  }
+
+  .xl\:text-pink-light {
+    color: #fa7ea8;
+  }
+
+  .xl\:text-pink-lighter {
+    color: #ffbbca;
+  }
+
+  .xl\:text-pink-lightest {
+    color: #ffebef;
+  }
+
+  .xl\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  .xl\:hover\:text-black:hover {
+    color: #222b2f;
+  }
+
+  .xl\:hover\:text-grey-darkest:hover {
+    color: #364349;
+  }
+
+  .xl\:hover\:text-grey-darker:hover {
+    color: #596a73;
+  }
+
+  .xl\:hover\:text-grey-dark:hover {
+    color: #70818a;
+  }
+
+  .xl\:hover\:text-grey:hover {
+    color: #9babb4;
+  }
+
+  .xl\:hover\:text-grey-light:hover {
+    color: #dae4e9;
+  }
+
+  .xl\:hover\:text-grey-lighter:hover {
+    color: #f3f7f9;
+  }
+
+  .xl\:hover\:text-grey-lightest:hover {
+    color: #fafcfc;
+  }
+
+  .xl\:hover\:text-white:hover {
+    color: #ffffff;
+  }
+
+  .xl\:hover\:text-red-darkest:hover {
+    color: #420806;
+  }
+
+  .xl\:hover\:text-red-darker:hover {
+    color: #6a1b19;
+  }
+
+  .xl\:hover\:text-red-dark:hover {
+    color: #cc1f1a;
+  }
+
+  .xl\:hover\:text-red:hover {
+    color: #e3342f;
+  }
+
+  .xl\:hover\:text-red-light:hover {
+    color: #ef5753;
+  }
+
+  .xl\:hover\:text-red-lighter:hover {
+    color: #f9acaa;
+  }
+
+  .xl\:hover\:text-red-lightest:hover {
+    color: #fcebea;
+  }
+
+  .xl\:hover\:text-orange-darkest:hover {
+    color: #542605;
+  }
+
+  .xl\:hover\:text-orange-darker:hover {
+    color: #7f4012;
+  }
+
+  .xl\:hover\:text-orange-dark:hover {
+    color: #de751f;
+  }
+
+  .xl\:hover\:text-orange:hover {
+    color: #f6993f;
+  }
+
+  .xl\:hover\:text-orange-light:hover {
+    color: #faad63;
+  }
+
+  .xl\:hover\:text-orange-lighter:hover {
+    color: #fcd9b6;
+  }
+
+  .xl\:hover\:text-orange-lightest:hover {
+    color: #fff5eb;
+  }
+
+  .xl\:hover\:text-yellow-darkest:hover {
+    color: #453411;
+  }
+
+  .xl\:hover\:text-yellow-darker:hover {
+    color: #684f1d;
+  }
+
+  .xl\:hover\:text-yellow-dark:hover {
+    color: #f2d024;
+  }
+
+  .xl\:hover\:text-yellow:hover {
+    color: #ffed4a;
+  }
+
+  .xl\:hover\:text-yellow-light:hover {
+    color: #fff382;
+  }
+
+  .xl\:hover\:text-yellow-lighter:hover {
+    color: #fff9c2;
+  }
+
+  .xl\:hover\:text-yellow-lightest:hover {
+    color: #fcfbeb;
+  }
+
+  .xl\:hover\:text-green-darkest:hover {
+    color: #032d19;
+  }
+
+  .xl\:hover\:text-green-darker:hover {
+    color: #0b4228;
+  }
+
+  .xl\:hover\:text-green-dark:hover {
+    color: #1f9d55;
+  }
+
+  .xl\:hover\:text-green:hover {
+    color: #38c172;
+  }
+
+  .xl\:hover\:text-green-light:hover {
+    color: #51d88a;
+  }
+
+  .xl\:hover\:text-green-lighter:hover {
+    color: #a2f5bf;
+  }
+
+  .xl\:hover\:text-green-lightest:hover {
+    color: #e3fcec;
+  }
+
+  .xl\:hover\:text-teal-darkest:hover {
+    color: #0d3331;
+  }
+
+  .xl\:hover\:text-teal-darker:hover {
+    color: #174e4b;
+  }
+
+  .xl\:hover\:text-teal-dark:hover {
+    color: #38a89d;
+  }
+
+  .xl\:hover\:text-teal:hover {
+    color: #4dc0b5;
+  }
+
+  .xl\:hover\:text-teal-light:hover {
+    color: #64d5ca;
+  }
+
+  .xl\:hover\:text-teal-lighter:hover {
+    color: #a0f0ed;
+  }
+
+  .xl\:hover\:text-teal-lightest:hover {
+    color: #e8fffe;
+  }
+
+  .xl\:hover\:text-blue-darkest:hover {
+    color: #05233b;
+  }
+
+  .xl\:hover\:text-blue-darker:hover {
+    color: #103d60;
+  }
+
+  .xl\:hover\:text-blue-dark:hover {
+    color: #2779bd;
+  }
+
+  .xl\:hover\:text-blue:hover {
+    color: #3490dc;
+  }
+
+  .xl\:hover\:text-blue-light:hover {
+    color: #6cb2eb;
+  }
+
+  .xl\:hover\:text-blue-lighter:hover {
+    color: #bcdefa;
+  }
+
+  .xl\:hover\:text-blue-lightest:hover {
+    color: #eff8ff;
+  }
+
+  .xl\:hover\:text-indigo-darkest:hover {
+    color: #191e38;
+  }
+
+  .xl\:hover\:text-indigo-darker:hover {
+    color: #2f365f;
+  }
+
+  .xl\:hover\:text-indigo-dark:hover {
+    color: #5661b3;
+  }
+
+  .xl\:hover\:text-indigo:hover {
+    color: #6574cd;
+  }
+
+  .xl\:hover\:text-indigo-light:hover {
+    color: #7886d7;
+  }
+
+  .xl\:hover\:text-indigo-lighter:hover {
+    color: #b2b7ff;
+  }
+
+  .xl\:hover\:text-indigo-lightest:hover {
+    color: #e6e8ff;
+  }
+
+  .xl\:hover\:text-purple-darkest:hover {
+    color: #1f133f;
+  }
+
+  .xl\:hover\:text-purple-darker:hover {
+    color: #352465;
+  }
+
+  .xl\:hover\:text-purple-dark:hover {
+    color: #794acf;
+  }
+
+  .xl\:hover\:text-purple:hover {
+    color: #9561e2;
+  }
+
+  .xl\:hover\:text-purple-light:hover {
+    color: #a779e9;
+  }
+
+  .xl\:hover\:text-purple-lighter:hover {
+    color: #d6bbfc;
+  }
+
+  .xl\:hover\:text-purple-lightest:hover {
+    color: #f3ebff;
+  }
+
+  .xl\:hover\:text-pink-darkest:hover {
+    color: #45051e;
+  }
+
+  .xl\:hover\:text-pink-darker:hover {
+    color: #72173a;
+  }
+
+  .xl\:hover\:text-pink-dark:hover {
+    color: #eb5286;
+  }
+
+  .xl\:hover\:text-pink:hover {
+    color: #f66d9b;
+  }
+
+  .xl\:hover\:text-pink-light:hover {
+    color: #fa7ea8;
+  }
+
+  .xl\:hover\:text-pink-lighter:hover {
+    color: #ffbbca;
+  }
+
+  .xl\:hover\:text-pink-lightest:hover {
+    color: #ffebef;
+  }
+
+  .xl\:text-xs {
+    font-size: .75rem;
+  }
+
+  .xl\:text-sm {
+    font-size: .875rem;
+  }
+
+  .xl\:text-base {
+    font-size: 1rem;
+  }
+
+  .xl\:text-lg {
+    font-size: 1.125rem;
+  }
+
+  .xl\:text-xl {
+    font-size: 1.25rem;
+  }
+
+  .xl\:text-2xl {
+    font-size: 1.5rem;
+  }
+
+  .xl\:text-3xl {
+    font-size: 1.875rem;
+  }
+
+  .xl\:text-4xl {
+    font-size: 2.25rem;
+  }
+
+  .xl\:text-5xl {
+    font-size: 3rem;
+  }
+
+  .xl\:italic {
+    font-style: italic;
+  }
+
+  .xl\:roman {
+    font-style: normal;
+  }
+
+  .xl\:uppercase {
+    text-transform: uppercase;
+  }
+
+  .xl\:lowercase {
+    text-transform: lowercase;
+  }
+
+  .xl\:capitalize {
+    text-transform: capitalize;
+  }
+
+  .xl\:normal-case {
+    text-transform: none;
+  }
+
+  .xl\:underline {
+    text-decoration: underline;
+  }
+
+  .xl\:line-through {
+    text-decoration: line-through;
+  }
+
+  .xl\:no-underline {
+    text-decoration: none;
+  }
+
+  .xl\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .xl\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .xl\:hover\:italic:hover {
+    font-style: italic;
+  }
+
+  .xl\:hover\:roman:hover {
+    font-style: normal;
+  }
+
+  .xl\:hover\:uppercase:hover {
+    text-transform: uppercase;
+  }
+
+  .xl\:hover\:lowercase:hover {
+    text-transform: lowercase;
+  }
+
+  .xl\:hover\:capitalize:hover {
+    text-transform: capitalize;
+  }
+
+  .xl\:hover\:normal-case:hover {
+    text-transform: none;
+  }
+
+  .xl\:hover\:underline:hover {
+    text-decoration: underline;
+  }
+
+  .xl\:hover\:line-through:hover {
+    text-decoration: line-through;
+  }
+
+  .xl\:hover\:no-underline:hover {
+    text-decoration: none;
+  }
+
+  .xl\:hover\:antialiased:hover {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .xl\:hover\:subpixel-antialiased:hover {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .xl\:tracking-tight {
+    letter-spacing: -0.05em;
+  }
+
+  .xl\:tracking-normal {
+    letter-spacing: 0;
+  }
+
+  .xl\:tracking-wide {
+    letter-spacing: 0.05em;
+  }
+
+  .xl\:select-none {
+    user-select: none;
+  }
+
+  .xl\:select-text {
+    user-select: text;
+  }
+
+  .xl\:align-baseline {
+    vertical-align: baseline;
+  }
+
+  .xl\:align-top {
+    vertical-align: top;
+  }
+
+  .xl\:align-middle {
+    vertical-align: middle;
+  }
+
+  .xl\:align-bottom {
+    vertical-align: bottom;
+  }
+
+  .xl\:align-text-top {
+    vertical-align: text-top;
+  }
+
+  .xl\:align-text-bottom {
+    vertical-align: text-bottom;
   }
 
   .xl\:visible {
@@ -19701,6 +19619,152 @@ button,
     visibility: hidden;
   }
 
+  .xl\:whitespace-normal {
+    white-space: normal;
+  }
+
+  .xl\:whitespace-no-wrap {
+    white-space: nowrap;
+  }
+
+  .xl\:whitespace-pre {
+    white-space: pre;
+  }
+
+  .xl\:whitespace-pre-line {
+    white-space: pre-line;
+  }
+
+  .xl\:whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+
+  .xl\:break-words {
+    word-wrap: break-word;
+  }
+
+  .xl\:break-normal {
+    word-wrap: normal;
+  }
+
+  .xl\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .xl\:w-1 {
+    width: 0.25rem;
+  }
+
+  .xl\:w-2 {
+    width: 0.5rem;
+  }
+
+  .xl\:w-3 {
+    width: 0.75rem;
+  }
+
+  .xl\:w-4 {
+    width: 1rem;
+  }
+
+  .xl\:w-6 {
+    width: 1.5rem;
+  }
+
+  .xl\:w-8 {
+    width: 2rem;
+  }
+
+  .xl\:w-10 {
+    width: 2.5rem;
+  }
+
+  .xl\:w-12 {
+    width: 3rem;
+  }
+
+  .xl\:w-16 {
+    width: 4rem;
+  }
+
+  .xl\:w-24 {
+    width: 6rem;
+  }
+
+  .xl\:w-32 {
+    width: 8rem;
+  }
+
+  .xl\:w-48 {
+    width: 12rem;
+  }
+
+  .xl\:w-64 {
+    width: 16rem;
+  }
+
+  .xl\:w-auto {
+    width: auto;
+  }
+
+  .xl\:w-px {
+    width: 1px;
+  }
+
+  .xl\:w-1\/2 {
+    width: 50%;
+  }
+
+  .xl\:w-1\/3 {
+    width: 33.33333%;
+  }
+
+  .xl\:w-2\/3 {
+    width: 66.66667%;
+  }
+
+  .xl\:w-1\/4 {
+    width: 25%;
+  }
+
+  .xl\:w-3\/4 {
+    width: 75%;
+  }
+
+  .xl\:w-1\/5 {
+    width: 20%;
+  }
+
+  .xl\:w-2\/5 {
+    width: 40%;
+  }
+
+  .xl\:w-3\/5 {
+    width: 60%;
+  }
+
+  .xl\:w-4\/5 {
+    width: 80%;
+  }
+
+  .xl\:w-1\/6 {
+    width: 16.66667%;
+  }
+
+  .xl\:w-5\/6 {
+    width: 83.33333%;
+  }
+
+  .xl\:w-full {
+    width: 100%;
+  }
+
+  .xl\:w-screen {
+    width: 100vw;
+  }
+
   .xl\:z-0 {
     z-index: 0;
   }
@@ -19729,70 +19793,6 @@ button,
     z-index: auto;
   }
 
-  .xl\:opacity-0 {
-    opacity: 0;
-  }
-
-  .xl\:opacity-25 {
-    opacity: .25;
-  }
-
-  .xl\:opacity-50 {
-    opacity: .5;
-  }
-
-  .xl\:opacity-75 {
-    opacity: .75;
-  }
-
-  .xl\:opacity-100 {
-    opacity: 1;
-  }
-
-  .xl\:select-none {
-    user-select: none;
-  }
-
-  .xl\:select-text {
-    user-select: text;
-  }
-
-  .xl\:pointer-events-none {
-    pointer-events: none;
-  }
-
-  .xl\:pointer-events-auto {
-    pointer-events: auto;
-  }
-
-  .xl\:resize-none {
-    resize: none;
-  }
-
-  .xl\:resize-y {
-    resize: vertical;
-  }
-
-  .xl\:resize-x {
-    resize: horizontal;
-  }
-
-  .xl\:cursor-auto {
-    cursor: auto;
-  }
-
-  .xl\:cursor-default {
-    cursor: default;
-  }
-
-  .xl\:cursor-pointer {
-    cursor: pointer;
-  }
-
-  .xl\:cursor-not-allowed {
-    cursor: not-allowed;
-  }
-
   .xl\:example {
     font-weight: 700;
     color: #e3342f;
diff --git a/__tests__/generateModules.test.js b/__tests__/generateModules.test.js
new file mode 100644
index 000000000..d9fdb1dff
--- /dev/null
+++ b/__tests__/generateModules.test.js
@@ -0,0 +1,133 @@
+import generateModules from '../src/util/generateModules'
+import defineClasses from '../src/util/defineClasses'
+
+function textAlign() {
+  return defineClasses({
+    'text-left': { 'text-align': 'left' },
+    'text-right': { 'text-align': 'right' },
+    'text-center': { 'text-align': 'center' },
+  })
+}
+
+function display() {
+  return defineClasses({
+    block: { display: 'block' },
+    inline: { display: 'inline' },
+    'inline-block': { display: 'inline-block' },
+  })
+}
+
+function borderStyle() {
+  return defineClasses({
+    'border-solid': { 'border-style': 'solid' },
+    'border-dashed': { 'border-style': 'dashed' },
+    'border-dotted': { 'border-style': 'dotted' },
+  })
+}
+
+test('an empty variants list generates a @variants at-rule with no parameters', () => {
+  const result = generateModules([{ name: 'textAlign', generator: textAlign }], {
+    textAlign: [],
+  })
+
+  const expected = `
+    @variants {
+      .text-left { text-align: left }
+      .text-right { text-align: right }
+      .text-center { text-align: center }
+    }
+  `
+  expect(result.toString()).toMatchCss(expected)
+})
+
+test('a `false` variants list generates no output', () => {
+  const result = generateModules([{ name: 'textAlign', generator: textAlign }], {
+    textAlign: false,
+  })
+
+  expect(result.toString()).toMatchCss('')
+})
+
+test('specified variants are included in the @variants at-rule', () => {
+  const result = generateModules([{ name: 'textAlign', generator: textAlign }], {
+    textAlign: ['responsive', 'hover'],
+  })
+
+  const expected = `
+    @variants responsive, hover {
+      .text-left { text-align: left }
+      .text-right { text-align: right }
+      .text-center { text-align: center }
+    }
+  `
+  expect(result.toString()).toMatchCss(expected)
+})
+
+test('options must provide variants for every module', () => {
+  expect(() => {
+    generateModules(
+      [{ name: 'textAlign', generator: textAlign }, { name: 'display', generator: display }],
+      {
+        textAlign: [],
+      }
+    )
+  }).toThrow()
+})
+
+test('variants can be different for each module', () => {
+  const result = generateModules(
+    [
+      { name: 'textAlign', generator: textAlign },
+      { name: 'display', generator: display },
+      { name: 'borderStyle', generator: borderStyle },
+    ],
+    {
+      textAlign: [],
+      display: false,
+      borderStyle: ['responsive', 'hover', 'focus'],
+    }
+  )
+
+  const expected = `
+    @variants {
+      .text-left { text-align: left }
+      .text-right { text-align: right }
+      .text-center { text-align: center }
+    }
+
+    @variants responsive, hover, focus {
+      .border-solid { border-style: solid }
+      .border-dashed { border-style: dashed }
+      .border-dotted { border-style: dotted }
+    }
+  `
+  expect(result.toString()).toMatchCss(expected)
+})
+
+test('generators can reference the generatorOptions object', () => {
+  const result = generateModules(
+    [
+      {
+        name: 'parameterized',
+        generator: generatorParams => {
+          return defineClasses({
+            foo: { color: generatorParams.color },
+          })
+        },
+      },
+    ],
+    {
+      parameterized: [],
+    },
+    {
+      color: 'blue',
+    }
+  )
+
+  const expected = `
+    @variants {
+      .foo { color: blue }
+    }
+  `
+  expect(result.toString()).toMatchCss(expected)
+})
diff --git a/defaultConfig.stub.js b/defaultConfig.stub.js
index 3731eb808..691745127 100644
--- a/defaultConfig.stub.js
+++ b/defaultConfig.stub.js
@@ -770,6 +770,49 @@ module.exports = {
   options: {
     prefix: '',
     important: false,
+    modules: {
+      appearance: ['responsive'],
+      backgroundColors: ['responsive', 'hover'],
+      backgroundPosition: ['responsive'],
+      backgroundSize: ['responsive'],
+      borderColors: ['responsive', 'hover'],
+      borderRadius: ['responsive'],
+      borderStyle: ['responsive'],
+      borderWidths: ['responsive'],
+      cursor: ['responsive'],
+      display: ['responsive'],
+      flexbox: ['responsive'],
+      float: ['responsive'],
+      fonts: ['responsive'],
+      fontWeights: ['responsive', 'hover'],
+      height: ['responsive'],
+      leading: ['responsive'],
+      lists: ['responsive'],
+      margin: ['responsive'],
+      maxHeight: ['responsive'],
+      maxWidth: ['responsive'],
+      minHeight: ['responsive'],
+      minWidth: ['responsive'],
+      negativeMargin: ['responsive'],
+      opacity: ['responsive'],
+      overflow: ['responsive'],
+      padding: ['responsive'],
+      pointerEvents: ['responsive'],
+      position: ['responsive'],
+      resize: ['responsive'],
+      shadows: ['responsive'],
+      textAlign: ['responsive'],
+      textColors: ['responsive', 'hover'],
+      textSizes: ['responsive'],
+      textStyle: ['responsive', 'hover'],
+      tracking: ['responsive'],
+      userSelect: ['responsive'],
+      verticalAlign: ['responsive'],
+      visibility: ['responsive'],
+      whitespace: ['responsive'],
+      width: ['responsive'],
+      zIndex: ['responsive'],
+    }
   },
 
 }
diff --git a/src/generators/forms.js b/src/generators/appearance.js
similarity index 100%
rename from src/generators/forms.js
rename to src/generators/appearance.js
diff --git a/src/generators/backgroundColors.js b/src/generators/backgroundColors.js
index 9e8cef23c..955a072be 100644
--- a/src/generators/backgroundColors.js
+++ b/src/generators/backgroundColors.js
@@ -1,13 +1,10 @@
 import _ from 'lodash'
 import defineClass from '../util/defineClass'
-import hoverable from '../util/hoverable'
 
 export default function({ backgroundColors }) {
-  return hoverable(
-    _.map(backgroundColors, (color, className) => {
-      return defineClass(`bg-${className}`, {
-        'background-color': color,
-      })
+  return _.map(backgroundColors, (color, className) => {
+    return defineClass(`bg-${className}`, {
+      'background-color': color,
     })
-  )
+  })
 }
diff --git a/src/generators/backgroundPositions.js b/src/generators/backgroundPosition.js
similarity index 100%
rename from src/generators/backgroundPositions.js
rename to src/generators/backgroundPosition.js
diff --git a/src/generators/borderColors.js b/src/generators/borderColors.js
index 5f1d72b98..7ea0f0ab2 100644
--- a/src/generators/borderColors.js
+++ b/src/generators/borderColors.js
@@ -1,13 +1,10 @@
 import _ from 'lodash'
 import defineClass from '../util/defineClass'
-import hoverable from '../util/hoverable'
 
 export default function({ borderColors }) {
-  return hoverable(
-    _.map(_.omit(borderColors, 'default'), (color, className) => {
-      return defineClass(`border-${className}`, {
-        'border-color': color,
-      })
+  return _.map(_.omit(borderColors, 'default'), (color, className) => {
+    return defineClass(`border-${className}`, {
+      'border-color': color,
     })
-  )
+  })
 }
diff --git a/src/generators/rounded.js b/src/generators/borderRadius.js
similarity index 100%
rename from src/generators/rounded.js
rename to src/generators/borderRadius.js
diff --git a/src/generators/borderStyles.js b/src/generators/borderStyle.js
similarity index 100%
rename from src/generators/borderStyles.js
rename to src/generators/borderStyle.js
diff --git a/src/generators/flex.js b/src/generators/flexbox.js
similarity index 100%
rename from src/generators/flex.js
rename to src/generators/flexbox.js
diff --git a/src/generators/floats.js b/src/generators/float.js
similarity index 100%
rename from src/generators/floats.js
rename to src/generators/float.js
diff --git a/src/generators/fontWeights.js b/src/generators/fontWeights.js
new file mode 100644
index 000000000..d959b8161
--- /dev/null
+++ b/src/generators/fontWeights.js
@@ -0,0 +1,10 @@
+import _ from 'lodash'
+import defineClass from '../util/defineClass'
+
+export default function({ fontWeights }) {
+  return _.map(fontWeights, (weight, modifier) => {
+    return defineClass(`font-${modifier}`, {
+      'font-weight': `${weight}`,
+    })
+  })
+}
diff --git a/src/generators/textFonts.js b/src/generators/fonts.js
similarity index 100%
rename from src/generators/textFonts.js
rename to src/generators/fonts.js
diff --git a/src/generators/height.js b/src/generators/height.js
new file mode 100644
index 000000000..8ba099ca1
--- /dev/null
+++ b/src/generators/height.js
@@ -0,0 +1,14 @@
+import _ from 'lodash'
+import defineClass from '../util/defineClass'
+
+function defineHeights(heights) {
+  return _.map(heights, (size, modifer) => {
+    return defineClass(`h-${modifer}`, {
+      height: `${size}`,
+    })
+  })
+}
+
+export default function(config) {
+  return _.flatten([defineHeights(config.height)])
+}
diff --git a/src/generators/textLeading.js b/src/generators/leading.js
similarity index 100%
rename from src/generators/textLeading.js
rename to src/generators/leading.js
diff --git a/src/generators/margin.js b/src/generators/margin.js
new file mode 100644
index 000000000..9fe3c4bb0
--- /dev/null
+++ b/src/generators/margin.js
@@ -0,0 +1,31 @@
+import _ from 'lodash'
+import defineClasses from '../util/defineClasses'
+
+function defineMargin(margin) {
+  const generators = [
+    (size, modifier) =>
+      defineClasses({
+        [`m-${modifier}`]: { margin: `${size}` },
+      }),
+    (size, modifier) =>
+      defineClasses({
+        [`my-${modifier}`]: { 'margin-top': `${size}`, 'margin-bottom': `${size}` },
+        [`mx-${modifier}`]: { 'margin-left': `${size}`, 'margin-right': `${size}` },
+      }),
+    (size, modifier) =>
+      defineClasses({
+        [`mt-${modifier}`]: { 'margin-top': `${size}` },
+        [`mr-${modifier}`]: { 'margin-right': `${size}` },
+        [`mb-${modifier}`]: { 'margin-bottom': `${size}` },
+        [`ml-${modifier}`]: { 'margin-left': `${size}` },
+      }),
+  ]
+
+  return _.flatMap(generators, generator => {
+    return _.flatMap(margin, generator)
+  })
+}
+
+export default function({ margin }) {
+  return _.flatten([defineMargin(margin)])
+}
diff --git a/src/generators/maxHeight.js b/src/generators/maxHeight.js
new file mode 100644
index 000000000..ae42ba6fb
--- /dev/null
+++ b/src/generators/maxHeight.js
@@ -0,0 +1,14 @@
+import _ from 'lodash'
+import defineClass from '../util/defineClass'
+
+function defineMaxHeights(heights) {
+  return _.map(heights, (size, modifer) => {
+    return defineClass(`max-h-${modifer}`, {
+      'max-height': `${size}`,
+    })
+  })
+}
+
+export default function(config) {
+  return _.flatten([defineMaxHeights(config.maxHeight)])
+}
diff --git a/src/generators/maxWidth.js b/src/generators/maxWidth.js
new file mode 100644
index 000000000..9daa4d270
--- /dev/null
+++ b/src/generators/maxWidth.js
@@ -0,0 +1,14 @@
+import _ from 'lodash'
+import defineClass from '../util/defineClass'
+
+function defineMaxWidths(widths) {
+  return _.map(widths, (size, modifer) => {
+    return defineClass(`max-w-${modifer}`, {
+      'max-width': `${size}`,
+    })
+  })
+}
+
+export default function(config) {
+  return _.flatten([defineMaxWidths(config.maxWidth)])
+}
diff --git a/src/generators/minHeight.js b/src/generators/minHeight.js
new file mode 100644
index 000000000..4d6233eff
--- /dev/null
+++ b/src/generators/minHeight.js
@@ -0,0 +1,14 @@
+import _ from 'lodash'
+import defineClass from '../util/defineClass'
+
+function defineMinHeights(heights) {
+  return _.map(heights, (size, modifer) => {
+    return defineClass(`min-h-${modifer}`, {
+      'min-height': `${size}`,
+    })
+  })
+}
+
+export default function(config) {
+  return _.flatten([defineMinHeights(config.minHeight)])
+}
diff --git a/src/generators/minWidth.js b/src/generators/minWidth.js
new file mode 100644
index 000000000..d8fa8dce6
--- /dev/null
+++ b/src/generators/minWidth.js
@@ -0,0 +1,14 @@
+import _ from 'lodash'
+import defineClass from '../util/defineClass'
+
+function defineMinWidths(widths) {
+  return _.map(widths, (size, modifer) => {
+    return defineClass(`min-w-${modifer}`, {
+      'min-width': `${size}`,
+    })
+  })
+}
+
+export default function(config) {
+  return _.flatten([defineMinWidths(config.minWidth)])
+}
diff --git a/src/generators/negativeMargin.js b/src/generators/negativeMargin.js
new file mode 100644
index 000000000..8a818b121
--- /dev/null
+++ b/src/generators/negativeMargin.js
@@ -0,0 +1,33 @@
+import _ from 'lodash'
+import defineClasses from '../util/defineClasses'
+
+function defineNegativeMargin(negativeMargin) {
+  const generators = [
+    (size, modifier) =>
+      defineClasses({
+        [`-m-${modifier}`]: { margin: `${size}` },
+      }),
+    (size, modifier) =>
+      defineClasses({
+        [`-my-${modifier}`]: { 'margin-top': `${size}`, 'margin-bottom': `${size}` },
+        [`-mx-${modifier}`]: { 'margin-left': `${size}`, 'margin-right': `${size}` },
+      }),
+    (size, modifier) =>
+      defineClasses({
+        [`-mt-${modifier}`]: { 'margin-top': `${size}` },
+        [`-mr-${modifier}`]: { 'margin-right': `${size}` },
+        [`-mb-${modifier}`]: { 'margin-bottom': `${size}` },
+        [`-ml-${modifier}`]: { 'margin-left': `${size}` },
+      }),
+  ]
+
+  return _.flatMap(generators, generator => {
+    return _.flatMap(negativeMargin, (size, modifier) => {
+      return generator(`${size}` === '0' ? `${size}` : `-${size}`, modifier)
+    })
+  })
+}
+
+export default function({ negativeMargin }) {
+  return _.flatten([defineNegativeMargin(negativeMargin)])
+}
diff --git a/src/generators/padding.js b/src/generators/padding.js
new file mode 100644
index 000000000..82a5ac679
--- /dev/null
+++ b/src/generators/padding.js
@@ -0,0 +1,31 @@
+import _ from 'lodash'
+import defineClasses from '../util/defineClasses'
+
+function definePadding(padding) {
+  const generators = [
+    (size, modifier) =>
+      defineClasses({
+        [`p-${modifier}`]: { padding: `${size}` },
+      }),
+    (size, modifier) =>
+      defineClasses({
+        [`py-${modifier}`]: { 'padding-top': `${size}`, 'padding-bottom': `${size}` },
+        [`px-${modifier}`]: { 'padding-left': `${size}`, 'padding-right': `${size}` },
+      }),
+    (size, modifier) =>
+      defineClasses({
+        [`pt-${modifier}`]: { 'padding-top': `${size}` },
+        [`pr-${modifier}`]: { 'padding-right': `${size}` },
+        [`pb-${modifier}`]: { 'padding-bottom': `${size}` },
+        [`pl-${modifier}`]: { 'padding-left': `${size}` },
+      }),
+  ]
+
+  return _.flatMap(generators, generator => {
+    return _.flatMap(padding, generator)
+  })
+}
+
+export default function({ padding }) {
+  return _.flatten([definePadding(padding)])
+}
diff --git a/src/generators/sizing.js b/src/generators/sizing.js
deleted file mode 100644
index 16c83d86d..000000000
--- a/src/generators/sizing.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import _ from 'lodash'
-import defineClass from '../util/defineClass'
-
-function defineWidths(widths) {
-  return _.map(widths, (size, modifer) => {
-    return defineClass(`w-${modifer}`, {
-      width: `${size}`,
-    })
-  })
-}
-
-function defineMinWidths(widths) {
-  return _.map(widths, (size, modifer) => {
-    return defineClass(`min-w-${modifer}`, {
-      'min-width': `${size}`,
-    })
-  })
-}
-
-function defineMaxWidths(widths) {
-  return _.map(widths, (size, modifer) => {
-    return defineClass(`max-w-${modifer}`, {
-      'max-width': `${size}`,
-    })
-  })
-}
-
-function defineHeights(heights) {
-  return _.map(heights, (size, modifer) => {
-    return defineClass(`h-${modifer}`, {
-      height: `${size}`,
-    })
-  })
-}
-
-function defineMinHeights(heights) {
-  return _.map(heights, (size, modifer) => {
-    return defineClass(`min-h-${modifer}`, {
-      'min-height': `${size}`,
-    })
-  })
-}
-
-function defineMaxHeights(heights) {
-  return _.map(heights, (size, modifer) => {
-    return defineClass(`max-h-${modifer}`, {
-      'max-height': `${size}`,
-    })
-  })
-}
-
-export default function(config) {
-  return _.flatten([
-    defineWidths(config.width),
-    defineMinWidths(config.minWidth),
-    defineMaxWidths(config.maxWidth),
-    defineHeights(config.height),
-    defineMinHeights(config.minHeight),
-    defineMaxHeights(config.maxHeight),
-  ])
-}
diff --git a/src/generators/spacing.js b/src/generators/spacing.js
deleted file mode 100644
index 613d869f0..000000000
--- a/src/generators/spacing.js
+++ /dev/null
@@ -1,87 +0,0 @@
-import _ from 'lodash'
-import defineClasses from '../util/defineClasses'
-
-function definePadding(padding) {
-  const generators = [
-    (size, modifier) =>
-      defineClasses({
-        [`p-${modifier}`]: { padding: `${size}` },
-      }),
-    (size, modifier) =>
-      defineClasses({
-        [`py-${modifier}`]: { 'padding-top': `${size}`, 'padding-bottom': `${size}` },
-        [`px-${modifier}`]: { 'padding-left': `${size}`, 'padding-right': `${size}` },
-      }),
-    (size, modifier) =>
-      defineClasses({
-        [`pt-${modifier}`]: { 'padding-top': `${size}` },
-        [`pr-${modifier}`]: { 'padding-right': `${size}` },
-        [`pb-${modifier}`]: { 'padding-bottom': `${size}` },
-        [`pl-${modifier}`]: { 'padding-left': `${size}` },
-      }),
-  ]
-
-  return _.flatMap(generators, generator => {
-    return _.flatMap(padding, generator)
-  })
-}
-
-function defineMargin(margin) {
-  const generators = [
-    (size, modifier) =>
-      defineClasses({
-        [`m-${modifier}`]: { margin: `${size}` },
-      }),
-    (size, modifier) =>
-      defineClasses({
-        [`my-${modifier}`]: { 'margin-top': `${size}`, 'margin-bottom': `${size}` },
-        [`mx-${modifier}`]: { 'margin-left': `${size}`, 'margin-right': `${size}` },
-      }),
-    (size, modifier) =>
-      defineClasses({
-        [`mt-${modifier}`]: { 'margin-top': `${size}` },
-        [`mr-${modifier}`]: { 'margin-right': `${size}` },
-        [`mb-${modifier}`]: { 'margin-bottom': `${size}` },
-        [`ml-${modifier}`]: { 'margin-left': `${size}` },
-      }),
-  ]
-
-  return _.flatMap(generators, generator => {
-    return _.flatMap(margin, generator)
-  })
-}
-
-function defineNegativeMargin(negativeMargin) {
-  const generators = [
-    (size, modifier) =>
-      defineClasses({
-        [`-m-${modifier}`]: { margin: `${size}` },
-      }),
-    (size, modifier) =>
-      defineClasses({
-        [`-my-${modifier}`]: { 'margin-top': `${size}`, 'margin-bottom': `${size}` },
-        [`-mx-${modifier}`]: { 'margin-left': `${size}`, 'margin-right': `${size}` },
-      }),
-    (size, modifier) =>
-      defineClasses({
-        [`-mt-${modifier}`]: { 'margin-top': `${size}` },
-        [`-mr-${modifier}`]: { 'margin-right': `${size}` },
-        [`-mb-${modifier}`]: { 'margin-bottom': `${size}` },
-        [`-ml-${modifier}`]: { 'margin-left': `${size}` },
-      }),
-  ]
-
-  return _.flatMap(generators, generator => {
-    return _.flatMap(negativeMargin, (size, modifier) => {
-      return generator(`${size}` === '0' ? `${size}` : `-${size}`, modifier)
-    })
-  })
-}
-
-export default function({ padding, margin, negativeMargin }) {
-  return _.flatten([
-    definePadding(padding),
-    defineMargin(margin),
-    defineNegativeMargin(negativeMargin),
-  ])
-}
diff --git a/src/generators/textColors.js b/src/generators/textColors.js
index 05443d7ef..8e9d8540e 100644
--- a/src/generators/textColors.js
+++ b/src/generators/textColors.js
@@ -1,13 +1,10 @@
 import _ from 'lodash'
 import defineClass from '../util/defineClass'
-import hoverable from '../util/hoverable'
 
 export default function({ textColors }) {
-  return hoverable(
-    _.map(textColors, (color, modifier) => {
-      return defineClass(`text-${modifier}`, {
-        color,
-      })
+  return _.map(textColors, (color, modifier) => {
+    return defineClass(`text-${modifier}`, {
+      color,
     })
-  )
+  })
 }
diff --git a/src/generators/textStyle.js b/src/generators/textStyle.js
index 39658d3a2..f411e84ab 100644
--- a/src/generators/textStyle.js
+++ b/src/generators/textStyle.js
@@ -1,29 +1,26 @@
 import defineClasses from '../util/defineClasses'
-import hoverable from '../util/hoverable'
 
 export default function() {
-  return hoverable(
-    defineClasses({
-      italic: { 'font-style': 'italic' },
-      roman: { 'font-style': 'normal' },
+  return defineClasses({
+    italic: { 'font-style': 'italic' },
+    roman: { 'font-style': 'normal' },
 
-      uppercase: { 'text-transform': 'uppercase' },
-      lowercase: { 'text-transform': 'lowercase' },
-      capitalize: { 'text-transform': 'capitalize' },
-      'normal-case': { 'text-transform': 'none' },
+    uppercase: { 'text-transform': 'uppercase' },
+    lowercase: { 'text-transform': 'lowercase' },
+    capitalize: { 'text-transform': 'capitalize' },
+    'normal-case': { 'text-transform': 'none' },
 
-      underline: { 'text-decoration': 'underline' },
-      'line-through': { 'text-decoration': 'line-through' },
-      'no-underline': { 'text-decoration': 'none' },
+    underline: { 'text-decoration': 'underline' },
+    'line-through': { 'text-decoration': 'line-through' },
+    'no-underline': { 'text-decoration': 'none' },
 
-      antialiased: {
-        '-webkit-font-smoothing': 'antialiased',
-        '-moz-osx-font-smoothing': 'grayscale',
-      },
-      'subpixel-antialiased': {
-        '-webkit-font-smoothing': 'auto',
-        '-moz-osx-font-smoothing': 'auto',
-      },
-    })
-  )
+    antialiased: {
+      '-webkit-font-smoothing': 'antialiased',
+      '-moz-osx-font-smoothing': 'grayscale',
+    },
+    'subpixel-antialiased': {
+      '-webkit-font-smoothing': 'auto',
+      '-moz-osx-font-smoothing': 'auto',
+    },
+  })
 }
diff --git a/src/generators/textWeights.js b/src/generators/textWeights.js
deleted file mode 100644
index b00489777..000000000
--- a/src/generators/textWeights.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import _ from 'lodash'
-import defineClass from '../util/defineClass'
-import hoverable from '../util/hoverable'
-
-export default function({ fontWeights }) {
-  return hoverable(
-    _.map(fontWeights, (weight, modifier) => {
-      return defineClass(`font-${modifier}`, {
-        'font-weight': `${weight}`,
-      })
-    })
-  )
-}
diff --git a/src/generators/textTracking.js b/src/generators/tracking.js
similarity index 100%
rename from src/generators/textTracking.js
rename to src/generators/tracking.js
diff --git a/src/generators/textWrap.js b/src/generators/whitespace.js
similarity index 100%
rename from src/generators/textWrap.js
rename to src/generators/whitespace.js
diff --git a/src/generators/width.js b/src/generators/width.js
new file mode 100644
index 000000000..111fa9c76
--- /dev/null
+++ b/src/generators/width.js
@@ -0,0 +1,14 @@
+import _ from 'lodash'
+import defineClass from '../util/defineClass'
+
+function defineWidths(widths) {
+  return _.map(widths, (size, modifer) => {
+    return defineClass(`w-${modifer}`, {
+      width: `${size}`,
+    })
+  })
+}
+
+export default function(config) {
+  return _.flatten([defineWidths(config.width)])
+}
diff --git a/src/index.js b/src/index.js
index 9ab46f830..7dee9f57e 100644
--- a/src/index.js
+++ b/src/index.js
@@ -5,15 +5,24 @@ import postcss from 'postcss'
 import stylefmt from 'stylefmt'
 
 import registerConfigAsDependency from './lib/registerConfigAsDependency'
-import substitutePreflightAtRule from './lib/substitutePreflightAtRule'
+import substituteTailwindPreflightAtRule from './lib/substituteTailwindPreflightAtRule'
 import evaluateTailwindFunctions from './lib/evaluateTailwindFunctions'
-import generateUtilities from './lib/generateUtilities'
+import substituteTailwindUtilitiesAtRules from './lib/substituteTailwindUtilitiesAtRules'
 import substituteHoverableAtRules from './lib/substituteHoverableAtRules'
 import substituteFocusableAtRules from './lib/substituteFocusableAtRules'
+import substituteVariantsAtRules from './lib/substituteVariantsAtRules'
 import substituteResponsiveAtRules from './lib/substituteResponsiveAtRules'
 import substituteScreenAtRules from './lib/substituteScreenAtRules'
 import substituteClassApplyAtRules from './lib/substituteClassApplyAtRules'
 
+function mergeConfigWithDefaults(config) {
+  const defaultConfig = require('../defaultConfig')()
+  _.defaults(config, defaultConfig)
+  config.options = _.defaults(config.options, defaultConfig.options)
+  config.options.modules = _.defaults(config.options.modules, defaultConfig.options.modules)
+  return config
+}
+
 const plugin = postcss.plugin('tailwind', config => {
   const plugins = []
 
@@ -27,17 +36,18 @@ const plugin = postcss.plugin('tailwind', config => {
     }
 
     delete require.cache[require.resolve(path.resolve(config))]
-    return require(path.resolve(config))
+    return mergeConfigWithDefaults(require(path.resolve(config)))
   }
 
   return postcss(
     ...plugins,
     ...[
-      substitutePreflightAtRule(lazyConfig),
+      substituteTailwindPreflightAtRule(lazyConfig),
       evaluateTailwindFunctions(lazyConfig),
-      generateUtilities(lazyConfig),
+      substituteTailwindUtilitiesAtRules(lazyConfig),
       substituteHoverableAtRules(lazyConfig),
       substituteFocusableAtRules(lazyConfig),
+      substituteVariantsAtRules(lazyConfig),
       substituteResponsiveAtRules(lazyConfig),
       substituteScreenAtRules(lazyConfig),
       substituteClassApplyAtRules(lazyConfig),
diff --git a/src/lib/generateUtilities.js b/src/lib/generateUtilities.js
deleted file mode 100644
index 94b0fa7f0..000000000
--- a/src/lib/generateUtilities.js
+++ /dev/null
@@ -1,101 +0,0 @@
-import _ from 'lodash'
-import postcss from 'postcss'
-import applyClassPrefix from '../util/applyClassPrefix'
-import backgroundColors from '../generators/backgroundColors'
-import backgroundPositions from '../generators/backgroundPositions'
-import backgroundSize from '../generators/backgroundSize'
-import borderColors from '../generators/borderColors'
-import borderStyles from '../generators/borderStyles'
-import borderWidths from '../generators/borderWidths'
-import container from '../generators/container'
-import cursor from '../generators/cursor'
-import display from '../generators/display'
-import flex from '../generators/flex'
-import floats from '../generators/floats'
-import forms from '../generators/forms'
-import lists from '../generators/lists'
-import opacity from '../generators/opacity'
-import overflow from '../generators/overflow'
-import pointerEvents from '../generators/pointerEvents'
-import position from '../generators/position'
-import resize from '../generators/resize'
-import responsive from '../util/responsive'
-import rounded from '../generators/rounded'
-import shadows from '../generators/shadows'
-import sizing from '../generators/sizing'
-import spacing from '../generators/spacing'
-import textAlign from '../generators/textAlign'
-import textColors from '../generators/textColors'
-import textFonts from '../generators/textFonts'
-import textLeading from '../generators/textLeading'
-import textSizes from '../generators/textSizes'
-import textStyle from '../generators/textStyle'
-import textTracking from '../generators/textTracking'
-import textWeights from '../generators/textWeights'
-import textWrap from '../generators/textWrap'
-import userSelect from '../generators/userSelect'
-import verticalAlign from '../generators/verticalAlign'
-import visibility from '../generators/visibility'
-import zIndex from '../generators/zIndex'
-
-export default function(config) {
-  return function(css) {
-    const unwrappedConfig = config()
-
-    css.walkAtRules('tailwind', atRule => {
-      if (atRule.params === 'utilities') {
-        const utilities = postcss.root({
-          nodes: _.flatten([
-            lists(unwrappedConfig),
-            forms(unwrappedConfig),
-            textSizes(unwrappedConfig),
-            textWeights(unwrappedConfig),
-            textFonts(unwrappedConfig),
-            textColors(unwrappedConfig),
-            textLeading(unwrappedConfig),
-            textTracking(unwrappedConfig),
-            textAlign(unwrappedConfig),
-            textWrap(unwrappedConfig),
-            textStyle(unwrappedConfig),
-            verticalAlign(unwrappedConfig),
-            backgroundColors(unwrappedConfig),
-            backgroundPositions(unwrappedConfig),
-            backgroundSize(unwrappedConfig),
-            borderWidths(unwrappedConfig),
-            borderColors(unwrappedConfig),
-            borderStyles(unwrappedConfig),
-            rounded(unwrappedConfig),
-            display(unwrappedConfig),
-            position(unwrappedConfig),
-            overflow(unwrappedConfig),
-            sizing(unwrappedConfig),
-            spacing(unwrappedConfig),
-            shadows(unwrappedConfig),
-            flex(unwrappedConfig),
-            floats(unwrappedConfig),
-            visibility(unwrappedConfig),
-            zIndex(unwrappedConfig),
-            opacity(unwrappedConfig),
-            userSelect(unwrappedConfig),
-            pointerEvents(unwrappedConfig),
-            resize(unwrappedConfig),
-            cursor(unwrappedConfig),
-          ]),
-        })
-
-        if (_.get(unwrappedConfig, 'options.important', false)) {
-          utilities.walkDecls(decl => (decl.important = true))
-        }
-
-        const tailwindClasses = postcss.root({
-          nodes: [...container(unwrappedConfig), responsive(utilities)],
-        })
-
-        applyClassPrefix(tailwindClasses, _.get(unwrappedConfig, 'options.prefix', ''))
-
-        atRule.before(tailwindClasses)
-        atRule.remove()
-      }
-    })
-  }
-}
diff --git a/src/lib/substitutePreflightAtRule.js b/src/lib/substitutePreflightAtRule.js
deleted file mode 100644
index 24060c3b8..000000000
--- a/src/lib/substitutePreflightAtRule.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import fs from 'fs'
-import postcss from 'postcss'
-
-export default function() {
-  return function(css) {
-    css.walkAtRules('tailwind', atRule => {
-      if (atRule.params === 'preflight') {
-        atRule.before(
-          postcss.parse(fs.readFileSync(`${__dirname}/../../css/preflight.css`, 'utf8'))
-        )
-        atRule.remove()
-      }
-    })
-  }
-}
diff --git a/src/lib/substituteTailwindPreflightAtRule.js b/src/lib/substituteTailwindPreflightAtRule.js
new file mode 100644
index 000000000..a6a1c5931
--- /dev/null
+++ b/src/lib/substituteTailwindPreflightAtRule.js
@@ -0,0 +1,15 @@
+import fs from 'fs'
+import postcss from 'postcss'
+
+export default function() {
+  return function(css) {
+    css.walkAtRules('tailwind', atRule => {
+      if (atRule.params !== 'preflight') {
+        return
+      }
+
+      atRule.before(postcss.parse(fs.readFileSync(`${__dirname}/../../css/preflight.css`, 'utf8')))
+      atRule.remove()
+    })
+  }
+}
diff --git a/src/lib/substituteTailwindUtilitiesAtRules.js b/src/lib/substituteTailwindUtilitiesAtRules.js
new file mode 100644
index 000000000..67207a188
--- /dev/null
+++ b/src/lib/substituteTailwindUtilitiesAtRules.js
@@ -0,0 +1,37 @@
+import _ from 'lodash'
+import postcss from 'postcss'
+import applyClassPrefix from '../util/applyClassPrefix'
+import generateModules from '../util/generateModules'
+import container from '../generators/container'
+import utilityModules from '../utilityModules'
+
+export default function(config) {
+  return function(css) {
+    const unwrappedConfig = config()
+
+    css.walkAtRules('tailwind', atRule => {
+      if (atRule.params !== 'utilities') {
+        return
+      }
+
+      const utilities = generateModules(
+        utilityModules,
+        unwrappedConfig.options.modules,
+        unwrappedConfig
+      )
+
+      if (_.get(unwrappedConfig, 'options.important', false)) {
+        utilities.walkDecls(decl => (decl.important = true))
+      }
+
+      const tailwindClasses = postcss.root({
+        nodes: [...container(unwrappedConfig), ...utilities.nodes],
+      })
+
+      applyClassPrefix(tailwindClasses, _.get(unwrappedConfig, 'options.prefix', ''))
+
+      atRule.before(tailwindClasses)
+      atRule.remove()
+    })
+  }
+}
diff --git a/src/util/generateModules.js b/src/util/generateModules.js
new file mode 100644
index 000000000..060f12943
--- /dev/null
+++ b/src/util/generateModules.js
@@ -0,0 +1,20 @@
+import _ from 'lodash'
+import postcss from 'postcss'
+import wrapWithVariants from '../util/wrapWithVariants'
+
+export default function(modules, moduleOptions, generatorOptions = {}) {
+  modules.forEach(module => {
+    if (!_.has(moduleOptions, module.name)) {
+      throw new Error(`Module \`${module.name}\` is missing from moduleOptions.`)
+    }
+  })
+
+  return postcss.root({
+    nodes: _(modules)
+      .reject(module => moduleOptions[module.name] === false)
+      .flatMap(module =>
+        wrapWithVariants(module.generator(generatorOptions), moduleOptions[module.name])
+      )
+      .value(),
+  })
+}
diff --git a/src/util/hoverable.js b/src/util/hoverable.js
index ad76b8a35..ffda63d01 100644
--- a/src/util/hoverable.js
+++ b/src/util/hoverable.js
@@ -1,3 +1,4 @@
+import _ from 'lodash'
 import postcss from 'postcss'
 import cloneNodes from './cloneNodes'
 
@@ -6,5 +7,5 @@ export default function hoverable(rules) {
     .atRule({
       name: 'hoverable',
     })
-    .append(cloneNodes(rules))
+    .append(cloneNodes(_.isArray(rules) ? rules : [rules]))
 }
diff --git a/src/util/responsive.js b/src/util/responsive.js
index 2d0a90636..fabe43a21 100644
--- a/src/util/responsive.js
+++ b/src/util/responsive.js
@@ -7,5 +7,5 @@ export default function responsive(rules) {
     .atRule({
       name: 'responsive',
     })
-    .append(cloneNodes(_.isArray(rules) ? rules : rules.nodes))
+    .append(cloneNodes(_.isArray(rules) ? rules : [rules]))
 }
diff --git a/src/util/wrapWithVariants.js b/src/util/wrapWithVariants.js
new file mode 100644
index 000000000..fd616c16b
--- /dev/null
+++ b/src/util/wrapWithVariants.js
@@ -0,0 +1,12 @@
+import _ from 'lodash'
+import postcss from 'postcss'
+import cloneNodes from './cloneNodes'
+
+export default function wrapWithVariants(rules, variants) {
+  return postcss
+    .atRule({
+      name: 'variants',
+      params: variants.join(', '),
+    })
+    .append(cloneNodes(_.isArray(rules) ? rules : [rules]))
+}
diff --git a/src/utilityModules.js b/src/utilityModules.js
new file mode 100644
index 000000000..d064d7d22
--- /dev/null
+++ b/src/utilityModules.js
@@ -0,0 +1,85 @@
+import lists from './generators/lists'
+import appearance from './generators/appearance'
+import backgroundColors from './generators/backgroundColors'
+import backgroundPosition from './generators/backgroundPosition'
+import backgroundSize from './generators/backgroundSize'
+import borderColors from './generators/borderColors'
+import borderRadius from './generators/borderRadius'
+import borderStyle from './generators/borderStyle'
+import borderWidths from './generators/borderWidths'
+import cursor from './generators/cursor'
+import display from './generators/display'
+import flexbox from './generators/flexbox'
+import float from './generators/float'
+import fonts from './generators/fonts'
+import fontWeights from './generators/fontWeights'
+import height from './generators/height'
+import leading from './generators/leading'
+import margin from './generators/margin'
+import maxHeight from './generators/maxHeight'
+import maxWidth from './generators/maxWidth'
+import minHeight from './generators/minHeight'
+import minWidth from './generators/minWidth'
+import negativeMargin from './generators/negativeMargin'
+import opacity from './generators/opacity'
+import overflow from './generators/overflow'
+import padding from './generators/padding'
+import pointerEvents from './generators/pointerEvents'
+import position from './generators/position'
+import resize from './generators/resize'
+import shadows from './generators/shadows'
+import textAlign from './generators/textAlign'
+import textColors from './generators/textColors'
+import textSizes from './generators/textSizes'
+import textStyle from './generators/textStyle'
+import tracking from './generators/tracking'
+import userSelect from './generators/userSelect'
+import verticalAlign from './generators/verticalAlign'
+import visibility from './generators/visibility'
+import whitespace from './generators/whitespace'
+import width from './generators/width'
+import zIndex from './generators/zIndex'
+
+export default [
+  { name: 'lists', generator: lists },
+  { name: 'appearance', generator: appearance },
+  { name: 'backgroundColors', generator: backgroundColors },
+  { name: 'backgroundPosition', generator: backgroundPosition },
+  { name: 'backgroundSize', generator: backgroundSize },
+  { name: 'borderColors', generator: borderColors },
+  { name: 'borderRadius', generator: borderRadius },
+  { name: 'borderStyle', generator: borderStyle },
+  { name: 'borderWidths', generator: borderWidths },
+  { name: 'cursor', generator: cursor },
+  { name: 'display', generator: display },
+  { name: 'flexbox', generator: flexbox },
+  { name: 'float', generator: float },
+  { name: 'fonts', generator: fonts },
+  { name: 'fontWeights', generator: fontWeights },
+  { name: 'height', generator: height },
+  { name: 'leading', generator: leading },
+  { name: 'margin', generator: margin },
+  { name: 'maxHeight', generator: maxHeight },
+  { name: 'maxWidth', generator: maxWidth },
+  { name: 'minHeight', generator: minHeight },
+  { name: 'minWidth', generator: minWidth },
+  { name: 'negativeMargin', generator: negativeMargin },
+  { name: 'opacity', generator: opacity },
+  { name: 'overflow', generator: overflow },
+  { name: 'padding', generator: padding },
+  { name: 'pointerEvents', generator: pointerEvents },
+  { name: 'position', generator: position },
+  { name: 'resize', generator: resize },
+  { name: 'shadows', generator: shadows },
+  { name: 'textAlign', generator: textAlign },
+  { name: 'textColors', generator: textColors },
+  { name: 'textSizes', generator: textSizes },
+  { name: 'textStyle', generator: textStyle },
+  { name: 'tracking', generator: tracking },
+  { name: 'userSelect', generator: userSelect },
+  { name: 'verticalAlign', generator: verticalAlign },
+  { name: 'visibility', generator: visibility },
+  { name: 'whitespace', generator: whitespace },
+  { name: 'width', generator: width },
+  { name: 'zIndex', generator: zIndex },
+]