add signing credentials

1 files changed, 8901 insertions, 0 deletions

diff --git a/src/server/wwwroot/codyframe.css b/src/server/wwwroot/codyframe.css
new file mode 100644
index 0000000..ca46021
--- /dev/null
+++ b/src/server/wwwroot/codyframe.css
@@ -0,0 +1,8901 @@
+*, *::after, *::before {
+  box-sizing: inherit;
+}
+
+* {
+  font: inherit;
+}
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video, hr {
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+
+html {
+  box-sizing: border-box;
+}
+
+body {
+  background-color: var(--color-bg, white);
+}
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, main, form legend {
+  display: block;
+}
+
+ol, ul {
+  list-style: none;
+}
+
+blockquote, q {
+  quotes: none;
+}
+
+button, input, textarea, select {
+  margin: 0;
+}
+
+.btn, .form-control, .link, .reset {
+  background-color: transparent;
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  color: inherit;
+  line-height: inherit;
+  appearance: none;
+}
+
+select.form-control::-ms-expand {
+  display: none;
+}
+
+textarea {
+  resize: vertical;
+  overflow: auto;
+  vertical-align: top;
+}
+
+input::-ms-clear {
+  display: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+img, video, svg {
+  max-width: 100%;
+}
+
+[data-theme] {
+  background-color: var(--color-bg, white);
+  color: var(--color-contrast-high, #313135);
+}
+
+:root {
+  --space-unit: 1em;
+  --space-xxxxs: calc(0.125 * var(--space-unit));
+  --space-xxxs: calc(0.25 * var(--space-unit));
+  --space-xxs: calc(0.375 * var(--space-unit));
+  --space-xs: calc(0.5 * var(--space-unit));
+  --space-sm: calc(0.75 * var(--space-unit));
+  --space-md: calc(1.25 * var(--space-unit));
+  --space-lg: calc(2 * var(--space-unit));
+  --space-xl: calc(3.25 * var(--space-unit));
+  --space-xxl: calc(5.25 * var(--space-unit));
+  --space-xxxl: calc(8.5 * var(--space-unit));
+  --space-xxxxl: calc(13.75 * var(--space-unit));
+  --component-padding: var(--space-md);
+}
+
+.container {
+  width: calc(100% - 2*var(--component-padding));
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.grid {
+  --gap: 0px;
+  --offset: var(--gap);
+  display: flex;
+  flex-wrap: wrap;
+}
+.grid > * {
+  flex-basis: 100%;
+  max-width: 100%;
+}
+@supports (--css: variables) {
+  .grid > *[class*=offset-] {
+    margin-left: var(--offset);
+  }
+}
+
+[class*=gap-xxxxs], [class*=gap-xxxs], [class*=gap-xxs], [class*=gap-xs], [class*=gap-sm], [class*=gap-md], [class*=gap-lg], [class*=gap-xl], [class*=gap-xxl], [class*=gap-xxxl], [class*=gap-xxxxl], [class*=grid-gap-], [class*=flex-gap-] {
+  margin-bottom: -0.75em;
+  margin-left: -0.75em;
+}
+[class*=gap-xxxxs] > *, [class*=gap-xxxs] > *, [class*=gap-xxs] > *, [class*=gap-xs] > *, [class*=gap-sm] > *, [class*=gap-md] > *, [class*=gap-lg] > *, [class*=gap-xl] > *, [class*=gap-xxl] > *, [class*=gap-xxxl] > *, [class*=gap-xxxxl] > *, [class*=grid-gap-] > *, [class*=flex-gap-] > * {
+  margin-bottom: 0.75em;
+  margin-left: 0.75em;
+}
+
+@supports (--css: variables) {
+  [class*=gap-xxxxs], [class*=gap-xxxs], [class*=gap-xxs], [class*=gap-xs], [class*=gap-sm], [class*=gap-md], [class*=gap-lg], [class*=gap-xl], [class*=gap-xxl], [class*=gap-xxxl], [class*=gap-xxxxl], [class*=grid-gap-], [class*=flex-gap-] {
+    --gap: 0px;
+    --offset: var(--gap);
+    margin-bottom: calc(-1 * var(--gap));
+    margin-left: calc(-1 * var(--gap));
+  }
+  [class*=gap-xxxxs] > *, [class*=gap-xxxs] > *, [class*=gap-xxs] > *, [class*=gap-xs] > *, [class*=gap-sm] > *, [class*=gap-md] > *, [class*=gap-lg] > *, [class*=gap-xl] > *, [class*=gap-xxl] > *, [class*=gap-xxxl] > *, [class*=gap-xxxxl] > *, [class*=grid-gap-] > *, [class*=flex-gap-] > * {
+    margin-bottom: var(--gap);
+    margin-left: var(--offset);
+  }
+
+  .gap-xxxxs, .grid-gap-xxxxs, .flex-gap-xxxxs {
+    --gap: var(--space-xxxxs);
+  }
+
+  .gap-xxxs, .grid-gap-xxxs, .flex-gap-xxxs {
+    --gap: var(--space-xxxs);
+  }
+
+  .gap-xxs, .grid-gap-xxs, .flex-gap-xxs {
+    --gap: var(--space-xxs);
+  }
+
+  .gap-xs, .grid-gap-xs, .flex-gap-xs {
+    --gap: var(--space-xs);
+  }
+
+  .gap-sm, .grid-gap-sm, .flex-gap-sm {
+    --gap: var(--space-sm);
+  }
+
+  .gap-md, .grid-gap-md, .flex-gap-md {
+    --gap: var(--space-md);
+  }
+
+  .gap-lg, .grid-gap-lg, .flex-gap-lg {
+    --gap: var(--space-lg);
+  }
+
+  .gap-xl, .grid-gap-xl, .flex-gap-xl {
+    --gap: var(--space-xl);
+  }
+
+  .gap-xxl, .grid-gap-xxl, .flex-gap-xxl {
+    --gap: var(--space-xxl);
+  }
+
+  .gap-xxxl, .grid-gap-xxxl, .flex-gap-xxxl {
+    --gap: var(--space-xxxl);
+  }
+
+  .gap-xxxxl, .grid-gap-xxxxl, .flex-gap-xxxxl {
+    --gap: var(--space-xxxxl);
+  }
+}
+.col {
+  flex-grow: 1;
+  flex-basis: 0;
+  max-width: 100%;
+}
+
+.col-1 {
+  flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em));
+  max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em));
+}
+
+.col-2 {
+  flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em));
+  max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em));
+}
+
+.col-3 {
+  flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em));
+  max-width: calc( 25% - 0.01px - var(--gap, 0.75em));
+}
+
+.col-4 {
+  flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em));
+  max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em));
+}
+
+.col-5 {
+  flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em));
+  max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em));
+}
+
+.col-6 {
+  flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em));
+  max-width: calc( 50% - 0.01px - var(--gap, 0.75em));
+}
+
+.col-7 {
+  flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em));
+  max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em));
+}
+
+.col-8 {
+  flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em));
+  max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em));
+}
+
+.col-9 {
+  flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em));
+  max-width: calc( 75% - 0.01px - var(--gap, 0.75em));
+}
+
+.col-10 {
+  flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em));
+  max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em));
+}
+
+.col-11 {
+  flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em));
+  max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em));
+}
+
+.col-12 {
+  flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em));
+  max-width: calc( 100% - 0.01px - var(--gap, 0.75em));
+}
+
+.col-content {
+  flex-grow: 0;
+  flex-basis: initial;
+  max-width: initial;
+}
+
+.offset-1 {
+  --offset: calc(8.33% + var(--gap, 0.75em));
+}
+
+.offset-2 {
+  --offset: calc(16.66% + var(--gap, 0.75em));
+}
+
+.offset-3 {
+  --offset: calc(25% + var(--gap, 0.75em));
+}
+
+.offset-4 {
+  --offset: calc(33.33% + var(--gap, 0.75em));
+}
+
+.offset-5 {
+  --offset: calc(41.66% + var(--gap, 0.75em));
+}
+
+.offset-6 {
+  --offset: calc(50% + var(--gap, 0.75em));
+}
+
+.offset-7 {
+  --offset: calc(58.33% + var(--gap, 0.75em));
+}
+
+.offset-8 {
+  --offset: calc(66.66% + var(--gap, 0.75em));
+}
+
+.offset-9 {
+  --offset: calc(75% + var(--gap, 0.75em));
+}
+
+.offset-10 {
+  --offset: calc(83.33% + var(--gap, 0.75em));
+}
+
+.offset-11 {
+  --offset: calc(91.66% + var(--gap, 0.75em));
+}
+
+@media (min-width: 32rem) {
+  .col\@xs {
+    flex-grow: 1;
+    flex-basis: 0;
+    max-width: 100%;
+  }
+
+  .col-1\@xs {
+    flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-2\@xs {
+    flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-3\@xs {
+    flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 25% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-4\@xs {
+    flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-5\@xs {
+    flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-6\@xs {
+    flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 50% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-7\@xs {
+    flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-8\@xs {
+    flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-9\@xs {
+    flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 75% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-10\@xs {
+    flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-11\@xs {
+    flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-12\@xs {
+    flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 100% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-content\@xs {
+    flex-grow: 0;
+    flex-basis: initial;
+    max-width: initial;
+  }
+
+  .offset-1\@xs {
+    --offset: calc(8.33% + var(--gap, 0.75em));
+  }
+
+  .offset-2\@xs {
+    --offset: calc(16.66% + var(--gap, 0.75em));
+  }
+
+  .offset-3\@xs {
+    --offset: calc(25% + var(--gap, 0.75em));
+  }
+
+  .offset-4\@xs {
+    --offset: calc(33.33% + var(--gap, 0.75em));
+  }
+
+  .offset-5\@xs {
+    --offset: calc(41.66% + var(--gap, 0.75em));
+  }
+
+  .offset-6\@xs {
+    --offset: calc(50% + var(--gap, 0.75em));
+  }
+
+  .offset-7\@xs {
+    --offset: calc(58.33% + var(--gap, 0.75em));
+  }
+
+  .offset-8\@xs {
+    --offset: calc(66.66% + var(--gap, 0.75em));
+  }
+
+  .offset-9\@xs {
+    --offset: calc(75% + var(--gap, 0.75em));
+  }
+
+  .offset-10\@xs {
+    --offset: calc(83.33% + var(--gap, 0.75em));
+  }
+
+  .offset-11\@xs {
+    --offset: calc(91.66% + var(--gap, 0.75em));
+  }
+
+  @supports (--css: variables) {
+    .gap-xxxxs\@xs {
+      --gap: var(--space-xxxxs);
+    }
+
+    .gap-xxxs\@xs {
+      --gap: var(--space-xxxs);
+    }
+
+    .gap-xxs\@xs {
+      --gap: var(--space-xxs);
+    }
+
+    .gap-xs\@xs {
+      --gap: var(--space-xs);
+    }
+
+    .gap-sm\@xs {
+      --gap: var(--space-sm);
+    }
+
+    .gap-md\@xs {
+      --gap: var(--space-md);
+    }
+
+    .gap-lg\@xs {
+      --gap: var(--space-lg);
+    }
+
+    .gap-xl\@xs {
+      --gap: var(--space-xl);
+    }
+
+    .gap-xxl\@xs {
+      --gap: var(--space-xxl);
+    }
+
+    .gap-xxxl\@xs {
+      --gap: var(--space-xxxl);
+    }
+
+    .gap-xxxxl\@xs {
+      --gap: var(--space-xxxxl);
+    }
+
+    .gap-0\@xs {
+      --gap: 0px;
+    }
+  }
+}
+@media (min-width: 48rem) {
+  .col\@sm {
+    flex-grow: 1;
+    flex-basis: 0;
+    max-width: 100%;
+  }
+
+  .col-1\@sm {
+    flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-2\@sm {
+    flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-3\@sm {
+    flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 25% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-4\@sm {
+    flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-5\@sm {
+    flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-6\@sm {
+    flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 50% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-7\@sm {
+    flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-8\@sm {
+    flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-9\@sm {
+    flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 75% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-10\@sm {
+    flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-11\@sm {
+    flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-12\@sm {
+    flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 100% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-content\@sm {
+    flex-grow: 0;
+    flex-basis: initial;
+    max-width: initial;
+  }
+
+  .offset-1\@sm {
+    --offset: calc(8.33% + var(--gap, 0.75em));
+  }
+
+  .offset-2\@sm {
+    --offset: calc(16.66% + var(--gap, 0.75em));
+  }
+
+  .offset-3\@sm {
+    --offset: calc(25% + var(--gap, 0.75em));
+  }
+
+  .offset-4\@sm {
+    --offset: calc(33.33% + var(--gap, 0.75em));
+  }
+
+  .offset-5\@sm {
+    --offset: calc(41.66% + var(--gap, 0.75em));
+  }
+
+  .offset-6\@sm {
+    --offset: calc(50% + var(--gap, 0.75em));
+  }
+
+  .offset-7\@sm {
+    --offset: calc(58.33% + var(--gap, 0.75em));
+  }
+
+  .offset-8\@sm {
+    --offset: calc(66.66% + var(--gap, 0.75em));
+  }
+
+  .offset-9\@sm {
+    --offset: calc(75% + var(--gap, 0.75em));
+  }
+
+  .offset-10\@sm {
+    --offset: calc(83.33% + var(--gap, 0.75em));
+  }
+
+  .offset-11\@sm {
+    --offset: calc(91.66% + var(--gap, 0.75em));
+  }
+
+  @supports (--css: variables) {
+    .gap-xxxxs\@sm {
+      --gap: var(--space-xxxxs);
+    }
+
+    .gap-xxxs\@sm {
+      --gap: var(--space-xxxs);
+    }
+
+    .gap-xxs\@sm {
+      --gap: var(--space-xxs);
+    }
+
+    .gap-xs\@sm {
+      --gap: var(--space-xs);
+    }
+
+    .gap-sm\@sm {
+      --gap: var(--space-sm);
+    }
+
+    .gap-md\@sm {
+      --gap: var(--space-md);
+    }
+
+    .gap-lg\@sm {
+      --gap: var(--space-lg);
+    }
+
+    .gap-xl\@sm {
+      --gap: var(--space-xl);
+    }
+
+    .gap-xxl\@sm {
+      --gap: var(--space-xxl);
+    }
+
+    .gap-xxxl\@sm {
+      --gap: var(--space-xxxl);
+    }
+
+    .gap-xxxxl\@sm {
+      --gap: var(--space-xxxxl);
+    }
+
+    .gap-0\@sm {
+      --gap: 0px;
+    }
+  }
+}
+@media (min-width: 64rem) {
+  .col\@md {
+    flex-grow: 1;
+    flex-basis: 0;
+    max-width: 100%;
+  }
+
+  .col-1\@md {
+    flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-2\@md {
+    flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-3\@md {
+    flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 25% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-4\@md {
+    flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-5\@md {
+    flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-6\@md {
+    flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 50% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-7\@md {
+    flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-8\@md {
+    flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-9\@md {
+    flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 75% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-10\@md {
+    flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-11\@md {
+    flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-12\@md {
+    flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 100% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-content\@md {
+    flex-grow: 0;
+    flex-basis: initial;
+    max-width: initial;
+  }
+
+  .offset-1\@md {
+    --offset: calc(8.33% + var(--gap, 0.75em));
+  }
+
+  .offset-2\@md {
+    --offset: calc(16.66% + var(--gap, 0.75em));
+  }
+
+  .offset-3\@md {
+    --offset: calc(25% + var(--gap, 0.75em));
+  }
+
+  .offset-4\@md {
+    --offset: calc(33.33% + var(--gap, 0.75em));
+  }
+
+  .offset-5\@md {
+    --offset: calc(41.66% + var(--gap, 0.75em));
+  }
+
+  .offset-6\@md {
+    --offset: calc(50% + var(--gap, 0.75em));
+  }
+
+  .offset-7\@md {
+    --offset: calc(58.33% + var(--gap, 0.75em));
+  }
+
+  .offset-8\@md {
+    --offset: calc(66.66% + var(--gap, 0.75em));
+  }
+
+  .offset-9\@md {
+    --offset: calc(75% + var(--gap, 0.75em));
+  }
+
+  .offset-10\@md {
+    --offset: calc(83.33% + var(--gap, 0.75em));
+  }
+
+  .offset-11\@md {
+    --offset: calc(91.66% + var(--gap, 0.75em));
+  }
+
+  @supports (--css: variables) {
+    .gap-xxxxs\@md {
+      --gap: var(--space-xxxxs);
+    }
+
+    .gap-xxxs\@md {
+      --gap: var(--space-xxxs);
+    }
+
+    .gap-xxs\@md {
+      --gap: var(--space-xxs);
+    }
+
+    .gap-xs\@md {
+      --gap: var(--space-xs);
+    }
+
+    .gap-sm\@md {
+      --gap: var(--space-sm);
+    }
+
+    .gap-md\@md {
+      --gap: var(--space-md);
+    }
+
+    .gap-lg\@md {
+      --gap: var(--space-lg);
+    }
+
+    .gap-xl\@md {
+      --gap: var(--space-xl);
+    }
+
+    .gap-xxl\@md {
+      --gap: var(--space-xxl);
+    }
+
+    .gap-xxxl\@md {
+      --gap: var(--space-xxxl);
+    }
+
+    .gap-xxxxl\@md {
+      --gap: var(--space-xxxxl);
+    }
+
+    .gap-0\@md {
+      --gap: 0px;
+    }
+  }
+}
+@media (min-width: 80rem) {
+  .col\@lg {
+    flex-grow: 1;
+    flex-basis: 0;
+    max-width: 100%;
+  }
+
+  .col-1\@lg {
+    flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-2\@lg {
+    flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-3\@lg {
+    flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 25% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-4\@lg {
+    flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-5\@lg {
+    flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-6\@lg {
+    flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 50% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-7\@lg {
+    flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-8\@lg {
+    flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-9\@lg {
+    flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 75% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-10\@lg {
+    flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-11\@lg {
+    flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-12\@lg {
+    flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 100% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-content\@lg {
+    flex-grow: 0;
+    flex-basis: initial;
+    max-width: initial;
+  }
+
+  .offset-1\@lg {
+    --offset: calc(8.33% + var(--gap, 0.75em));
+  }
+
+  .offset-2\@lg {
+    --offset: calc(16.66% + var(--gap, 0.75em));
+  }
+
+  .offset-3\@lg {
+    --offset: calc(25% + var(--gap, 0.75em));
+  }
+
+  .offset-4\@lg {
+    --offset: calc(33.33% + var(--gap, 0.75em));
+  }
+
+  .offset-5\@lg {
+    --offset: calc(41.66% + var(--gap, 0.75em));
+  }
+
+  .offset-6\@lg {
+    --offset: calc(50% + var(--gap, 0.75em));
+  }
+
+  .offset-7\@lg {
+    --offset: calc(58.33% + var(--gap, 0.75em));
+  }
+
+  .offset-8\@lg {
+    --offset: calc(66.66% + var(--gap, 0.75em));
+  }
+
+  .offset-9\@lg {
+    --offset: calc(75% + var(--gap, 0.75em));
+  }
+
+  .offset-10\@lg {
+    --offset: calc(83.33% + var(--gap, 0.75em));
+  }
+
+  .offset-11\@lg {
+    --offset: calc(91.66% + var(--gap, 0.75em));
+  }
+
+  @supports (--css: variables) {
+    .gap-xxxxs\@lg {
+      --gap: var(--space-xxxxs);
+    }
+
+    .gap-xxxs\@lg {
+      --gap: var(--space-xxxs);
+    }
+
+    .gap-xxs\@lg {
+      --gap: var(--space-xxs);
+    }
+
+    .gap-xs\@lg {
+      --gap: var(--space-xs);
+    }
+
+    .gap-sm\@lg {
+      --gap: var(--space-sm);
+    }
+
+    .gap-md\@lg {
+      --gap: var(--space-md);
+    }
+
+    .gap-lg\@lg {
+      --gap: var(--space-lg);
+    }
+
+    .gap-xl\@lg {
+      --gap: var(--space-xl);
+    }
+
+    .gap-xxl\@lg {
+      --gap: var(--space-xxl);
+    }
+
+    .gap-xxxl\@lg {
+      --gap: var(--space-xxxl);
+    }
+
+    .gap-xxxxl\@lg {
+      --gap: var(--space-xxxxl);
+    }
+
+    .gap-0\@lg {
+      --gap: 0px;
+    }
+  }
+}
+@media (min-width: 90rem) {
+  .col\@xl {
+    flex-grow: 1;
+    flex-basis: 0;
+    max-width: 100%;
+  }
+
+  .col-1\@xl {
+    flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-2\@xl {
+    flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-3\@xl {
+    flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 25% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-4\@xl {
+    flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-5\@xl {
+    flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-6\@xl {
+    flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 50% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-7\@xl {
+    flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-8\@xl {
+    flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-9\@xl {
+    flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 75% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-10\@xl {
+    flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-11\@xl {
+    flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-12\@xl {
+    flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em));
+    max-width: calc( 100% - 0.01px - var(--gap, 0.75em));
+  }
+
+  .col-content\@xl {
+    flex-grow: 0;
+    flex-basis: initial;
+    max-width: initial;
+  }
+
+  .offset-1\@xl {
+    --offset: calc(8.33% + var(--gap, 0.75em));
+  }
+
+  .offset-2\@xl {
+    --offset: calc(16.66% + var(--gap, 0.75em));
+  }
+
+  .offset-3\@xl {
+    --offset: calc(25% + var(--gap, 0.75em));
+  }
+
+  .offset-4\@xl {
+    --offset: calc(33.33% + var(--gap, 0.75em));
+  }
+
+  .offset-5\@xl {
+    --offset: calc(41.66% + var(--gap, 0.75em));
+  }
+
+  .offset-6\@xl {
+    --offset: calc(50% + var(--gap, 0.75em));
+  }
+
+  .offset-7\@xl {
+    --offset: calc(58.33% + var(--gap, 0.75em));
+  }
+
+  .offset-8\@xl {
+    --offset: calc(66.66% + var(--gap, 0.75em));
+  }
+
+  .offset-9\@xl {
+    --offset: calc(75% + var(--gap, 0.75em));
+  }
+
+  .offset-10\@xl {
+    --offset: calc(83.33% + var(--gap, 0.75em));
+  }
+
+  .offset-11\@xl {
+    --offset: calc(91.66% + var(--gap, 0.75em));
+  }
+
+  @supports (--css: variables) {
+    .gap-xxxxs\@xl {
+      --gap: var(--space-xxxxs);
+    }
+
+    .gap-xxxs\@xl {
+      --gap: var(--space-xxxs);
+    }
+
+    .gap-xxs\@xl {
+      --gap: var(--space-xxs);
+    }
+
+    .gap-xs\@xl {
+      --gap: var(--space-xs);
+    }
+
+    .gap-sm\@xl {
+      --gap: var(--space-sm);
+    }
+
+    .gap-md\@xl {
+      --gap: var(--space-md);
+    }
+
+    .gap-lg\@xl {
+      --gap: var(--space-lg);
+    }
+
+    .gap-xl\@xl {
+      --gap: var(--space-xl);
+    }
+
+    .gap-xxl\@xl {
+      --gap: var(--space-xxl);
+    }
+
+    .gap-xxxl\@xl {
+      --gap: var(--space-xxxl);
+    }
+
+    .gap-xxxxl\@xl {
+      --gap: var(--space-xxxxl);
+    }
+
+    .gap-0\@xl {
+      --gap: 0px;
+    }
+  }
+}
+:root {
+  --radius-sm: calc(var(--radius, 0.25em)/2);
+  --radius-md: var(--radius, 0.25em);
+  --radius-lg: calc(var(--radius, 0.25em)*2);
+  --shadow-xs: 0 0.1px 0.3px rgba(0, 0, 0, 0.06),
+                0 1px 2px rgba(0, 0, 0, 0.12);
+  --shadow-sm: 0 0.3px 0.4px rgba(0, 0, 0, 0.025),
+                0 0.9px 1.5px rgba(0, 0, 0, 0.05),
+                0 3.5px 6px rgba(0, 0, 0, 0.1);
+  --shadow-md: 0 0.9px 1.5px rgba(0, 0, 0, 0.03),
+                0 3.1px 5.5px rgba(0, 0, 0, 0.08),
+                0 14px 25px rgba(0, 0, 0, 0.12);
+  --shadow-lg: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014),
+                0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038),
+                0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085),
+                0 30px 42px -1px rgba(0, 0, 0, 0.15);
+  --shadow-xl: 0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012),
+                0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035),
+                0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07),
+                0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117),
+                0 46px 60px -6px rgba(0, 0, 0, 0.2);
+  --bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
+  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
+  --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
+  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+
+:root {
+  --heading-line-height: 1.2;
+  --body-line-height: 1.4;
+}
+
+body {
+  font-size: var(--text-base-size, 1em);
+  font-family: var(--font-primary, sans-serif);
+  color: var(--color-contrast-high, #313135);
+}
+
+h1, h2, h3, h4 {
+  color: var(--color-contrast-higher, #1c1c21);
+  line-height: var(--heading-line-height, 1.2);
+}
+
+h1 {
+  font-size: var(--text-xxl, 2.074em);
+}
+
+h2 {
+  font-size: var(--text-xl, 1.728em);
+}
+
+h3 {
+  font-size: var(--text-lg, 1.44em);
+}
+
+h4 {
+  font-size: var(--text-md, 1.2em);
+}
+
+small {
+  font-size: var(--text-sm, 0.833em);
+}
+
+a, .link {
+  color: var(--color-primary, #2a6df4);
+  text-decoration: underline;
+}
+
+strong {
+  font-weight: bold;
+}
+
+s {
+  text-decoration: line-through;
+}
+
+u {
+  text-decoration: underline;
+}
+
+.text-component h1, .text-component h2, .text-component h3, .text-component h4 {
+  line-height: calc(var(--heading-line-height) * var(--line-height-multiplier, 1));
+  margin-bottom: calc(var(--space-unit) * 0.25 * var(--text-vspace-multiplier, 1));
+}
+.text-component h2, .text-component h3, .text-component h4 {
+  margin-top: calc(var(--space-unit) * 0.75 * var(--text-vspace-multiplier, 1));
+}
+.text-component p, .text-component blockquote, .text-component ul li, .text-component ol li {
+  line-height: calc(var(--body-line-height) * var(--line-height-multiplier, 1));
+}
+.text-component ul, .text-component ol, .text-component p, .text-component blockquote, .text-component .text-component__block {
+  margin-bottom: calc(var(--space-unit) * 0.75 * var(--text-vspace-multiplier, 1));
+}
+.text-component ul, .text-component ol {
+  list-style-position: inside;
+}
+.text-component ul {
+  list-style-type: disc;
+}
+.text-component ol {
+  list-style-type: decimal;
+}
+.text-component img {
+  display: block;
+  margin: 0 auto;
+}
+.text-component figcaption {
+  text-align: center;
+  margin-top: calc(var(--space-unit) * 0.5);
+}
+.text-component em {
+  font-style: italic;
+}
+.text-component hr {
+  margin-top: calc(var(--space-unit) * var(--text-vspace-multiplier, 1));
+  margin-bottom: calc(var(--space-unit) * var(--text-vspace-multiplier, 1));
+  margin-left: auto;
+  margin-right: auto;
+}
+.text-component > *:first-child {
+  margin-top: 0;
+}
+.text-component > *:last-child {
+  margin-bottom: 0;
+}
+
+.text-component__block--full-width {
+  width: 100vw;
+  margin-left: calc(50% - 50vw);
+}
+
+@media (min-width: 48rem) {
+  .text-component__block--left,
+.text-component__block--right {
+    width: 45%;
+  }
+  .text-component__block--left img,
+.text-component__block--right img {
+    width: 100%;
+  }
+
+  .text-component__block--left {
+    float: left;
+    margin-right: calc(var(--space-unit) * 0.75 * var(--text-vspace-multiplier, 1));
+  }
+
+  .text-component__block--right {
+    float: right;
+    margin-left: calc(var(--space-unit) * 0.75 * var(--text-vspace-multiplier, 1));
+  }
+}
+@media (min-width: 90rem) {
+  .text-component__block--outset {
+    width: calc(100% + 10.5 * var(--space-unit));
+  }
+  .text-component__block--outset img {
+    width: 100%;
+  }
+
+  .text-component__block--outset:not(.text-component__block--right) {
+    margin-left: calc(-5.25 * var(--space-unit));
+  }
+
+  .text-component__block--left, .text-component__block--right {
+    width: 50%;
+  }
+
+  .text-component__block--right.text-component__block--outset {
+    margin-right: calc(-5.25 * var(--space-unit));
+  }
+}
+:root {
+  --icon-xxxs: 8px;
+  --icon-xxs: 12px;
+  --icon-xs: 16px;
+  --icon-sm: 24px;
+  --icon-md: 32px;
+  --icon-lg: 48px;
+  --icon-xl: 64px;
+  --icon-xxl: 96px;
+  --icon-xxxl: 128px;
+}
+
+.icon {
+  display: inline-block;
+  color: inherit;
+  fill: currentColor;
+  height: 1em;
+  width: 1em;
+  line-height: 1;
+  flex-shrink: 0;
+  max-width: initial;
+}
+
+.icon--xxxs {
+  font-size: var(--icon-xxxs);
+}
+
+.icon--xxs {
+  font-size: var(--icon-xxs);
+}
+
+.icon--xs {
+  font-size: var(--icon-xs);
+}
+
+.icon--sm {
+  font-size: var(--icon-sm);
+}
+
+.icon--md {
+  font-size: var(--icon-md);
+}
+
+.icon--lg {
+  font-size: var(--icon-lg);
+}
+
+.icon--xl {
+  font-size: var(--icon-xl);
+}
+
+.icon--xxl {
+  font-size: var(--icon-xxl);
+}
+
+.icon--xxxl {
+  font-size: var(--icon-xxxl);
+}
+
+.icon--is-spinning {
+  animation: icon-spin 1s infinite linear;
+}
+
+@keyframes icon-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.icon use {
+  color: inherit;
+  fill: currentColor;
+}
+
+.btn {
+  position: relative;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  white-space: nowrap;
+  text-decoration: none;
+  line-height: 1;
+  font-size: var(--btn-font-size, 1em);
+  padding-top: var(--btn-padding-y, 0.5em);
+  padding-bottom: var(--btn-padding-y, 0.5em);
+  padding-left: var(--btn-padding-x, 0.75em);
+  padding-right: var(--btn-padding-x, 0.75em);
+  border-radius: var(--btn-radius, 0.25em);
+}
+
+.btn--sm {
+  font-size: var(--btn-font-size-sm, 0.8em);
+}
+
+.btn--md {
+  font-size: var(--btn-font-size-md, 1.2em);
+}
+
+.btn--lg {
+  font-size: var(--btn-font-size-lg, 1.4em);
+}
+
+.btn--icon {
+  padding: var(--btn-padding-y, 0.5em);
+}
+
+.form-control {
+  padding-top: var(--form-control-padding-y, 0.5em);
+  padding-bottom: var(--form-control-padding-y, 0.5em);
+  padding-left: var(--form-control-padding-x, 0.75em);
+  padding-right: var(--form-control-padding-x, 0.75em);
+  border-radius: var(--form-control-radius, 0.25em);
+}
+
+.form-legend {
+  color: var(--color-contrast-higher, #1c1c21);
+  line-height: var(--heading-line-height, 1.2);
+  font-size: var(--text-md, 1.2em);
+  margin-bottom: var(--space-xxs);
+}
+
+.form-label {
+  display: inline-block;
+}
+
+.form__msg-error, .form-error-msg {
+  color: var(--color-error, #e02447);
+  font-size: var(--text-sm, 0.833em);
+  margin-top: var(--space-xxs);
+  position: absolute;
+  clip: rect(1px, 1px, 1px, 1px);
+}
+
+.form__msg-error--is-visible, .form-error-msg--is-visible {
+  position: relative;
+  clip: auto;
+}
+
+.radio-list > *, .checkbox-list > * {
+  position: relative;
+  display: flex;
+  align-items: baseline;
+}
+.radio-list label, .checkbox-list label {
+  line-height: var(--body-line-height);
+}
+.radio-list input, .checkbox-list input {
+  margin-right: var(--space-xxxs);
+  flex-shrink: 0;
+}
+
+:root {
+  --zindex-header: 3;
+  --zindex-popover: 5;
+  --zindex-fixed-element: 10;
+  --zindex-overlay: 15;
+}
+
+:root {
+  --display: block;
+}
+
+.is-visible {
+  display: var(--display) !important;
+}
+
+.is-hidden {
+  display: none !important;
+}
+
+html:not(.js) .no-js\:is-hidden {
+  display: none !important;
+}
+
+@media print {
+  .print\:is-hidden {
+    display: none !important;
+  }
+}
+.sr-only {
+  position: absolute;
+  clip: rect(1px, 1px, 1px, 1px);
+  clip-path: inset(50%);
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  padding: 0;
+  border: 0;
+  white-space: nowrap;
+}
+
+.flex {
+  display: flex;
+}
+
+.inline-flex {
+  display: inline-flex;
+}
+
+.flex-wrap {
+  flex-wrap: wrap;
+}
+
+.flex-column {
+  flex-direction: column;
+}
+
+.flex-column-reverse {
+  flex-direction: column-reverse;
+}
+
+.flex-row {
+  flex-direction: row;
+}
+
+.flex-row-reverse {
+  flex-direction: row-reverse;
+}
+
+.flex-center {
+  justify-content: center;
+  align-items: center;
+}
+
+.flex-grow {
+  flex-grow: 1;
+}
+
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
+
+.flex-basis-0 {
+  flex-basis: 0;
+}
+
+.justify-start {
+  justify-content: flex-start;
+}
+
+.justify-end {
+  justify-content: flex-end;
+}
+
+.justify-center {
+  justify-content: center;
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.items-start {
+  align-items: flex-start;
+}
+
+.items-end {
+  align-items: flex-end;
+}
+
+.items-baseline {
+  align-items: baseline;
+}
+
+.order-1 {
+  order: 1;
+}
+
+.order-2 {
+  order: 2;
+}
+
+.order-3 {
+  order: 3;
+}
+
+.block {
+  display: block;
+}
+
+.inline-block {
+  display: inline-block;
+}
+
+.inline {
+  display: inline;
+}
+
+.margin-xxxxs {
+  margin: var(--space-xxxxs);
+}
+
+.margin-xxxs {
+  margin: var(--space-xxxs);
+}
+
+.margin-xxs {
+  margin: var(--space-xxs);
+}
+
+.margin-xs {
+  margin: var(--space-xs);
+}
+
+.margin-sm {
+  margin: var(--space-sm);
+}
+
+.margin-md {
+  margin: var(--space-md);
+}
+
+.margin-lg {
+  margin: var(--space-lg);
+}
+
+.margin-xl {
+  margin: var(--space-xl);
+}
+
+.margin-xxl {
+  margin: var(--space-xxl);
+}
+
+.margin-xxxl {
+  margin: var(--space-xxxl);
+}
+
+.margin-xxxxl {
+  margin: var(--space-xxxxl);
+}
+
+.margin-auto {
+  margin: auto;
+}
+
+.margin-0 {
+  margin: 0;
+}
+
+.margin-top-xxxxs {
+  margin-top: var(--space-xxxxs);
+}
+
+.margin-top-xxxs {
+  margin-top: var(--space-xxxs);
+}
+
+.margin-top-xxs {
+  margin-top: var(--space-xxs);
+}
+
+.margin-top-xs {
+  margin-top: var(--space-xs);
+}
+
+.margin-top-sm {
+  margin-top: var(--space-sm);
+}
+
+.margin-top-md {
+  margin-top: var(--space-md);
+}
+
+.margin-top-lg {
+  margin-top: var(--space-lg);
+}
+
+.margin-top-xl {
+  margin-top: var(--space-xl);
+}
+
+.margin-top-xxl {
+  margin-top: var(--space-xxl);
+}
+
+.margin-top-xxxl {
+  margin-top: var(--space-xxxl);
+}
+
+.margin-top-xxxxl {
+  margin-top: var(--space-xxxxl);
+}
+
+.margin-top-auto {
+  margin-top: auto;
+}
+
+.margin-top-0 {
+  margin-top: 0;
+}
+
+.margin-bottom-xxxxs {
+  margin-bottom: var(--space-xxxxs);
+}
+
+.margin-bottom-xxxs {
+  margin-bottom: var(--space-xxxs);
+}
+
+.margin-bottom-xxs {
+  margin-bottom: var(--space-xxs);
+}
+
+.margin-bottom-xs {
+  margin-bottom: var(--space-xs);
+}
+
+.margin-bottom-sm {
+  margin-bottom: var(--space-sm);
+}
+
+.margin-bottom-md {
+  margin-bottom: var(--space-md);
+}
+
+.margin-bottom-lg {
+  margin-bottom: var(--space-lg);
+}
+
+.margin-bottom-xl {
+  margin-bottom: var(--space-xl);
+}
+
+.margin-bottom-xxl {
+  margin-bottom: var(--space-xxl);
+}
+
+.margin-bottom-xxxl {
+  margin-bottom: var(--space-xxxl);
+}
+
+.margin-bottom-xxxxl {
+  margin-bottom: var(--space-xxxxl);
+}
+
+.margin-bottom-auto {
+  margin-bottom: auto;
+}
+
+.margin-bottom-0 {
+  margin-bottom: 0;
+}
+
+.margin-right-xxxxs {
+  margin-right: var(--space-xxxxs);
+}
+
+.margin-right-xxxs {
+  margin-right: var(--space-xxxs);
+}
+
+.margin-right-xxs {
+  margin-right: var(--space-xxs);
+}
+
+.margin-right-xs {
+  margin-right: var(--space-xs);
+}
+
+.margin-right-sm {
+  margin-right: var(--space-sm);
+}
+
+.margin-right-md {
+  margin-right: var(--space-md);
+}
+
+.margin-right-lg {
+  margin-right: var(--space-lg);
+}
+
+.margin-right-xl {
+  margin-right: var(--space-xl);
+}
+
+.margin-right-xxl {
+  margin-right: var(--space-xxl);
+}
+
+.margin-right-xxxl {
+  margin-right: var(--space-xxxl);
+}
+
+.margin-right-xxxxl {
+  margin-right: var(--space-xxxxl);
+}
+
+.margin-right-auto {
+  margin-right: auto;
+}
+
+.margin-right-0 {
+  margin-right: 0;
+}
+
+.margin-left-xxxxs {
+  margin-left: var(--space-xxxxs);
+}
+
+.margin-left-xxxs {
+  margin-left: var(--space-xxxs);
+}
+
+.margin-left-xxs {
+  margin-left: var(--space-xxs);
+}
+
+.margin-left-xs {
+  margin-left: var(--space-xs);
+}
+
+.margin-left-sm {
+  margin-left: var(--space-sm);
+}
+
+.margin-left-md {
+  margin-left: var(--space-md);
+}
+
+.margin-left-lg {
+  margin-left: var(--space-lg);
+}
+
+.margin-left-xl {
+  margin-left: var(--space-xl);
+}
+
+.margin-left-xxl {
+  margin-left: var(--space-xxl);
+}
+
+.margin-left-xxxl {
+  margin-left: var(--space-xxxl);
+}
+
+.margin-left-xxxxl {
+  margin-left: var(--space-xxxxl);
+}
+
+.margin-left-auto {
+  margin-left: auto;
+}
+
+.margin-left-0 {
+  margin-left: 0;
+}
+
+.margin-x-xxxxs {
+  margin-left: var(--space-xxxxs);
+  margin-right: var(--space-xxxxs);
+}
+
+.margin-x-xxxs {
+  margin-left: var(--space-xxxs);
+  margin-right: var(--space-xxxs);
+}
+
+.margin-x-xxs {
+  margin-left: var(--space-xxs);
+  margin-right: var(--space-xxs);
+}
+
+.margin-x-xs {
+  margin-left: var(--space-xs);
+  margin-right: var(--space-xs);
+}
+
+.margin-x-sm {
+  margin-left: var(--space-sm);
+  margin-right: var(--space-sm);
+}
+
+.margin-x-md {
+  margin-left: var(--space-md);
+  margin-right: var(--space-md);
+}
+
+.margin-x-lg {
+  margin-left: var(--space-lg);
+  margin-right: var(--space-lg);
+}
+
+.margin-x-xl {
+  margin-left: var(--space-xl);
+  margin-right: var(--space-xl);
+}
+
+.margin-x-xxl {
+  margin-left: var(--space-xxl);
+  margin-right: var(--space-xxl);
+}
+
+.margin-x-xxxl {
+  margin-left: var(--space-xxxl);
+  margin-right: var(--space-xxxl);
+}
+
+.margin-x-xxxxl {
+  margin-left: var(--space-xxxxl);
+  margin-right: var(--space-xxxxl);
+}
+
+.margin-x-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.margin-x-0 {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+.margin-y-xxxxs {
+  margin-top: var(--space-xxxxs);
+  margin-bottom: var(--space-xxxxs);
+}
+
+.margin-y-xxxs {
+  margin-top: var(--space-xxxs);
+  margin-bottom: var(--space-xxxs);
+}
+
+.margin-y-xxs {
+  margin-top: var(--space-xxs);
+  margin-bottom: var(--space-xxs);
+}
+
+.margin-y-xs {
+  margin-top: var(--space-xs);
+  margin-bottom: var(--space-xs);
+}
+
+.margin-y-sm {
+  margin-top: var(--space-sm);
+  margin-bottom: var(--space-sm);
+}
+
+.margin-y-md {
+  margin-top: var(--space-md);
+  margin-bottom: var(--space-md);
+}
+
+.margin-y-lg {
+  margin-top: var(--space-lg);
+  margin-bottom: var(--space-lg);
+}
+
+.margin-y-xl {
+  margin-top: var(--space-xl);
+  margin-bottom: var(--space-xl);
+}
+
+.margin-y-xxl {
+  margin-top: var(--space-xxl);
+  margin-bottom: var(--space-xxl);
+}
+
+.margin-y-xxxl {
+  margin-top: var(--space-xxxl);
+  margin-bottom: var(--space-xxxl);
+}
+
+.margin-y-xxxxl {
+  margin-top: var(--space-xxxxl);
+  margin-bottom: var(--space-xxxxl);
+}
+
+.margin-y-auto {
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
+.margin-y-0 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.padding-xxxxs {
+  padding: var(--space-xxxxs);
+}
+
+.padding-xxxs {
+  padding: var(--space-xxxs);
+}
+
+.padding-xxs {
+  padding: var(--space-xxs);
+}
+
+.padding-xs {
+  padding: var(--space-xs);
+}
+
+.padding-sm {
+  padding: var(--space-sm);
+}
+
+.padding-md {
+  padding: var(--space-md);
+}
+
+.padding-lg {
+  padding: var(--space-lg);
+}
+
+.padding-xl {
+  padding: var(--space-xl);
+}
+
+.padding-xxl {
+  padding: var(--space-xxl);
+}
+
+.padding-xxxl {
+  padding: var(--space-xxxl);
+}
+
+.padding-xxxxl {
+  padding: var(--space-xxxxl);
+}
+
+.padding-0 {
+  padding: 0;
+}
+
+.padding-component {
+  padding: var(--component-padding);
+}
+
+.padding-top-xxxxs {
+  padding-top: var(--space-xxxxs);
+}
+
+.padding-top-xxxs {
+  padding-top: var(--space-xxxs);
+}
+
+.padding-top-xxs {
+  padding-top: var(--space-xxs);
+}
+
+.padding-top-xs {
+  padding-top: var(--space-xs);
+}
+
+.padding-top-sm {
+  padding-top: var(--space-sm);
+}
+
+.padding-top-md {
+  padding-top: var(--space-md);
+}
+
+.padding-top-lg {
+  padding-top: var(--space-lg);
+}
+
+.padding-top-xl {
+  padding-top: var(--space-xl);
+}
+
+.padding-top-xxl {
+  padding-top: var(--space-xxl);
+}
+
+.padding-top-xxxl {
+  padding-top: var(--space-xxxl);
+}
+
+.padding-top-xxxxl {
+  padding-top: var(--space-xxxxl);
+}
+
+.padding-top-0 {
+  padding-top: 0;
+}
+
+.padding-top-component {
+  padding-top: var(--component-padding);
+}
+
+.padding-bottom-xxxxs {
+  padding-bottom: var(--space-xxxxs);
+}
+
+.padding-bottom-xxxs {
+  padding-bottom: var(--space-xxxs);
+}
+
+.padding-bottom-xxs {
+  padding-bottom: var(--space-xxs);
+}
+
+.padding-bottom-xs {
+  padding-bottom: var(--space-xs);
+}
+
+.padding-bottom-sm {
+  padding-bottom: var(--space-sm);
+}
+
+.padding-bottom-md {
+  padding-bottom: var(--space-md);
+}
+
+.padding-bottom-lg {
+  padding-bottom: var(--space-lg);
+}
+
+.padding-bottom-xl {
+  padding-bottom: var(--space-xl);
+}
+
+.padding-bottom-xxl {
+  padding-bottom: var(--space-xxl);
+}
+
+.padding-bottom-xxxl {
+  padding-bottom: var(--space-xxxl);
+}
+
+.padding-bottom-xxxxl {
+  padding-bottom: var(--space-xxxxl);
+}
+
+.padding-bottom-0 {
+  padding-bottom: 0;
+}
+
+.padding-bottom-component {
+  padding-bottom: var(--component-padding);
+}
+
+.padding-right-xxxxs {
+  padding-right: var(--space-xxxxs);
+}
+
+.padding-right-xxxs {
+  padding-right: var(--space-xxxs);
+}
+
+.padding-right-xxs {
+  padding-right: var(--space-xxs);
+}
+
+.padding-right-xs {
+  padding-right: var(--space-xs);
+}
+
+.padding-right-sm {
+  padding-right: var(--space-sm);
+}
+
+.padding-right-md {
+  padding-right: var(--space-md);
+}
+
+.padding-right-lg {
+  padding-right: var(--space-lg);
+}
+
+.padding-right-xl {
+  padding-right: var(--space-xl);
+}
+
+.padding-right-xxl {
+  padding-right: var(--space-xxl);
+}
+
+.padding-right-xxxl {
+  padding-right: var(--space-xxxl);
+}
+
+.padding-right-xxxxl {
+  padding-right: var(--space-xxxxl);
+}
+
+.padding-right-0 {
+  padding-right: 0;
+}
+
+.padding-right-component {
+  padding-right: var(--component-padding);
+}
+
+.padding-left-xxxxs {
+  padding-left: var(--space-xxxxs);
+}
+
+.padding-left-xxxs {
+  padding-left: var(--space-xxxs);
+}
+
+.padding-left-xxs {
+  padding-left: var(--space-xxs);
+}
+
+.padding-left-xs {
+  padding-left: var(--space-xs);
+}
+
+.padding-left-sm {
+  padding-left: var(--space-sm);
+}
+
+.padding-left-md {
+  padding-left: var(--space-md);
+}
+
+.padding-left-lg {
+  padding-left: var(--space-lg);
+}
+
+.padding-left-xl {
+  padding-left: var(--space-xl);
+}
+
+.padding-left-xxl {
+  padding-left: var(--space-xxl);
+}
+
+.padding-left-xxxl {
+  padding-left: var(--space-xxxl);
+}
+
+.padding-left-xxxxl {
+  padding-left: var(--space-xxxxl);
+}
+
+.padding-left-0 {
+  padding-left: 0;
+}
+
+.padding-left-component {
+  padding-left: var(--component-padding);
+}
+
+.padding-x-xxxxs {
+  padding-left: var(--space-xxxxs);
+  padding-right: var(--space-xxxxs);
+}
+
+.padding-x-xxxs {
+  padding-left: var(--space-xxxs);
+  padding-right: var(--space-xxxs);
+}
+
+.padding-x-xxs {
+  padding-left: var(--space-xxs);
+  padding-right: var(--space-xxs);
+}
+
+.padding-x-xs {
+  padding-left: var(--space-xs);
+  padding-right: var(--space-xs);
+}
+
+.padding-x-sm {
+  padding-left: var(--space-sm);
+  padding-right: var(--space-sm);
+}
+
+.padding-x-md {
+  padding-left: var(--space-md);
+  padding-right: var(--space-md);
+}
+
+.padding-x-lg {
+  padding-left: var(--space-lg);
+  padding-right: var(--space-lg);
+}
+
+.padding-x-xl {
+  padding-left: var(--space-xl);
+  padding-right: var(--space-xl);
+}
+
+.padding-x-xxl {
+  padding-left: var(--space-xxl);
+  padding-right: var(--space-xxl);
+}
+
+.padding-x-xxxl {
+  padding-left: var(--space-xxxl);
+  padding-right: var(--space-xxxl);
+}
+
+.padding-x-xxxxl {
+  padding-left: var(--space-xxxxl);
+  padding-right: var(--space-xxxxl);
+}
+
+.padding-x-0 {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.padding-x-component {
+  padding-left: var(--component-padding);
+  padding-right: var(--component-padding);
+}
+
+.padding-y-xxxxs {
+  padding-top: var(--space-xxxxs);
+  padding-bottom: var(--space-xxxxs);
+}
+
+.padding-y-xxxs {
+  padding-top: var(--space-xxxs);
+  padding-bottom: var(--space-xxxs);
+}
+
+.padding-y-xxs {
+  padding-top: var(--space-xxs);
+  padding-bottom: var(--space-xxs);
+}
+
+.padding-y-xs {
+  padding-top: var(--space-xs);
+  padding-bottom: var(--space-xs);
+}
+
+.padding-y-sm {
+  padding-top: var(--space-sm);
+  padding-bottom: var(--space-sm);
+}
+
+.padding-y-md {
+  padding-top: var(--space-md);
+  padding-bottom: var(--space-md);
+}
+
+.padding-y-lg {
+  padding-top: var(--space-lg);
+  padding-bottom: var(--space-lg);
+}
+
+.padding-y-xl {
+  padding-top: var(--space-xl);
+  padding-bottom: var(--space-xl);
+}
+
+.padding-y-xxl {
+  padding-top: var(--space-xxl);
+  padding-bottom: var(--space-xxl);
+}
+
+.padding-y-xxxl {
+  padding-top: var(--space-xxxl);
+  padding-bottom: var(--space-xxxl);
+}
+
+.padding-y-xxxxl {
+  padding-top: var(--space-xxxxl);
+  padding-bottom: var(--space-xxxxl);
+}
+
+.padding-y-0 {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.padding-y-component {
+  padding-top: var(--component-padding);
+  padding-bottom: var(--component-padding);
+}
+
+.align-baseline {
+  vertical-align: baseline;
+}
+
+.align-top {
+  vertical-align: top;
+}
+
+.align-middle {
+  vertical-align: middle;
+}
+
+.align-bottom {
+  vertical-align: bottom;
+}
+
+.truncate, .text-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.text-replace {
+  overflow: hidden;
+  color: transparent;
+  text-indent: 100%;
+  white-space: nowrap;
+}
+
+.text-xs {
+  font-size: var(--text-xs, 0.694em);
+}
+
+.text-sm {
+  font-size: var(--text-sm, 0.833em);
+}
+
+.text-base {
+  font-size: 1em;
+}
+
+.text-md {
+  font-size: var(--text-md, 1.2em);
+}
+
+.text-lg {
+  font-size: var(--text-lg, 1.44em);
+}
+
+.text-xl {
+  font-size: var(--text-xl, 1.728em);
+}
+
+.text-xxl {
+  font-size: var(--text-xxl, 2.074em);
+}
+
+.text-xxxl {
+  font-size: var(--text-xxxl, 2.488em);
+}
+
+.text-xxxxl {
+  font-size: var(--text-xxxxl, 2.985em);
+}
+
+.text-uppercase {
+  text-transform: uppercase;
+}
+
+.text-capitalize {
+  text-transform: capitalize;
+}
+
+.letter-spacing-sm {
+  letter-spacing: -0.05em;
+}
+
+.letter-spacing-md {
+  letter-spacing: 0.05em;
+}
+
+.letter-spacing-lg {
+  letter-spacing: 0.1em;
+}
+
+.font-light {
+  font-weight: 300;
+}
+
+.font-normal {
+  font-weight: 400;
+}
+
+.font-medium {
+  font-weight: 500;
+}
+
+.font-semibold {
+  font-weight: 600;
+}
+
+.font-bold, .text-bold {
+  font-weight: 700;
+}
+
+.font-italic {
+  font-style: italic;
+}
+
+.font-smooth {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.font-primary {
+  font-family: var(--font-primary);
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-left {
+  text-align: left;
+}
+
+.text-right {
+  text-align: right;
+}
+
+.text-justify {
+  text-align: justify;
+}
+
+.text-line-through {
+  text-decoration: line-through;
+}
+
+.text-underline {
+  text-decoration: underline;
+}
+
+.text-decoration-none {
+  text-decoration: none;
+}
+
+.v-space-xxs {
+  --text-vspace-multiplier: 0.25 !important;
+}
+
+.v-space-xs {
+  --text-vspace-multiplier: 0.5 !important;
+}
+
+.v-space-sm {
+  --text-vspace-multiplier: 0.75 !important;
+}
+
+.v-space-md {
+  --text-vspace-multiplier: 1.25 !important;
+}
+
+.v-space-lg {
+  --text-vspace-multiplier: 1.5 !important;
+}
+
+.v-space-xl {
+  --text-vspace-multiplier: 1.75 !important;
+}
+
+.v-space-xxl {
+  --text-vspace-multiplier: 2 !important;
+}
+
+.line-height-xs {
+  --heading-line-height: 1;
+  --body-line-height: 1;
+}
+.line-height-xs:not(.text-component) {
+  line-height: 1;
+}
+
+.line-height-sm {
+  --heading-line-height: 1.1;
+  --body-line-height: 1.2;
+}
+.line-height-sm:not(.text-component) {
+  line-height: 1.2;
+}
+
+.line-height-md {
+  --heading-line-height: 1.15;
+  --body-line-height: 1.4;
+}
+.line-height-md:not(.text-component) {
+  line-height: 1.4;
+}
+
+.line-height-lg {
+  --heading-line-height: 1.22;
+  --body-line-height: 1.58;
+}
+.line-height-lg:not(.text-component) {
+  line-height: 1.58;
+}
+
+.line-height-xl {
+  --heading-line-height: 1.3;
+  --body-line-height: 1.72;
+}
+.line-height-xl:not(.text-component) {
+  line-height: 1.72;
+}
+
+.line-height-body {
+  line-height: var(--body-line-height);
+}
+
+.line-height-heading {
+  line-height: var(--heading-line-height);
+}
+
+.ws-nowrap, .text-nowrap {
+  white-space: nowrap;
+}
+
+.cursor-pointer {
+  cursor: pointer;
+}
+
+.cursor-default {
+  cursor: default;
+}
+
+.pointer-events-auto {
+  pointer-events: auto;
+}
+
+.pointer-events-none {
+  pointer-events: none;
+}
+
+.user-select-none {
+  user-select: none;
+}
+
+.user-select-all {
+  user-select: all;
+}
+
+[class*=color-] {
+  --color-o: 1;
+}
+
+.color-inherit {
+  color: inherit;
+}
+
+.color-bg {
+  color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--color-o, 1));
+}
+
+.color-contrast-lower {
+  color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--color-o, 1));
+}
+
+.color-contrast-low {
+  color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--color-o, 1));
+}
+
+.color-contrast-medium {
+  color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--color-o, 1));
+}
+
+.color-contrast-high {
+  color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--color-o, 1));
+}
+
+.color-contrast-higher {
+  color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--color-o, 1));
+}
+
+.color-primary-darker {
+  color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--color-o, 1));
+}
+
+.color-primary-dark {
+  color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--color-o, 1));
+}
+
+.color-primary {
+  color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--color-o, 1));
+}
+
+.color-primary-light {
+  color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--color-o, 1));
+}
+
+.color-primary-lighter {
+  color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--color-o, 1));
+}
+
+.color-accent-darker {
+  color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--color-o, 1));
+}
+
+.color-accent-dark {
+  color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--color-o, 1));
+}
+
+.color-accent {
+  color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--color-o, 1));
+}
+
+.color-accent-light {
+  color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--color-o, 1));
+}
+
+.color-accent-lighter {
+  color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--color-o, 1));
+}
+
+.color-success-darker {
+  color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--color-o, 1));
+}
+
+.color-success-dark {
+  color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--color-o, 1));
+}
+
+.color-success {
+  color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--color-o, 1));
+}
+
+.color-success-light {
+  color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--color-o, 1));
+}
+
+.color-success-lighter {
+  color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--color-o, 1));
+}
+
+.color-warning-darker {
+  color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--color-o, 1));
+}
+
+.color-warning-dark {
+  color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--color-o, 1));
+}
+
+.color-warning {
+  color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--color-o, 1));
+}
+
+.color-warning-light {
+  color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--color-o, 1));
+}
+
+.color-warning-lighter {
+  color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--color-o, 1));
+}
+
+.color-error-darker {
+  color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--color-o, 1));
+}
+
+.color-error-dark {
+  color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--color-o, 1));
+}
+
+.color-error {
+  color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--color-o, 1));
+}
+
+.color-error-light {
+  color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--color-o, 1));
+}
+
+.color-error-lighter {
+  color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--color-o, 1));
+}
+
+.color-white {
+  color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--color-o, 1));
+}
+
+.color-black {
+  color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--color-o, 1));
+}
+
+@supports (--css: variables) {
+  .color-opacity-0 {
+    --color-o: 0;
+  }
+
+  .color-opacity-10\% {
+    --color-o: 0.1;
+  }
+
+  .color-opacity-20\% {
+    --color-o: 0.2;
+  }
+
+  .color-opacity-30\% {
+    --color-o: 0.3;
+  }
+
+  .color-opacity-40\% {
+    --color-o: 0.4;
+  }
+
+  .color-opacity-50\% {
+    --color-o: 0.5;
+  }
+
+  .color-opacity-60\% {
+    --color-o: 0.6;
+  }
+
+  .color-opacity-70\% {
+    --color-o: 0.7;
+  }
+
+  .color-opacity-80\% {
+    --color-o: 0.8;
+  }
+
+  .color-opacity-90\% {
+    --color-o: 0.9;
+  }
+}
+.width-xxxxs {
+  width: var(--size-xxxxs, 0.25rem);
+}
+
+.width-xxxs {
+  width: var(--size-xxxs, 0.5rem);
+}
+
+.width-xxs {
+  width: var(--size-xxs, 0.75rem);
+}
+
+.width-xs {
+  width: var(--size-xs, 1rem);
+}
+
+.width-sm {
+  width: var(--size-sm, 1.5rem);
+}
+
+.width-md {
+  width: var(--size-md, 2rem);
+}
+
+.width-lg {
+  width: var(--size-lg, 3rem);
+}
+
+.width-xl {
+  width: var(--size-xl, 4rem);
+}
+
+.width-xxl {
+  width: var(--size-xxl, 6rem);
+}
+
+.width-xxxl {
+  width: var(--size-xxxl, 8rem);
+}
+
+.width-xxxxl {
+  width: var(--size-xxxxl, 16rem);
+}
+
+.width-0 {
+  width: 0;
+}
+
+.width-10\% {
+  width: 10%;
+}
+
+.width-20\% {
+  width: 20%;
+}
+
+.width-25\% {
+  width: 25%;
+}
+
+.width-30\% {
+  width: 30%;
+}
+
+.width-33\% {
+  width: calc(100% / 3);
+}
+
+.width-40\% {
+  width: 40%;
+}
+
+.width-50\% {
+  width: 50%;
+}
+
+.width-60\% {
+  width: 60%;
+}
+
+.width-66\% {
+  width: calc(100% / 1.5);
+}
+
+.width-70\% {
+  width: 70%;
+}
+
+.width-75\% {
+  width: 75%;
+}
+
+.width-80\% {
+  width: 80%;
+}
+
+.width-90\% {
+  width: 90%;
+}
+
+.width-100\% {
+  width: 100%;
+}
+
+.width-100vw {
+  width: 100vw;
+}
+
+.width-auto {
+  width: auto;
+}
+
+.height-xxxxs {
+  height: var(--size-xxxxs, 0.25rem);
+}
+
+.height-xxxs {
+  height: var(--size-xxxs, 0.5rem);
+}
+
+.height-xxs {
+  height: var(--size-xxs, 0.75rem);
+}
+
+.height-xs {
+  height: var(--size-xs, 1rem);
+}
+
+.height-sm {
+  height: var(--size-sm, 1.5rem);
+}
+
+.height-md {
+  height: var(--size-md, 2rem);
+}
+
+.height-lg {
+  height: var(--size-lg, 3rem);
+}
+
+.height-xl {
+  height: var(--size-xl, 4rem);
+}
+
+.height-xxl {
+  height: var(--size-xxl, 6rem);
+}
+
+.height-xxxl {
+  height: var(--size-xxxl, 8rem);
+}
+
+.height-xxxxl {
+  height: var(--size-xxxxl, 16rem);
+}
+
+.height-0 {
+  height: 0;
+}
+
+.height-10\% {
+  height: 10%;
+}
+
+.height-20\% {
+  height: 20%;
+}
+
+.height-25\% {
+  height: 25%;
+}
+
+.height-30\% {
+  height: 30%;
+}
+
+.height-33\% {
+  height: calc(100% / 3);
+}
+
+.height-40\% {
+  height: 40%;
+}
+
+.height-50\% {
+  height: 50%;
+}
+
+.height-60\% {
+  height: 60%;
+}
+
+.height-66\% {
+  height: calc(100% / 1.5);
+}
+
+.height-70\% {
+  height: 70%;
+}
+
+.height-75\% {
+  height: 75%;
+}
+
+.height-80\% {
+  height: 80%;
+}
+
+.height-90\% {
+  height: 90%;
+}
+
+.height-100\% {
+  height: 100%;
+}
+
+.height-100vh {
+  height: 100vh;
+}
+
+.height-auto {
+  height: auto;
+}
+
+.min-width-0 {
+  min-width: 0;
+}
+
+.min-width-25\% {
+  min-width: 25%;
+}
+
+.min-width-33\% {
+  min-width: calc(100% / 3);
+}
+
+.min-width-50\% {
+  min-width: 50%;
+}
+
+.min-width-66\% {
+  min-width: calc(100% / 1.5);
+}
+
+.min-width-75\% {
+  min-width: 75%;
+}
+
+.min-width-100\% {
+  min-width: 100%;
+}
+
+.min-width-100vw {
+  min-width: 100vw;
+}
+
+.min-height-100\% {
+  min-height: 100%;
+}
+
+.min-height-100vh {
+  min-height: 100vh;
+}
+
+:root {
+  --max-width-xxxxs: 20rem;
+  --max-width-xxxs: 26rem;
+  --max-width-xxs: 32rem;
+  --max-width-xs: 38rem;
+  --max-width-sm: 48rem;
+  --max-width-md: 64rem;
+  --max-width-lg: 80rem;
+  --max-width-xl: 90rem;
+  --max-width-xxl: 100rem;
+  --max-width-xxxl: 120rem;
+  --max-width-xxxxl: 150rem;
+}
+
+.max-width-xxxxs {
+  max-width: var(--max-width-xxxxs);
+}
+
+.max-width-xxxs {
+  max-width: var(--max-width-xxxs);
+}
+
+.max-width-xxs {
+  max-width: var(--max-width-xxs);
+}
+
+.max-width-xs {
+  max-width: var(--max-width-xs);
+}
+
+.max-width-sm {
+  max-width: var(--max-width-sm);
+}
+
+.max-width-md {
+  max-width: var(--max-width-md);
+}
+
+.max-width-lg {
+  max-width: var(--max-width-lg);
+}
+
+.max-width-xl {
+  max-width: var(--max-width-xl);
+}
+
+.max-width-xxl {
+  max-width: var(--max-width-xxl);
+}
+
+.max-width-xxxl {
+  max-width: var(--max-width-xxxl);
+}
+
+.max-width-xxxxl {
+  max-width: var(--max-width-xxxxl);
+}
+
+.max-width-100\% {
+  max-width: 100%;
+}
+
+[class*=max-width-adaptive] {
+  max-width: 32rem;
+}
+
+@media (min-width: 48rem) {
+  .max-width-adaptive-sm, .max-width-adaptive-md, .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive {
+    max-width: 48rem;
+  }
+}
+@media (min-width: 64rem) {
+  .max-width-adaptive-md, .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive {
+    max-width: 64rem;
+  }
+}
+@media (min-width: 80rem) {
+  .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive {
+    max-width: 80rem;
+  }
+}
+@media (min-width: 90rem) {
+  .max-width-adaptive-xl {
+    max-width: 90rem;
+  }
+}
+.max-height-100\% {
+  max-height: 100%;
+}
+
+.max-height-100vh {
+  max-height: 100vh;
+}
+
+.position-relative {
+  position: relative;
+}
+
+.position-absolute {
+  position: absolute;
+}
+
+.position-fixed {
+  position: fixed;
+}
+
+.position-sticky {
+  position: sticky;
+}
+
+.top-0 {
+  top: 0;
+}
+
+.bottom-0 {
+  bottom: 0;
+}
+
+.left-0 {
+  left: 0;
+}
+
+.right-0 {
+  right: 0;
+}
+
+.z-index-header {
+  z-index: var(--zindex-header);
+}
+
+.z-index-popover {
+  z-index: var(--zindex-popover);
+}
+
+.z-index-fixed-element {
+  z-index: var(--zindex-fixed-element);
+}
+
+.z-index-overlay {
+  z-index: var(--zindex-overlay);
+}
+
+.zindex-1, .z-index-1 {
+  z-index: 1;
+}
+
+.zindex-2, .z-index-2 {
+  z-index: 2;
+}
+
+.zindex-3, .z-index-3 {
+  z-index: 3;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+.overflow-auto {
+  overflow: auto;
+}
+
+.momentum-scrolling {
+  -webkit-overflow-scrolling: touch;
+}
+
+.overscroll-contain {
+  overscroll-behavior: contain;
+}
+
+.opacity-0 {
+  opacity: 0;
+}
+
+.opacity-10\% {
+  opacity: 0.1;
+}
+
+.opacity-20\% {
+  opacity: 0.2;
+}
+
+.opacity-30\% {
+  opacity: 0.3;
+}
+
+.opacity-40\% {
+  opacity: 0.4;
+}
+
+.opacity-50\% {
+  opacity: 0.5;
+}
+
+.opacity-60\% {
+  opacity: 0.6;
+}
+
+.opacity-70\% {
+  opacity: 0.7;
+}
+
+.opacity-80\% {
+  opacity: 0.8;
+}
+
+.opacity-90\% {
+  opacity: 0.9;
+}
+
+.media-wrapper {
+  position: relative;
+  height: 0;
+  padding-bottom: 56.25%;
+}
+.media-wrapper > * {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.media-wrapper--4\:3 {
+  padding-bottom: calc((3 / 4) * 100%);
+}
+
+.media-wrapper--1\:1 {
+  padding-bottom: calc((1 / 1) * 100%);
+}
+
+.float-left {
+  float: left;
+}
+
+.float-right {
+  float: right;
+}
+
+.clearfix::after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+[class*=border-] {
+  --border-o: 1;
+}
+
+.border {
+  border: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1));
+}
+
+.border-top {
+  border-top: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1));
+}
+
+.border-bottom {
+  border-bottom: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1));
+}
+
+.border-left {
+  border-left: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1));
+}
+
+.border-right {
+  border-right: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1));
+}
+
+.border-2 {
+  border-width: 2px;
+}
+
+.border-3 {
+  border-width: 3px;
+}
+
+.border-4 {
+  border-width: 4px;
+}
+
+.border-bg {
+  border-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--border-o, 1));
+}
+
+.border-contrast-lower {
+  border-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1));
+}
+
+.border-contrast-low {
+  border-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1));
+}
+
+.border-contrast-medium {
+  border-color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--border-o, 1));
+}
+
+.border-contrast-high {
+  border-color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--border-o, 1));
+}
+
+.border-contrast-higher {
+  border-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o, 1));
+}
+
+.border-primary-darker {
+  border-color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--border-o, 1));
+}
+
+.border-primary-dark {
+  border-color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--border-o, 1));
+}
+
+.border-primary {
+  border-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--border-o, 1));
+}
+
+.border-primary-light {
+  border-color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--border-o, 1));
+}
+
+.border-primary-lighter {
+  border-color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--border-o, 1));
+}
+
+.border-accent-darker {
+  border-color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--border-o, 1));
+}
+
+.border-accent-dark {
+  border-color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--border-o, 1));
+}
+
+.border-accent {
+  border-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--border-o, 1));
+}
+
+.border-accent-light {
+  border-color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--border-o, 1));
+}
+
+.border-accent-lighter {
+  border-color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--border-o, 1));
+}
+
+.border-success-darker {
+  border-color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--border-o, 1));
+}
+
+.border-success-dark {
+  border-color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--border-o, 1));
+}
+
+.border-success {
+  border-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--border-o, 1));
+}
+
+.border-success-light {
+  border-color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--border-o, 1));
+}
+
+.border-success-lighter {
+  border-color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--border-o, 1));
+}
+
+.border-warning-darker {
+  border-color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--border-o, 1));
+}
+
+.border-warning-dark {
+  border-color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--border-o, 1));
+}
+
+.border-warning {
+  border-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--border-o, 1));
+}
+
+.border-warning-light {
+  border-color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--border-o, 1));
+}
+
+.border-warning-lighter {
+  border-color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--border-o, 1));
+}
+
+.border-error-darker {
+  border-color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--border-o, 1));
+}
+
+.border-error-dark {
+  border-color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--border-o, 1));
+}
+
+.border-error {
+  border-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--border-o, 1));
+}
+
+.border-error-light {
+  border-color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--border-o, 1));
+}
+
+.border-error-lighter {
+  border-color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--border-o, 1));
+}
+
+.border-white {
+  border-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--border-o, 1));
+}
+
+.border-black {
+  border-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--border-o, 1));
+}
+
+@supports (--css: variables) {
+  .border-opacity-0 {
+    --border-o: 0;
+  }
+
+  .border-opacity-10\% {
+    --border-o: 0.1;
+  }
+
+  .border-opacity-20\% {
+    --border-o: 0.2;
+  }
+
+  .border-opacity-30\% {
+    --border-o: 0.3;
+  }
+
+  .border-opacity-40\% {
+    --border-o: 0.4;
+  }
+
+  .border-opacity-50\% {
+    --border-o: 0.5;
+  }
+
+  .border-opacity-60\% {
+    --border-o: 0.6;
+  }
+
+  .border-opacity-70\% {
+    --border-o: 0.7;
+  }
+
+  .border-opacity-80\% {
+    --border-o: 0.8;
+  }
+
+  .border-opacity-90\% {
+    --border-o: 0.9;
+  }
+}
+.radius-sm {
+  border-radius: var(--radius-sm);
+}
+
+.radius-md {
+  border-radius: var(--radius-md);
+}
+
+.radius-lg {
+  border-radius: var(--radius-lg);
+}
+
+.radius-50\% {
+  border-radius: 50%;
+}
+
+.radius-full {
+  border-radius: 50em;
+}
+
+.shadow-xs {
+  box-shadow: var(--shadow-xs);
+}
+
+.shadow-sm {
+  box-shadow: var(--shadow-sm);
+}
+
+.shadow-md {
+  box-shadow: var(--shadow-md);
+}
+
+.shadow-lg {
+  box-shadow: var(--shadow-lg);
+}
+
+.shadow-xl {
+  box-shadow: var(--shadow-xl);
+}
+
+.bg, [class*=bg-] {
+  --bg-o: 1;
+}
+
+.bg-transparent {
+  background-color: transparent;
+}
+
+.bg-inherit {
+  background-color: inherit;
+}
+
+.bg {
+  background-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--bg-o));
+}
+
+.bg-contrast-lower {
+  background-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--bg-o, 1));
+}
+
+.bg-contrast-low {
+  background-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--bg-o, 1));
+}
+
+.bg-contrast-medium {
+  background-color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--bg-o, 1));
+}
+
+.bg-contrast-high {
+  background-color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--bg-o, 1));
+}
+
+.bg-contrast-higher {
+  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--bg-o, 1));
+}
+
+.bg-primary-darker {
+  background-color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--bg-o, 1));
+}
+
+.bg-primary-dark {
+  background-color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--bg-o, 1));
+}
+
+.bg-primary {
+  background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--bg-o, 1));
+}
+
+.bg-primary-light {
+  background-color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--bg-o, 1));
+}
+
+.bg-primary-lighter {
+  background-color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--bg-o, 1));
+}
+
+.bg-accent-darker {
+  background-color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--bg-o, 1));
+}
+
+.bg-accent-dark {
+  background-color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--bg-o, 1));
+}
+
+.bg-accent {
+  background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--bg-o, 1));
+}
+
+.bg-accent-light {
+  background-color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--bg-o, 1));
+}
+
+.bg-accent-lighter {
+  background-color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--bg-o, 1));
+}
+
+.bg-success-darker {
+  background-color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--bg-o, 1));
+}
+
+.bg-success-dark {
+  background-color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--bg-o, 1));
+}
+
+.bg-success {
+  background-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--bg-o, 1));
+}
+
+.bg-success-light {
+  background-color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--bg-o, 1));
+}
+
+.bg-success-lighter {
+  background-color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--bg-o, 1));
+}
+
+.bg-warning-darker {
+  background-color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--bg-o, 1));
+}
+
+.bg-warning-dark {
+  background-color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--bg-o, 1));
+}
+
+.bg-warning {
+  background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--bg-o, 1));
+}
+
+.bg-warning-light {
+  background-color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--bg-o, 1));
+}
+
+.bg-warning-lighter {
+  background-color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--bg-o, 1));
+}
+
+.bg-error-darker {
+  background-color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--bg-o, 1));
+}
+
+.bg-error-dark {
+  background-color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--bg-o, 1));
+}
+
+.bg-error {
+  background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--bg-o, 1));
+}
+
+.bg-error-light {
+  background-color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--bg-o, 1));
+}
+
+.bg-error-lighter {
+  background-color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--bg-o, 1));
+}
+
+.bg-white {
+  background-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--bg-o, 1));
+}
+
+.bg-black {
+  background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--bg-o, 1));
+}
+
+@supports (--css: variables) {
+  .bg-opacity-0 {
+    --bg-o: 0;
+  }
+
+  .bg-opacity-10\% {
+    --bg-o: 0.1;
+  }
+
+  .bg-opacity-20\% {
+    --bg-o: 0.2;
+  }
+
+  .bg-opacity-30\% {
+    --bg-o: 0.3;
+  }
+
+  .bg-opacity-40\% {
+    --bg-o: 0.4;
+  }
+
+  .bg-opacity-50\% {
+    --bg-o: 0.5;
+  }
+
+  .bg-opacity-60\% {
+    --bg-o: 0.6;
+  }
+
+  .bg-opacity-70\% {
+    --bg-o: 0.7;
+  }
+
+  .bg-opacity-80\% {
+    --bg-o: 0.8;
+  }
+
+  .bg-opacity-90\% {
+    --bg-o: 0.9;
+  }
+}
+.bg-cover {
+  background-size: cover;
+}
+
+.bg-center {
+  background-position: center;
+}
+
+.bg-no-repeat {
+  background-repeat: no-repeat;
+}
+
+.backdrop-blur-10 {
+  backdrop-filter: blur(10px);
+}
+
+.backdrop-blur-20 {
+  backdrop-filter: blur(20px);
+}
+
+.isolate {
+  isolation: isolate;
+}
+
+.blend-multiply {
+  mix-blend-mode: multiply;
+}
+
+.blend-overlay {
+  mix-blend-mode: overlay;
+}
+
+.object-contain {
+  object-fit: contain;
+}
+
+.object-cover {
+  object-fit: cover;
+}
+
+.flip {
+  transform: scale(-1);
+}
+
+.flip-x {
+  transform: scaleX(-1);
+}
+
+.flip-y {
+  transform: scaleY(-1);
+}
+
+@media (min-width: 32rem) {
+  .flex\@xs {
+    display: flex;
+  }
+
+  .inline-flex\@xs {
+    display: inline-flex;
+  }
+
+  .flex-wrap\@xs {
+    flex-wrap: wrap;
+  }
+
+  .flex-column\@xs {
+    flex-direction: column;
+  }
+
+  .flex-column-reverse\@xs {
+    flex-direction: column-reverse;
+  }
+
+  .flex-row\@xs {
+    flex-direction: row;
+  }
+
+  .flex-row-reverse\@xs {
+    flex-direction: row-reverse;
+  }
+
+  .flex-center\@xs {
+    justify-content: center;
+    align-items: center;
+  }
+
+  .flex-grow-0\@xs {
+    flex-grow: 0;
+  }
+
+  .flex-grow\@xs {
+    flex-grow: 1;
+  }
+
+  .flex-shrink-0\@xs {
+    flex-shrink: 0;
+  }
+
+  .flex-shrink\@xs {
+    flex-shrink: 1;
+  }
+
+  .justify-start\@xs {
+    justify-content: flex-start;
+  }
+
+  .justify-end\@xs {
+    justify-content: flex-end;
+  }
+
+  .justify-center\@xs {
+    justify-content: center;
+  }
+
+  .justify-between\@xs {
+    justify-content: space-between;
+  }
+
+  .items-center\@xs {
+    align-items: center;
+  }
+
+  .items-start\@xs {
+    align-items: flex-start;
+  }
+
+  .items-end\@xs {
+    align-items: flex-end;
+  }
+
+  .items-baseline\@xs {
+    align-items: baseline;
+  }
+
+  .order-1\@xs {
+    order: 1;
+  }
+
+  .order-2\@xs {
+    order: 2;
+  }
+
+  .order-3\@xs {
+    order: 3;
+  }
+
+  .block\@xs {
+    display: block;
+  }
+
+  .inline-block\@xs {
+    display: inline-block;
+  }
+
+  .inline\@xs {
+    display: inline;
+  }
+
+  @supports (--css: variables) {
+    .margin-xxxxs\@xs {
+      margin: var(--space-xxxxs);
+    }
+
+    .margin-xxxs\@xs {
+      margin: var(--space-xxxs);
+    }
+
+    .margin-xxs\@xs {
+      margin: var(--space-xxs);
+    }
+
+    .margin-xs\@xs {
+      margin: var(--space-xs);
+    }
+
+    .margin-sm\@xs {
+      margin: var(--space-sm);
+    }
+
+    .margin-md\@xs {
+      margin: var(--space-md);
+    }
+
+    .margin-lg\@xs {
+      margin: var(--space-lg);
+    }
+
+    .margin-xl\@xs {
+      margin: var(--space-xl);
+    }
+
+    .margin-xxl\@xs {
+      margin: var(--space-xxl);
+    }
+
+    .margin-xxxl\@xs {
+      margin: var(--space-xxxl);
+    }
+
+    .margin-xxxxl\@xs {
+      margin: var(--space-xxxxl);
+    }
+
+    .margin-auto\@xs {
+      margin: auto;
+    }
+
+    .margin-0\@xs {
+      margin: 0;
+    }
+
+    .margin-top-xxxxs\@xs {
+      margin-top: var(--space-xxxxs);
+    }
+
+    .margin-top-xxxs\@xs {
+      margin-top: var(--space-xxxs);
+    }
+
+    .margin-top-xxs\@xs {
+      margin-top: var(--space-xxs);
+    }
+
+    .margin-top-xs\@xs {
+      margin-top: var(--space-xs);
+    }
+
+    .margin-top-sm\@xs {
+      margin-top: var(--space-sm);
+    }
+
+    .margin-top-md\@xs {
+      margin-top: var(--space-md);
+    }
+
+    .margin-top-lg\@xs {
+      margin-top: var(--space-lg);
+    }
+
+    .margin-top-xl\@xs {
+      margin-top: var(--space-xl);
+    }
+
+    .margin-top-xxl\@xs {
+      margin-top: var(--space-xxl);
+    }
+
+    .margin-top-xxxl\@xs {
+      margin-top: var(--space-xxxl);
+    }
+
+    .margin-top-xxxxl\@xs {
+      margin-top: var(--space-xxxxl);
+    }
+
+    .margin-top-auto\@xs {
+      margin-top: auto;
+    }
+
+    .margin-top-0\@xs {
+      margin-top: 0;
+    }
+
+    .margin-bottom-xxxxs\@xs {
+      margin-bottom: var(--space-xxxxs);
+    }
+
+    .margin-bottom-xxxs\@xs {
+      margin-bottom: var(--space-xxxs);
+    }
+
+    .margin-bottom-xxs\@xs {
+      margin-bottom: var(--space-xxs);
+    }
+
+    .margin-bottom-xs\@xs {
+      margin-bottom: var(--space-xs);
+    }
+
+    .margin-bottom-sm\@xs {
+      margin-bottom: var(--space-sm);
+    }
+
+    .margin-bottom-md\@xs {
+      margin-bottom: var(--space-md);
+    }
+
+    .margin-bottom-lg\@xs {
+      margin-bottom: var(--space-lg);
+    }
+
+    .margin-bottom-xl\@xs {
+      margin-bottom: var(--space-xl);
+    }
+
+    .margin-bottom-xxl\@xs {
+      margin-bottom: var(--space-xxl);
+    }
+
+    .margin-bottom-xxxl\@xs {
+      margin-bottom: var(--space-xxxl);
+    }
+
+    .margin-bottom-xxxxl\@xs {
+      margin-bottom: var(--space-xxxxl);
+    }
+
+    .margin-bottom-auto\@xs {
+      margin-bottom: auto;
+    }
+
+    .margin-bottom-0\@xs {
+      margin-bottom: 0;
+    }
+
+    .margin-right-xxxxs\@xs {
+      margin-right: var(--space-xxxxs);
+    }
+
+    .margin-right-xxxs\@xs {
+      margin-right: var(--space-xxxs);
+    }
+
+    .margin-right-xxs\@xs {
+      margin-right: var(--space-xxs);
+    }
+
+    .margin-right-xs\@xs {
+      margin-right: var(--space-xs);
+    }
+
+    .margin-right-sm\@xs {
+      margin-right: var(--space-sm);
+    }
+
+    .margin-right-md\@xs {
+      margin-right: var(--space-md);
+    }
+
+    .margin-right-lg\@xs {
+      margin-right: var(--space-lg);
+    }
+
+    .margin-right-xl\@xs {
+      margin-right: var(--space-xl);
+    }
+
+    .margin-right-xxl\@xs {
+      margin-right: var(--space-xxl);
+    }
+
+    .margin-right-xxxl\@xs {
+      margin-right: var(--space-xxxl);
+    }
+
+    .margin-right-xxxxl\@xs {
+      margin-right: var(--space-xxxxl);
+    }
+
+    .margin-right-auto\@xs {
+      margin-right: auto;
+    }
+
+    .margin-right-0\@xs {
+      margin-right: 0;
+    }
+
+    .margin-left-xxxxs\@xs {
+      margin-left: var(--space-xxxxs);
+    }
+
+    .margin-left-xxxs\@xs {
+      margin-left: var(--space-xxxs);
+    }
+
+    .margin-left-xxs\@xs {
+      margin-left: var(--space-xxs);
+    }
+
+    .margin-left-xs\@xs {
+      margin-left: var(--space-xs);
+    }
+
+    .margin-left-sm\@xs {
+      margin-left: var(--space-sm);
+    }
+
+    .margin-left-md\@xs {
+      margin-left: var(--space-md);
+    }
+
+    .margin-left-lg\@xs {
+      margin-left: var(--space-lg);
+    }
+
+    .margin-left-xl\@xs {
+      margin-left: var(--space-xl);
+    }
+
+    .margin-left-xxl\@xs {
+      margin-left: var(--space-xxl);
+    }
+
+    .margin-left-xxxl\@xs {
+      margin-left: var(--space-xxxl);
+    }
+
+    .margin-left-xxxxl\@xs {
+      margin-left: var(--space-xxxxl);
+    }
+
+    .margin-left-auto\@xs {
+      margin-left: auto;
+    }
+
+    .margin-left-0\@xs {
+      margin-left: 0;
+    }
+
+    .margin-x-xxxxs\@xs {
+      margin-left: var(--space-xxxxs);
+      margin-right: var(--space-xxxxs);
+    }
+
+    .margin-x-xxxs\@xs {
+      margin-left: var(--space-xxxs);
+      margin-right: var(--space-xxxs);
+    }
+
+    .margin-x-xxs\@xs {
+      margin-left: var(--space-xxs);
+      margin-right: var(--space-xxs);
+    }
+
+    .margin-x-xs\@xs {
+      margin-left: var(--space-xs);
+      margin-right: var(--space-xs);
+    }
+
+    .margin-x-sm\@xs {
+      margin-left: var(--space-sm);
+      margin-right: var(--space-sm);
+    }
+
+    .margin-x-md\@xs {
+      margin-left: var(--space-md);
+      margin-right: var(--space-md);
+    }
+
+    .margin-x-lg\@xs {
+      margin-left: var(--space-lg);
+      margin-right: var(--space-lg);
+    }
+
+    .margin-x-xl\@xs {
+      margin-left: var(--space-xl);
+      margin-right: var(--space-xl);
+    }
+
+    .margin-x-xxl\@xs {
+      margin-left: var(--space-xxl);
+      margin-right: var(--space-xxl);
+    }
+
+    .margin-x-xxxl\@xs {
+      margin-left: var(--space-xxxl);
+      margin-right: var(--space-xxxl);
+    }
+
+    .margin-x-xxxxl\@xs {
+      margin-left: var(--space-xxxxl);
+      margin-right: var(--space-xxxxl);
+    }
+
+    .margin-x-auto\@xs {
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    .margin-x-0\@xs {
+      margin-left: 0;
+      margin-right: 0;
+    }
+
+    .margin-y-xxxxs\@xs {
+      margin-top: var(--space-xxxxs);
+      margin-bottom: var(--space-xxxxs);
+    }
+
+    .margin-y-xxxs\@xs {
+      margin-top: var(--space-xxxs);
+      margin-bottom: var(--space-xxxs);
+    }
+
+    .margin-y-xxs\@xs {
+      margin-top: var(--space-xxs);
+      margin-bottom: var(--space-xxs);
+    }
+
+    .margin-y-xs\@xs {
+      margin-top: var(--space-xs);
+      margin-bottom: var(--space-xs);
+    }
+
+    .margin-y-sm\@xs {
+      margin-top: var(--space-sm);
+      margin-bottom: var(--space-sm);
+    }
+
+    .margin-y-md\@xs {
+      margin-top: var(--space-md);
+      margin-bottom: var(--space-md);
+    }
+
+    .margin-y-lg\@xs {
+      margin-top: var(--space-lg);
+      margin-bottom: var(--space-lg);
+    }
+
+    .margin-y-xl\@xs {
+      margin-top: var(--space-xl);
+      margin-bottom: var(--space-xl);
+    }
+
+    .margin-y-xxl\@xs {
+      margin-top: var(--space-xxl);
+      margin-bottom: var(--space-xxl);
+    }
+
+    .margin-y-xxxl\@xs {
+      margin-top: var(--space-xxxl);
+      margin-bottom: var(--space-xxxl);
+    }
+
+    .margin-y-xxxxl\@xs {
+      margin-top: var(--space-xxxxl);
+      margin-bottom: var(--space-xxxxl);
+    }
+
+    .margin-y-auto\@xs {
+      margin-top: auto;
+      margin-bottom: auto;
+    }
+
+    .margin-y-0\@xs {
+      margin-top: 0;
+      margin-bottom: 0;
+    }
+  }
+  @supports (--css: variables) {
+    .padding-xxxxs\@xs {
+      padding: var(--space-xxxxs);
+    }
+
+    .padding-xxxs\@xs {
+      padding: var(--space-xxxs);
+    }
+
+    .padding-xxs\@xs {
+      padding: var(--space-xxs);
+    }
+
+    .padding-xs\@xs {
+      padding: var(--space-xs);
+    }
+
+    .padding-sm\@xs {
+      padding: var(--space-sm);
+    }
+
+    .padding-md\@xs {
+      padding: var(--space-md);
+    }
+
+    .padding-lg\@xs {
+      padding: var(--space-lg);
+    }
+
+    .padding-xl\@xs {
+      padding: var(--space-xl);
+    }
+
+    .padding-xxl\@xs {
+      padding: var(--space-xxl);
+    }
+
+    .padding-xxxl\@xs {
+      padding: var(--space-xxxl);
+    }
+
+    .padding-xxxxl\@xs {
+      padding: var(--space-xxxxl);
+    }
+
+    .padding-0\@xs {
+      padding: 0;
+    }
+
+    .padding-component\@xs {
+      padding: var(--component-padding);
+    }
+
+    .padding-top-xxxxs\@xs {
+      padding-top: var(--space-xxxxs);
+    }
+
+    .padding-top-xxxs\@xs {
+      padding-top: var(--space-xxxs);
+    }
+
+    .padding-top-xxs\@xs {
+      padding-top: var(--space-xxs);
+    }
+
+    .padding-top-xs\@xs {
+      padding-top: var(--space-xs);
+    }
+
+    .padding-top-sm\@xs {
+      padding-top: var(--space-sm);
+    }
+
+    .padding-top-md\@xs {
+      padding-top: var(--space-md);
+    }
+
+    .padding-top-lg\@xs {
+      padding-top: var(--space-lg);
+    }
+
+    .padding-top-xl\@xs {
+      padding-top: var(--space-xl);
+    }
+
+    .padding-top-xxl\@xs {
+      padding-top: var(--space-xxl);
+    }
+
+    .padding-top-xxxl\@xs {
+      padding-top: var(--space-xxxl);
+    }
+
+    .padding-top-xxxxl\@xs {
+      padding-top: var(--space-xxxxl);
+    }
+
+    .padding-top-0\@xs {
+      padding-top: 0;
+    }
+
+    .padding-top-component\@xs {
+      padding-top: var(--component-padding);
+    }
+
+    .padding-bottom-xxxxs\@xs {
+      padding-bottom: var(--space-xxxxs);
+    }
+
+    .padding-bottom-xxxs\@xs {
+      padding-bottom: var(--space-xxxs);
+    }
+
+    .padding-bottom-xxs\@xs {
+      padding-bottom: var(--space-xxs);
+    }
+
+    .padding-bottom-xs\@xs {
+      padding-bottom: var(--space-xs);
+    }
+
+    .padding-bottom-sm\@xs {
+      padding-bottom: var(--space-sm);
+    }
+
+    .padding-bottom-md\@xs {
+      padding-bottom: var(--space-md);
+    }
+
+    .padding-bottom-lg\@xs {
+      padding-bottom: var(--space-lg);
+    }
+
+    .padding-bottom-xl\@xs {
+      padding-bottom: var(--space-xl);
+    }
+
+    .padding-bottom-xxl\@xs {
+      padding-bottom: var(--space-xxl);
+    }
+
+    .padding-bottom-xxxl\@xs {
+      padding-bottom: var(--space-xxxl);
+    }
+
+    .padding-bottom-xxxxl\@xs {
+      padding-bottom: var(--space-xxxxl);
+    }
+
+    .padding-bottom-0\@xs {
+      padding-bottom: 0;
+    }
+
+    .padding-bottom-component\@xs {
+      padding-bottom: var(--component-padding);
+    }
+
+    .padding-right-xxxxs\@xs {
+      padding-right: var(--space-xxxxs);
+    }
+
+    .padding-right-xxxs\@xs {
+      padding-right: var(--space-xxxs);
+    }
+
+    .padding-right-xxs\@xs {
+      padding-right: var(--space-xxs);
+    }
+
+    .padding-right-xs\@xs {
+      padding-right: var(--space-xs);
+    }
+
+    .padding-right-sm\@xs {
+      padding-right: var(--space-sm);
+    }
+
+    .padding-right-md\@xs {
+      padding-right: var(--space-md);
+    }
+
+    .padding-right-lg\@xs {
+      padding-right: var(--space-lg);
+    }
+
+    .padding-right-xl\@xs {
+      padding-right: var(--space-xl);
+    }
+
+    .padding-right-xxl\@xs {
+      padding-right: var(--space-xxl);
+    }
+
+    .padding-right-xxxl\@xs {
+      padding-right: var(--space-xxxl);
+    }
+
+    .padding-right-xxxxl\@xs {
+      padding-right: var(--space-xxxxl);
+    }
+
+    .padding-right-0\@xs {
+      padding-right: 0;
+    }
+
+    .padding-right-component\@xs {
+      padding-right: var(--component-padding);
+    }
+
+    .padding-left-xxxxs\@xs {
+      padding-left: var(--space-xxxxs);
+    }
+
+    .padding-left-xxxs\@xs {
+      padding-left: var(--space-xxxs);
+    }
+
+    .padding-left-xxs\@xs {
+      padding-left: var(--space-xxs);
+    }
+
+    .padding-left-xs\@xs {
+      padding-left: var(--space-xs);
+    }
+
+    .padding-left-sm\@xs {
+      padding-left: var(--space-sm);
+    }
+
+    .padding-left-md\@xs {
+      padding-left: var(--space-md);
+    }
+
+    .padding-left-lg\@xs {
+      padding-left: var(--space-lg);
+    }
+
+    .padding-left-xl\@xs {
+      padding-left: var(--space-xl);
+    }
+
+    .padding-left-xxl\@xs {
+      padding-left: var(--space-xxl);
+    }
+
+    .padding-left-xxxl\@xs {
+      padding-left: var(--space-xxxl);
+    }
+
+    .padding-left-xxxxl\@xs {
+      padding-left: var(--space-xxxxl);
+    }
+
+    .padding-left-0\@xs {
+      padding-left: 0;
+    }
+
+    .padding-left-component\@xs {
+      padding-left: var(--component-padding);
+    }
+
+    .padding-x-xxxxs\@xs {
+      padding-left: var(--space-xxxxs);
+      padding-right: var(--space-xxxxs);
+    }
+
+    .padding-x-xxxs\@xs {
+      padding-left: var(--space-xxxs);
+      padding-right: var(--space-xxxs);
+    }
+
+    .padding-x-xxs\@xs {
+      padding-left: var(--space-xxs);
+      padding-right: var(--space-xxs);
+    }
+
+    .padding-x-xs\@xs {
+      padding-left: var(--space-xs);
+      padding-right: var(--space-xs);
+    }
+
+    .padding-x-sm\@xs {
+      padding-left: var(--space-sm);
+      padding-right: var(--space-sm);
+    }
+
+    .padding-x-md\@xs {
+      padding-left: var(--space-md);
+      padding-right: var(--space-md);
+    }
+
+    .padding-x-lg\@xs {
+      padding-left: var(--space-lg);
+      padding-right: var(--space-lg);
+    }
+
+    .padding-x-xl\@xs {
+      padding-left: var(--space-xl);
+      padding-right: var(--space-xl);
+    }
+
+    .padding-x-xxl\@xs {
+      padding-left: var(--space-xxl);
+      padding-right: var(--space-xxl);
+    }
+
+    .padding-x-xxxl\@xs {
+      padding-left: var(--space-xxxl);
+      padding-right: var(--space-xxxl);
+    }
+
+    .padding-x-xxxxl\@xs {
+      padding-left: var(--space-xxxxl);
+      padding-right: var(--space-xxxxl);
+    }
+
+    .padding-x-0\@xs {
+      padding-left: 0;
+      padding-right: 0;
+    }
+
+    .padding-x-component\@xs {
+      padding-left: var(--component-padding);
+      padding-right: var(--component-padding);
+    }
+
+    .padding-y-xxxxs\@xs {
+      padding-top: var(--space-xxxxs);
+      padding-bottom: var(--space-xxxxs);
+    }
+
+    .padding-y-xxxs\@xs {
+      padding-top: var(--space-xxxs);
+      padding-bottom: var(--space-xxxs);
+    }
+
+    .padding-y-xxs\@xs {
+      padding-top: var(--space-xxs);
+      padding-bottom: var(--space-xxs);
+    }
+
+    .padding-y-xs\@xs {
+      padding-top: var(--space-xs);
+      padding-bottom: var(--space-xs);
+    }
+
+    .padding-y-sm\@xs {
+      padding-top: var(--space-sm);
+      padding-bottom: var(--space-sm);
+    }
+
+    .padding-y-md\@xs {
+      padding-top: var(--space-md);
+      padding-bottom: var(--space-md);
+    }
+
+    .padding-y-lg\@xs {
+      padding-top: var(--space-lg);
+      padding-bottom: var(--space-lg);
+    }
+
+    .padding-y-xl\@xs {
+      padding-top: var(--space-xl);
+      padding-bottom: var(--space-xl);
+    }
+
+    .padding-y-xxl\@xs {
+      padding-top: var(--space-xxl);
+      padding-bottom: var(--space-xxl);
+    }
+
+    .padding-y-xxxl\@xs {
+      padding-top: var(--space-xxxl);
+      padding-bottom: var(--space-xxxl);
+    }
+
+    .padding-y-xxxxl\@xs {
+      padding-top: var(--space-xxxxl);
+      padding-bottom: var(--space-xxxxl);
+    }
+
+    .padding-y-0\@xs {
+      padding-top: 0;
+      padding-bottom: 0;
+    }
+
+    .padding-y-component\@xs {
+      padding-top: var(--component-padding);
+      padding-bottom: var(--component-padding);
+    }
+  }
+  .text-center\@xs {
+    text-align: center;
+  }
+
+  .text-left\@xs {
+    text-align: left;
+  }
+
+  .text-right\@xs {
+    text-align: right;
+  }
+
+  .text-justify\@xs {
+    text-align: justify;
+  }
+
+  @supports (--css: variables) {
+    .text-xs\@xs {
+      font-size: var(--text-xs, 0.694em);
+    }
+
+    .text-sm\@xs {
+      font-size: var(--text-sm, 0.833em);
+    }
+
+    .text-base\@xs {
+      font-size: 1em;
+    }
+
+    .text-md\@xs {
+      font-size: var(--text-md, 1.2em);
+    }
+
+    .text-lg\@xs {
+      font-size: var(--text-lg, 1.44em);
+    }
+
+    .text-xl\@xs {
+      font-size: var(--text-xl, 1.728em);
+    }
+
+    .text-xxl\@xs {
+      font-size: var(--text-xxl, 2.074em);
+    }
+
+    .text-xxxl\@xs {
+      font-size: var(--text-xxxl, 2.488em);
+    }
+
+    .text-xxxxl\@xs {
+      font-size: var(--text-xxxxl, 2.985em);
+    }
+  }
+  .hide\@xs {
+    display: none !important;
+  }
+}
+@media not all and (min-width: 32rem) {
+  .has-margin\@xs {
+    margin: 0 !important;
+  }
+
+  .has-padding\@xs {
+    padding: 0 !important;
+  }
+
+  .display\@xs {
+    display: none !important;
+  }
+}
+@media (min-width: 48rem) {
+  .flex\@sm {
+    display: flex;
+  }
+
+  .inline-flex\@sm {
+    display: inline-flex;
+  }
+
+  .flex-wrap\@sm {
+    flex-wrap: wrap;
+  }
+
+  .flex-column\@sm {
+    flex-direction: column;
+  }
+
+  .flex-column-reverse\@sm {
+    flex-direction: column-reverse;
+  }
+
+  .flex-row\@sm {
+    flex-direction: row;
+  }
+
+  .flex-row-reverse\@sm {
+    flex-direction: row-reverse;
+  }
+
+  .flex-center\@sm {
+    justify-content: center;
+    align-items: center;
+  }
+
+  .flex-grow-0\@sm {
+    flex-grow: 0;
+  }
+
+  .flex-grow\@sm {
+    flex-grow: 1;
+  }
+
+  .flex-shrink-0\@sm {
+    flex-shrink: 0;
+  }
+
+  .flex-shrink\@sm {
+    flex-shrink: 1;
+  }
+
+  .justify-start\@sm {
+    justify-content: flex-start;
+  }
+
+  .justify-end\@sm {
+    justify-content: flex-end;
+  }
+
+  .justify-center\@sm {
+    justify-content: center;
+  }
+
+  .justify-between\@sm {
+    justify-content: space-between;
+  }
+
+  .items-center\@sm {
+    align-items: center;
+  }
+
+  .items-start\@sm {
+    align-items: flex-start;
+  }
+
+  .items-end\@sm {
+    align-items: flex-end;
+  }
+
+  .items-baseline\@sm {
+    align-items: baseline;
+  }
+
+  .order-1\@sm {
+    order: 1;
+  }
+
+  .order-2\@sm {
+    order: 2;
+  }
+
+  .order-3\@sm {
+    order: 3;
+  }
+
+  .block\@sm {
+    display: block;
+  }
+
+  .inline-block\@sm {
+    display: inline-block;
+  }
+
+  .inline\@sm {
+    display: inline;
+  }
+
+  @supports (--css: variables) {
+    .margin-xxxxs\@sm {
+      margin: var(--space-xxxxs);
+    }
+
+    .margin-xxxs\@sm {
+      margin: var(--space-xxxs);
+    }
+
+    .margin-xxs\@sm {
+      margin: var(--space-xxs);
+    }
+
+    .margin-xs\@sm {
+      margin: var(--space-xs);
+    }
+
+    .margin-sm\@sm {
+      margin: var(--space-sm);
+    }
+
+    .margin-md\@sm {
+      margin: var(--space-md);
+    }
+
+    .margin-lg\@sm {
+      margin: var(--space-lg);
+    }
+
+    .margin-xl\@sm {
+      margin: var(--space-xl);
+    }
+
+    .margin-xxl\@sm {
+      margin: var(--space-xxl);
+    }
+
+    .margin-xxxl\@sm {
+      margin: var(--space-xxxl);
+    }
+
+    .margin-xxxxl\@sm {
+      margin: var(--space-xxxxl);
+    }
+
+    .margin-auto\@sm {
+      margin: auto;
+    }
+
+    .margin-0\@sm {
+      margin: 0;
+    }
+
+    .margin-top-xxxxs\@sm {
+      margin-top: var(--space-xxxxs);
+    }
+
+    .margin-top-xxxs\@sm {
+      margin-top: var(--space-xxxs);
+    }
+
+    .margin-top-xxs\@sm {
+      margin-top: var(--space-xxs);
+    }
+
+    .margin-top-xs\@sm {
+      margin-top: var(--space-xs);
+    }
+
+    .margin-top-sm\@sm {
+      margin-top: var(--space-sm);
+    }
+
+    .margin-top-md\@sm {
+      margin-top: var(--space-md);
+    }
+
+    .margin-top-lg\@sm {
+      margin-top: var(--space-lg);
+    }
+
+    .margin-top-xl\@sm {
+      margin-top: var(--space-xl);
+    }
+
+    .margin-top-xxl\@sm {
+      margin-top: var(--space-xxl);
+    }
+
+    .margin-top-xxxl\@sm {
+      margin-top: var(--space-xxxl);
+    }
+
+    .margin-top-xxxxl\@sm {
+      margin-top: var(--space-xxxxl);
+    }
+
+    .margin-top-auto\@sm {
+      margin-top: auto;
+    }
+
+    .margin-top-0\@sm {
+      margin-top: 0;
+    }
+
+    .margin-bottom-xxxxs\@sm {
+      margin-bottom: var(--space-xxxxs);
+    }
+
+    .margin-bottom-xxxs\@sm {
+      margin-bottom: var(--space-xxxs);
+    }
+
+    .margin-bottom-xxs\@sm {
+      margin-bottom: var(--space-xxs);
+    }
+
+    .margin-bottom-xs\@sm {
+      margin-bottom: var(--space-xs);
+    }
+
+    .margin-bottom-sm\@sm {
+      margin-bottom: var(--space-sm);
+    }
+
+    .margin-bottom-md\@sm {
+      margin-bottom: var(--space-md);
+    }
+
+    .margin-bottom-lg\@sm {
+      margin-bottom: var(--space-lg);
+    }
+
+    .margin-bottom-xl\@sm {
+      margin-bottom: var(--space-xl);
+    }
+
+    .margin-bottom-xxl\@sm {
+      margin-bottom: var(--space-xxl);
+    }
+
+    .margin-bottom-xxxl\@sm {
+      margin-bottom: var(--space-xxxl);
+    }
+
+    .margin-bottom-xxxxl\@sm {
+      margin-bottom: var(--space-xxxxl);
+    }
+
+    .margin-bottom-auto\@sm {
+      margin-bottom: auto;
+    }
+
+    .margin-bottom-0\@sm {
+      margin-bottom: 0;
+    }
+
+    .margin-right-xxxxs\@sm {
+      margin-right: var(--space-xxxxs);
+    }
+
+    .margin-right-xxxs\@sm {
+      margin-right: var(--space-xxxs);
+    }
+
+    .margin-right-xxs\@sm {
+      margin-right: var(--space-xxs);
+    }
+
+    .margin-right-xs\@sm {
+      margin-right: var(--space-xs);
+    }
+
+    .margin-right-sm\@sm {
+      margin-right: var(--space-sm);
+    }
+
+    .margin-right-md\@sm {
+      margin-right: var(--space-md);
+    }
+
+    .margin-right-lg\@sm {
+      margin-right: var(--space-lg);
+    }
+
+    .margin-right-xl\@sm {
+      margin-right: var(--space-xl);
+    }
+
+    .margin-right-xxl\@sm {
+      margin-right: var(--space-xxl);
+    }
+
+    .margin-right-xxxl\@sm {
+      margin-right: var(--space-xxxl);
+    }
+
+    .margin-right-xxxxl\@sm {
+      margin-right: var(--space-xxxxl);
+    }
+
+    .margin-right-auto\@sm {
+      margin-right: auto;
+    }
+
+    .margin-right-0\@sm {
+      margin-right: 0;
+    }
+
+    .margin-left-xxxxs\@sm {
+      margin-left: var(--space-xxxxs);
+    }
+
+    .margin-left-xxxs\@sm {
+      margin-left: var(--space-xxxs);
+    }
+
+    .margin-left-xxs\@sm {
+      margin-left: var(--space-xxs);
+    }
+
+    .margin-left-xs\@sm {
+      margin-left: var(--space-xs);
+    }
+
+    .margin-left-sm\@sm {
+      margin-left: var(--space-sm);
+    }
+
+    .margin-left-md\@sm {
+      margin-left: var(--space-md);
+    }
+
+    .margin-left-lg\@sm {
+      margin-left: var(--space-lg);
+    }
+
+    .margin-left-xl\@sm {
+      margin-left: var(--space-xl);
+    }
+
+    .margin-left-xxl\@sm {
+      margin-left: var(--space-xxl);
+    }
+
+    .margin-left-xxxl\@sm {
+      margin-left: var(--space-xxxl);
+    }
+
+    .margin-left-xxxxl\@sm {
+      margin-left: var(--space-xxxxl);
+    }
+
+    .margin-left-auto\@sm {
+      margin-left: auto;
+    }
+
+    .margin-left-0\@sm {
+      margin-left: 0;
+    }
+
+    .margin-x-xxxxs\@sm {
+      margin-left: var(--space-xxxxs);
+      margin-right: var(--space-xxxxs);
+    }
+
+    .margin-x-xxxs\@sm {
+      margin-left: var(--space-xxxs);
+      margin-right: var(--space-xxxs);
+    }
+
+    .margin-x-xxs\@sm {
+      margin-left: var(--space-xxs);
+      margin-right: var(--space-xxs);
+    }
+
+    .margin-x-xs\@sm {
+      margin-left: var(--space-xs);
+      margin-right: var(--space-xs);
+    }
+
+    .margin-x-sm\@sm {
+      margin-left: var(--space-sm);
+      margin-right: var(--space-sm);
+    }
+
+    .margin-x-md\@sm {
+      margin-left: var(--space-md);
+      margin-right: var(--space-md);
+    }
+
+    .margin-x-lg\@sm {
+      margin-left: var(--space-lg);
+      margin-right: var(--space-lg);
+    }
+
+    .margin-x-xl\@sm {
+      margin-left: var(--space-xl);
+      margin-right: var(--space-xl);
+    }
+
+    .margin-x-xxl\@sm {
+      margin-left: var(--space-xxl);
+      margin-right: var(--space-xxl);
+    }
+
+    .margin-x-xxxl\@sm {
+      margin-left: var(--space-xxxl);
+      margin-right: var(--space-xxxl);
+    }
+
+    .margin-x-xxxxl\@sm {
+      margin-left: var(--space-xxxxl);
+      margin-right: var(--space-xxxxl);
+    }
+
+    .margin-x-auto\@sm {
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    .margin-x-0\@sm {
+      margin-left: 0;
+      margin-right: 0;
+    }
+
+    .margin-y-xxxxs\@sm {
+      margin-top: var(--space-xxxxs);
+      margin-bottom: var(--space-xxxxs);
+    }
+
+    .margin-y-xxxs\@sm {
+      margin-top: var(--space-xxxs);
+      margin-bottom: var(--space-xxxs);
+    }
+
+    .margin-y-xxs\@sm {
+      margin-top: var(--space-xxs);
+      margin-bottom: var(--space-xxs);
+    }
+
+    .margin-y-xs\@sm {
+      margin-top: var(--space-xs);
+      margin-bottom: var(--space-xs);
+    }
+
+    .margin-y-sm\@sm {
+      margin-top: var(--space-sm);
+      margin-bottom: var(--space-sm);
+    }
+
+    .margin-y-md\@sm {
+      margin-top: var(--space-md);
+      margin-bottom: var(--space-md);
+    }
+
+    .margin-y-lg\@sm {
+      margin-top: var(--space-lg);
+      margin-bottom: var(--space-lg);
+    }
+
+    .margin-y-xl\@sm {
+      margin-top: var(--space-xl);
+      margin-bottom: var(--space-xl);
+    }
+
+    .margin-y-xxl\@sm {
+      margin-top: var(--space-xxl);
+      margin-bottom: var(--space-xxl);
+    }
+
+    .margin-y-xxxl\@sm {
+      margin-top: var(--space-xxxl);
+      margin-bottom: var(--space-xxxl);
+    }
+
+    .margin-y-xxxxl\@sm {
+      margin-top: var(--space-xxxxl);
+      margin-bottom: var(--space-xxxxl);
+    }
+
+    .margin-y-auto\@sm {
+      margin-top: auto;
+      margin-bottom: auto;
+    }
+
+    .margin-y-0\@sm {
+      margin-top: 0;
+      margin-bottom: 0;
+    }
+  }
+  @supports (--css: variables) {
+    .padding-xxxxs\@sm {
+      padding: var(--space-xxxxs);
+    }
+
+    .padding-xxxs\@sm {
+      padding: var(--space-xxxs);
+    }
+
+    .padding-xxs\@sm {
+      padding: var(--space-xxs);
+    }
+
+    .padding-xs\@sm {
+      padding: var(--space-xs);
+    }
+
+    .padding-sm\@sm {
+      padding: var(--space-sm);
+    }
+
+    .padding-md\@sm {
+      padding: var(--space-md);
+    }
+
+    .padding-lg\@sm {
+      padding: var(--space-lg);
+    }
+
+    .padding-xl\@sm {
+      padding: var(--space-xl);
+    }
+
+    .padding-xxl\@sm {
+      padding: var(--space-xxl);
+    }
+
+    .padding-xxxl\@sm {
+      padding: var(--space-xxxl);
+    }
+
+    .padding-xxxxl\@sm {
+      padding: var(--space-xxxxl);
+    }
+
+    .padding-0\@sm {
+      padding: 0;
+    }
+
+    .padding-component\@sm {
+      padding: var(--component-padding);
+    }
+
+    .padding-top-xxxxs\@sm {
+      padding-top: var(--space-xxxxs);
+    }
+
+    .padding-top-xxxs\@sm {
+      padding-top: var(--space-xxxs);
+    }
+
+    .padding-top-xxs\@sm {
+      padding-top: var(--space-xxs);
+    }
+
+    .padding-top-xs\@sm {
+      padding-top: var(--space-xs);
+    }
+
+    .padding-top-sm\@sm {
+      padding-top: var(--space-sm);
+    }
+
+    .padding-top-md\@sm {
+      padding-top: var(--space-md);
+    }
+
+    .padding-top-lg\@sm {
+      padding-top: var(--space-lg);
+    }
+
+    .padding-top-xl\@sm {
+      padding-top: var(--space-xl);
+    }
+
+    .padding-top-xxl\@sm {
+      padding-top: var(--space-xxl);
+    }
+
+    .padding-top-xxxl\@sm {
+      padding-top: var(--space-xxxl);
+    }
+
+    .padding-top-xxxxl\@sm {
+      padding-top: var(--space-xxxxl);
+    }
+
+    .padding-top-0\@sm {
+      padding-top: 0;
+    }
+
+    .padding-top-component\@sm {
+      padding-top: var(--component-padding);
+    }
+
+    .padding-bottom-xxxxs\@sm {
+      padding-bottom: var(--space-xxxxs);
+    }
+
+    .padding-bottom-xxxs\@sm {
+      padding-bottom: var(--space-xxxs);
+    }
+
+    .padding-bottom-xxs\@sm {
+      padding-bottom: var(--space-xxs);
+    }
+
+    .padding-bottom-xs\@sm {
+      padding-bottom: var(--space-xs);
+    }
+
+    .padding-bottom-sm\@sm {
+      padding-bottom: var(--space-sm);
+    }
+
+    .padding-bottom-md\@sm {
+      padding-bottom: var(--space-md);
+    }
+
+    .padding-bottom-lg\@sm {
+      padding-bottom: var(--space-lg);
+    }
+
+    .padding-bottom-xl\@sm {
+      padding-bottom: var(--space-xl);
+    }
+
+    .padding-bottom-xxl\@sm {
+      padding-bottom: var(--space-xxl);
+    }
+
+    .padding-bottom-xxxl\@sm {
+      padding-bottom: var(--space-xxxl);
+    }
+
+    .padding-bottom-xxxxl\@sm {
+      padding-bottom: var(--space-xxxxl);
+    }
+
+    .padding-bottom-0\@sm {
+      padding-bottom: 0;
+    }
+
+    .padding-bottom-component\@sm {
+      padding-bottom: var(--component-padding);
+    }
+
+    .padding-right-xxxxs\@sm {
+      padding-right: var(--space-xxxxs);
+    }
+
+    .padding-right-xxxs\@sm {
+      padding-right: var(--space-xxxs);
+    }
+
+    .padding-right-xxs\@sm {
+      padding-right: var(--space-xxs);
+    }
+
+    .padding-right-xs\@sm {
+      padding-right: var(--space-xs);
+    }
+
+    .padding-right-sm\@sm {
+      padding-right: var(--space-sm);
+    }
+
+    .padding-right-md\@sm {
+      padding-right: var(--space-md);
+    }
+
+    .padding-right-lg\@sm {
+      padding-right: var(--space-lg);
+    }
+
+    .padding-right-xl\@sm {
+      padding-right: var(--space-xl);
+    }
+
+    .padding-right-xxl\@sm {
+      padding-right: var(--space-xxl);
+    }
+
+    .padding-right-xxxl\@sm {
+      padding-right: var(--space-xxxl);
+    }
+
+    .padding-right-xxxxl\@sm {
+      padding-right: var(--space-xxxxl);
+    }
+
+    .padding-right-0\@sm {
+      padding-right: 0;
+    }
+
+    .padding-right-component\@sm {
+      padding-right: var(--component-padding);
+    }
+
+    .padding-left-xxxxs\@sm {
+      padding-left: var(--space-xxxxs);
+    }
+
+    .padding-left-xxxs\@sm {
+      padding-left: var(--space-xxxs);
+    }
+
+    .padding-left-xxs\@sm {
+      padding-left: var(--space-xxs);
+    }
+
+    .padding-left-xs\@sm {
+      padding-left: var(--space-xs);
+    }
+
+    .padding-left-sm\@sm {
+      padding-left: var(--space-sm);
+    }
+
+    .padding-left-md\@sm {
+      padding-left: var(--space-md);
+    }
+
+    .padding-left-lg\@sm {
+      padding-left: var(--space-lg);
+    }
+
+    .padding-left-xl\@sm {
+      padding-left: var(--space-xl);
+    }
+
+    .padding-left-xxl\@sm {
+      padding-left: var(--space-xxl);
+    }
+
+    .padding-left-xxxl\@sm {
+      padding-left: var(--space-xxxl);
+    }
+
+    .padding-left-xxxxl\@sm {
+      padding-left: var(--space-xxxxl);
+    }
+
+    .padding-left-0\@sm {
+      padding-left: 0;
+    }
+
+    .padding-left-component\@sm {
+      padding-left: var(--component-padding);
+    }
+
+    .padding-x-xxxxs\@sm {
+      padding-left: var(--space-xxxxs);
+      padding-right: var(--space-xxxxs);
+    }
+
+    .padding-x-xxxs\@sm {
+      padding-left: var(--space-xxxs);
+      padding-right: var(--space-xxxs);
+    }
+
+    .padding-x-xxs\@sm {
+      padding-left: var(--space-xxs);
+      padding-right: var(--space-xxs);
+    }
+
+    .padding-x-xs\@sm {
+      padding-left: var(--space-xs);
+      padding-right: var(--space-xs);
+    }
+
+    .padding-x-sm\@sm {
+      padding-left: var(--space-sm);
+      padding-right: var(--space-sm);
+    }
+
+    .padding-x-md\@sm {
+      padding-left: var(--space-md);
+      padding-right: var(--space-md);
+    }
+
+    .padding-x-lg\@sm {
+      padding-left: var(--space-lg);
+      padding-right: var(--space-lg);
+    }
+
+    .padding-x-xl\@sm {
+      padding-left: var(--space-xl);
+      padding-right: var(--space-xl);
+    }
+
+    .padding-x-xxl\@sm {
+      padding-left: var(--space-xxl);
+      padding-right: var(--space-xxl);
+    }
+
+    .padding-x-xxxl\@sm {
+      padding-left: var(--space-xxxl);
+      padding-right: var(--space-xxxl);
+    }
+
+    .padding-x-xxxxl\@sm {
+      padding-left: var(--space-xxxxl);
+      padding-right: var(--space-xxxxl);
+    }
+
+    .padding-x-0\@sm {
+      padding-left: 0;
+      padding-right: 0;
+    }
+
+    .padding-x-component\@sm {
+      padding-left: var(--component-padding);
+      padding-right: var(--component-padding);
+    }
+
+    .padding-y-xxxxs\@sm {
+      padding-top: var(--space-xxxxs);
+      padding-bottom: var(--space-xxxxs);
+    }
+
+    .padding-y-xxxs\@sm {
+      padding-top: var(--space-xxxs);
+      padding-bottom: var(--space-xxxs);
+    }
+
+    .padding-y-xxs\@sm {
+      padding-top: var(--space-xxs);
+      padding-bottom: var(--space-xxs);
+    }
+
+    .padding-y-xs\@sm {
+      padding-top: var(--space-xs);
+      padding-bottom: var(--space-xs);
+    }
+
+    .padding-y-sm\@sm {
+      padding-top: var(--space-sm);
+      padding-bottom: var(--space-sm);
+    }
+
+    .padding-y-md\@sm {
+      padding-top: var(--space-md);
+      padding-bottom: var(--space-md);
+    }
+
+    .padding-y-lg\@sm {
+      padding-top: var(--space-lg);
+      padding-bottom: var(--space-lg);
+    }
+
+    .padding-y-xl\@sm {
+      padding-top: var(--space-xl);
+      padding-bottom: var(--space-xl);
+    }
+
+    .padding-y-xxl\@sm {
+      padding-top: var(--space-xxl);
+      padding-bottom: var(--space-xxl);
+    }
+
+    .padding-y-xxxl\@sm {
+      padding-top: var(--space-xxxl);
+      padding-bottom: var(--space-xxxl);
+    }
+
+    .padding-y-xxxxl\@sm {
+      padding-top: var(--space-xxxxl);
+      padding-bottom: var(--space-xxxxl);
+    }
+
+    .padding-y-0\@sm {
+      padding-top: 0;
+      padding-bottom: 0;
+    }
+
+    .padding-y-component\@sm {
+      padding-top: var(--component-padding);
+      padding-bottom: var(--component-padding);
+    }
+  }
+  .text-center\@sm {
+    text-align: center;
+  }
+
+  .text-left\@sm {
+    text-align: left;
+  }
+
+  .text-right\@sm {
+    text-align: right;
+  }
+
+  .text-justify\@sm {
+    text-align: justify;
+  }
+
+  @supports (--css: variables) {
+    .text-xs\@sm {
+      font-size: var(--text-xs, 0.694em);
+    }
+
+    .text-sm\@sm {
+      font-size: var(--text-sm, 0.833em);
+    }
+
+    .text-base\@sm {
+      font-size: 1em;
+    }
+
+    .text-md\@sm {
+      font-size: var(--text-md, 1.2em);
+    }
+
+    .text-lg\@sm {
+      font-size: var(--text-lg, 1.44em);
+    }
+
+    .text-xl\@sm {
+      font-size: var(--text-xl, 1.728em);
+    }
+
+    .text-xxl\@sm {
+      font-size: var(--text-xxl, 2.074em);
+    }
+
+    .text-xxxl\@sm {
+      font-size: var(--text-xxxl, 2.488em);
+    }
+
+    .text-xxxxl\@sm {
+      font-size: var(--text-xxxxl, 2.985em);
+    }
+  }
+  .hide\@sm {
+    display: none !important;
+  }
+}
+@media not all and (min-width: 48rem) {
+  .has-margin\@sm {
+    margin: 0 !important;
+  }
+
+  .has-padding\@sm {
+    padding: 0 !important;
+  }
+
+  .display\@sm {
+    display: none !important;
+  }
+}
+@media (min-width: 64rem) {
+  .flex\@md {
+    display: flex;
+  }
+
+  .inline-flex\@md {
+    display: inline-flex;
+  }
+
+  .flex-wrap\@md {
+    flex-wrap: wrap;
+  }
+
+  .flex-column\@md {
+    flex-direction: column;
+  }
+
+  .flex-column-reverse\@md {
+    flex-direction: column-reverse;
+  }
+
+  .flex-row\@md {
+    flex-direction: row;
+  }
+
+  .flex-row-reverse\@md {
+    flex-direction: row-reverse;
+  }
+
+  .flex-center\@md {
+    justify-content: center;
+    align-items: center;
+  }
+
+  .flex-grow-0\@md {
+    flex-grow: 0;
+  }
+
+  .flex-grow\@md {
+    flex-grow: 1;
+  }
+
+  .flex-shrink-0\@md {
+    flex-shrink: 0;
+  }
+
+  .flex-shrink\@md {
+    flex-shrink: 1;
+  }
+
+  .justify-start\@md {
+    justify-content: flex-start;
+  }
+
+  .justify-end\@md {
+    justify-content: flex-end;
+  }
+
+  .justify-center\@md {
+    justify-content: center;
+  }
+
+  .justify-between\@md {
+    justify-content: space-between;
+  }
+
+  .items-center\@md {
+    align-items: center;
+  }
+
+  .items-start\@md {
+    align-items: flex-start;
+  }
+
+  .items-end\@md {
+    align-items: flex-end;
+  }
+
+  .items-baseline\@md {
+    align-items: baseline;
+  }
+
+  .order-1\@md {
+    order: 1;
+  }
+
+  .order-2\@md {
+    order: 2;
+  }
+
+  .order-3\@md {
+    order: 3;
+  }
+
+  .block\@md {
+    display: block;
+  }
+
+  .inline-block\@md {
+    display: inline-block;
+  }
+
+  .inline\@md {
+    display: inline;
+  }
+
+  @supports (--css: variables) {
+    .margin-xxxxs\@md {
+      margin: var(--space-xxxxs);
+    }
+
+    .margin-xxxs\@md {
+      margin: var(--space-xxxs);
+    }
+
+    .margin-xxs\@md {
+      margin: var(--space-xxs);
+    }
+
+    .margin-xs\@md {
+      margin: var(--space-xs);
+    }
+
+    .margin-sm\@md {
+      margin: var(--space-sm);
+    }
+
+    .margin-md\@md {
+      margin: var(--space-md);
+    }
+
+    .margin-lg\@md {
+      margin: var(--space-lg);
+    }
+
+    .margin-xl\@md {
+      margin: var(--space-xl);
+    }
+
+    .margin-xxl\@md {
+      margin: var(--space-xxl);
+    }
+
+    .margin-xxxl\@md {
+      margin: var(--space-xxxl);
+    }
+
+    .margin-xxxxl\@md {
+      margin: var(--space-xxxxl);
+    }
+
+    .margin-auto\@md {
+      margin: auto;
+    }
+
+    .margin-0\@md {
+      margin: 0;
+    }
+
+    .margin-top-xxxxs\@md {
+      margin-top: var(--space-xxxxs);
+    }
+
+    .margin-top-xxxs\@md {
+      margin-top: var(--space-xxxs);
+    }
+
+    .margin-top-xxs\@md {
+      margin-top: var(--space-xxs);
+    }
+
+    .margin-top-xs\@md {
+      margin-top: var(--space-xs);
+    }
+
+    .margin-top-sm\@md {
+      margin-top: var(--space-sm);
+    }
+
+    .margin-top-md\@md {
+      margin-top: var(--space-md);
+    }
+
+    .margin-top-lg\@md {
+      margin-top: var(--space-lg);
+    }
+
+    .margin-top-xl\@md {
+      margin-top: var(--space-xl);
+    }
+
+    .margin-top-xxl\@md {
+      margin-top: var(--space-xxl);
+    }
+
+    .margin-top-xxxl\@md {
+      margin-top: var(--space-xxxl);
+    }
+
+    .margin-top-xxxxl\@md {
+      margin-top: var(--space-xxxxl);
+    }
+
+    .margin-top-auto\@md {
+      margin-top: auto;
+    }
+
+    .margin-top-0\@md {
+      margin-top: 0;
+    }
+
+    .margin-bottom-xxxxs\@md {
+      margin-bottom: var(--space-xxxxs);
+    }
+
+    .margin-bottom-xxxs\@md {
+      margin-bottom: var(--space-xxxs);
+    }
+
+    .margin-bottom-xxs\@md {
+      margin-bottom: var(--space-xxs);
+    }
+
+    .margin-bottom-xs\@md {
+      margin-bottom: var(--space-xs);
+    }
+
+    .margin-bottom-sm\@md {
+      margin-bottom: var(--space-sm);
+    }
+
+    .margin-bottom-md\@md {
+      margin-bottom: var(--space-md);
+    }
+
+    .margin-bottom-lg\@md {
+      margin-bottom: var(--space-lg);
+    }
+
+    .margin-bottom-xl\@md {
+      margin-bottom: var(--space-xl);
+    }
+
+    .margin-bottom-xxl\@md {
+      margin-bottom: var(--space-xxl);
+    }
+
+    .margin-bottom-xxxl\@md {
+      margin-bottom: var(--space-xxxl);
+    }
+
+    .margin-bottom-xxxxl\@md {
+      margin-bottom: var(--space-xxxxl);
+    }
+
+    .margin-bottom-auto\@md {
+      margin-bottom: auto;
+    }
+
+    .margin-bottom-0\@md {
+      margin-bottom: 0;
+    }
+
+    .margin-right-xxxxs\@md {
+      margin-right: var(--space-xxxxs);
+    }
+
+    .margin-right-xxxs\@md {
+      margin-right: var(--space-xxxs);
+    }
+
+    .margin-right-xxs\@md {
+      margin-right: var(--space-xxs);
+    }
+
+    .margin-right-xs\@md {
+      margin-right: var(--space-xs);
+    }
+
+    .margin-right-sm\@md {
+      margin-right: var(--space-sm);
+    }
+
+    .margin-right-md\@md {
+      margin-right: var(--space-md);
+    }
+
+    .margin-right-lg\@md {
+      margin-right: var(--space-lg);
+    }
+
+    .margin-right-xl\@md {
+      margin-right: var(--space-xl);
+    }
+
+    .margin-right-xxl\@md {
+      margin-right: var(--space-xxl);
+    }
+
+    .margin-right-xxxl\@md {
+      margin-right: var(--space-xxxl);
+    }
+
+    .margin-right-xxxxl\@md {
+      margin-right: var(--space-xxxxl);
+    }
+
+    .margin-right-auto\@md {
+      margin-right: auto;
+    }
+
+    .margin-right-0\@md {
+      margin-right: 0;
+    }
+
+    .margin-left-xxxxs\@md {
+      margin-left: var(--space-xxxxs);
+    }
+
+    .margin-left-xxxs\@md {
+      margin-left: var(--space-xxxs);
+    }
+
+    .margin-left-xxs\@md {
+      margin-left: var(--space-xxs);
+    }
+
+    .margin-left-xs\@md {
+      margin-left: var(--space-xs);
+    }
+
+    .margin-left-sm\@md {
+      margin-left: var(--space-sm);
+    }
+
+    .margin-left-md\@md {
+      margin-left: var(--space-md);
+    }
+
+    .margin-left-lg\@md {
+      margin-left: var(--space-lg);
+    }
+
+    .margin-left-xl\@md {
+      margin-left: var(--space-xl);
+    }
+
+    .margin-left-xxl\@md {
+      margin-left: var(--space-xxl);
+    }
+
+    .margin-left-xxxl\@md {
+      margin-left: var(--space-xxxl);
+    }
+
+    .margin-left-xxxxl\@md {
+      margin-left: var(--space-xxxxl);
+    }
+
+    .margin-left-auto\@md {
+      margin-left: auto;
+    }
+
+    .margin-left-0\@md {
+      margin-left: 0;
+    }
+
+    .margin-x-xxxxs\@md {
+      margin-left: var(--space-xxxxs);
+      margin-right: var(--space-xxxxs);
+    }
+
+    .margin-x-xxxs\@md {
+      margin-left: var(--space-xxxs);
+      margin-right: var(--space-xxxs);
+    }
+
+    .margin-x-xxs\@md {
+      margin-left: var(--space-xxs);
+      margin-right: var(--space-xxs);
+    }
+
+    .margin-x-xs\@md {
+      margin-left: var(--space-xs);
+      margin-right: var(--space-xs);
+    }
+
+    .margin-x-sm\@md {
+      margin-left: var(--space-sm);
+      margin-right: var(--space-sm);
+    }
+
+    .margin-x-md\@md {
+      margin-left: var(--space-md);
+      margin-right: var(--space-md);
+    }
+
+    .margin-x-lg\@md {
+      margin-left: var(--space-lg);
+      margin-right: var(--space-lg);
+    }
+
+    .margin-x-xl\@md {
+      margin-left: var(--space-xl);
+      margin-right: var(--space-xl);
+    }
+
+    .margin-x-xxl\@md {
+      margin-left: var(--space-xxl);
+      margin-right: var(--space-xxl);
+    }
+
+    .margin-x-xxxl\@md {
+      margin-left: var(--space-xxxl);
+      margin-right: var(--space-xxxl);
+    }
+
+    .margin-x-xxxxl\@md {
+      margin-left: var(--space-xxxxl);
+      margin-right: var(--space-xxxxl);
+    }
+
+    .margin-x-auto\@md {
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    .margin-x-0\@md {
+      margin-left: 0;
+      margin-right: 0;
+    }
+
+    .margin-y-xxxxs\@md {
+      margin-top: var(--space-xxxxs);
+      margin-bottom: var(--space-xxxxs);
+    }
+
+    .margin-y-xxxs\@md {
+      margin-top: var(--space-xxxs);
+      margin-bottom: var(--space-xxxs);
+    }
+
+    .margin-y-xxs\@md {
+      margin-top: var(--space-xxs);
+      margin-bottom: var(--space-xxs);
+    }
+
+    .margin-y-xs\@md {
+      margin-top: var(--space-xs);
+      margin-bottom: var(--space-xs);
+    }
+
+    .margin-y-sm\@md {
+      margin-top: var(--space-sm);
+      margin-bottom: var(--space-sm);
+    }
+
+    .margin-y-md\@md {
+      margin-top: var(--space-md);
+      margin-bottom: var(--space-md);
+    }
+
+    .margin-y-lg\@md {
+      margin-top: var(--space-lg);
+      margin-bottom: var(--space-lg);
+    }
+
+    .margin-y-xl\@md {
+      margin-top: var(--space-xl);
+      margin-bottom: var(--space-xl);
+    }
+
+    .margin-y-xxl\@md {
+      margin-top: var(--space-xxl);
+      margin-bottom: var(--space-xxl);
+    }
+
+    .margin-y-xxxl\@md {
+      margin-top: var(--space-xxxl);
+      margin-bottom: var(--space-xxxl);
+    }
+
+    .margin-y-xxxxl\@md {
+      margin-top: var(--space-xxxxl);
+      margin-bottom: var(--space-xxxxl);
+    }
+
+    .margin-y-auto\@md {
+      margin-top: auto;
+      margin-bottom: auto;
+    }
+
+    .margin-y-0\@md {
+      margin-top: 0;
+      margin-bottom: 0;
+    }
+  }
+  @supports (--css: variables) {
+    .padding-xxxxs\@md {
+      padding: var(--space-xxxxs);
+    }
+
+    .padding-xxxs\@md {
+      padding: var(--space-xxxs);
+    }
+
+    .padding-xxs\@md {
+      padding: var(--space-xxs);
+    }
+
+    .padding-xs\@md {
+      padding: var(--space-xs);
+    }
+
+    .padding-sm\@md {
+      padding: var(--space-sm);
+    }
+
+    .padding-md\@md {
+      padding: var(--space-md);
+    }
+
+    .padding-lg\@md {
+      padding: var(--space-lg);
+    }
+
+    .padding-xl\@md {
+      padding: var(--space-xl);
+    }
+
+    .padding-xxl\@md {
+      padding: var(--space-xxl);
+    }
+
+    .padding-xxxl\@md {
+      padding: var(--space-xxxl);
+    }
+
+    .padding-xxxxl\@md {
+      padding: var(--space-xxxxl);
+    }
+
+    .padding-0\@md {
+      padding: 0;
+    }
+
+    .padding-component\@md {
+      padding: var(--component-padding);
+    }
+
+    .padding-top-xxxxs\@md {
+      padding-top: var(--space-xxxxs);
+    }
+
+    .padding-top-xxxs\@md {
+      padding-top: var(--space-xxxs);
+    }
+
+    .padding-top-xxs\@md {
+      padding-top: var(--space-xxs);
+    }
+
+    .padding-top-xs\@md {
+      padding-top: var(--space-xs);
+    }
+
+    .padding-top-sm\@md {
+      padding-top: var(--space-sm);
+    }
+
+    .padding-top-md\@md {
+      padding-top: var(--space-md);
+    }
+
+    .padding-top-lg\@md {
+      padding-top: var(--space-lg);
+    }
+
+    .padding-top-xl\@md {
+      padding-top: var(--space-xl);
+    }
+
+    .padding-top-xxl\@md {
+      padding-top: var(--space-xxl);
+    }
+
+    .padding-top-xxxl\@md {
+      padding-top: var(--space-xxxl);
+    }
+
+    .padding-top-xxxxl\@md {
+      padding-top: var(--space-xxxxl);
+    }
+
+    .padding-top-0\@md {
+      padding-top: 0;
+    }
+
+    .padding-top-component\@md {
+      padding-top: var(--component-padding);
+    }
+
+    .padding-bottom-xxxxs\@md {
+      padding-bottom: var(--space-xxxxs);
+    }
+
+    .padding-bottom-xxxs\@md {
+      padding-bottom: var(--space-xxxs);
+    }
+
+    .padding-bottom-xxs\@md {
+      padding-bottom: var(--space-xxs);
+    }
+
+    .padding-bottom-xs\@md {
+      padding-bottom: var(--space-xs);
+    }
+
+    .padding-bottom-sm\@md {
+      padding-bottom: var(--space-sm);
+    }
+
+    .padding-bottom-md\@md {
+      padding-bottom: var(--space-md);
+    }
+
+    .padding-bottom-lg\@md {
+      padding-bottom: var(--space-lg);
+    }
+
+    .padding-bottom-xl\@md {
+      padding-bottom: var(--space-xl);
+    }
+
+    .padding-bottom-xxl\@md {
+      padding-bottom: var(--space-xxl);
+    }
+
+    .padding-bottom-xxxl\@md {
+      padding-bottom: var(--space-xxxl);
+    }
+
+    .padding-bottom-xxxxl\@md {
+      padding-bottom: var(--space-xxxxl);
+    }
+
+    .padding-bottom-0\@md {
+      padding-bottom: 0;
+    }
+
+    .padding-bottom-component\@md {
+      padding-bottom: var(--component-padding);
+    }
+
+    .padding-right-xxxxs\@md {
+      padding-right: var(--space-xxxxs);
+    }
+
+    .padding-right-xxxs\@md {
+      padding-right: var(--space-xxxs);
+    }
+
+    .padding-right-xxs\@md {
+      padding-right: var(--space-xxs);
+    }
+
+    .padding-right-xs\@md {
+      padding-right: var(--space-xs);
+    }
+
+    .padding-right-sm\@md {
+      padding-right: var(--space-sm);
+    }
+
+    .padding-right-md\@md {
+      padding-right: var(--space-md);
+    }
+
+    .padding-right-lg\@md {
+      padding-right: var(--space-lg);
+    }
+
+    .padding-right-xl\@md {
+      padding-right: var(--space-xl);
+    }
+
+    .padding-right-xxl\@md {
+      padding-right: var(--space-xxl);
+    }
+
+    .padding-right-xxxl\@md {
+      padding-right: var(--space-xxxl);
+    }
+
+    .padding-right-xxxxl\@md {
+      padding-right: var(--space-xxxxl);
+    }
+
+    .padding-right-0\@md {
+      padding-right: 0;
+    }
+
+    .padding-right-component\@md {
+      padding-right: var(--component-padding);
+    }
+
+    .padding-left-xxxxs\@md {
+      padding-left: var(--space-xxxxs);
+    }
+
+    .padding-left-xxxs\@md {
+      padding-left: var(--space-xxxs);
+    }
+
+    .padding-left-xxs\@md {
+      padding-left: var(--space-xxs);
+    }
+
+    .padding-left-xs\@md {
+      padding-left: var(--space-xs);
+    }
+
+    .padding-left-sm\@md {
+      padding-left: var(--space-sm);
+    }
+
+    .padding-left-md\@md {
+      padding-left: var(--space-md);
+    }
+
+    .padding-left-lg\@md {
+      padding-left: var(--space-lg);
+    }
+
+    .padding-left-xl\@md {
+      padding-left: var(--space-xl);
+    }
+
+    .padding-left-xxl\@md {
+      padding-left: var(--space-xxl);
+    }
+
+    .padding-left-xxxl\@md {
+      padding-left: var(--space-xxxl);
+    }
+
+    .padding-left-xxxxl\@md {
+      padding-left: var(--space-xxxxl);
+    }
+
+    .padding-left-0\@md {
+      padding-left: 0;
+    }
+
+    .padding-left-component\@md {
+      padding-left: var(--component-padding);
+    }
+
+    .padding-x-xxxxs\@md {
+      padding-left: var(--space-xxxxs);
+      padding-right: var(--space-xxxxs);
+    }
+
+    .padding-x-xxxs\@md {
+      padding-left: var(--space-xxxs);
+      padding-right: var(--space-xxxs);
+    }
+
+    .padding-x-xxs\@md {
+      padding-left: var(--space-xxs);
+      padding-right: var(--space-xxs);
+    }
+
+    .padding-x-xs\@md {
+      padding-left: var(--space-xs);
+      padding-right: var(--space-xs);
+    }
+
+    .padding-x-sm\@md {
+      padding-left: var(--space-sm);
+      padding-right: var(--space-sm);
+    }
+
+    .padding-x-md\@md {
+      padding-left: var(--space-md);
+      padding-right: var(--space-md);
+    }
+
+    .padding-x-lg\@md {
+      padding-left: var(--space-lg);
+      padding-right: var(--space-lg);
+    }
+
+    .padding-x-xl\@md {
+      padding-left: var(--space-xl);
+      padding-right: var(--space-xl);
+    }
+
+    .padding-x-xxl\@md {
+      padding-left: var(--space-xxl);
+      padding-right: var(--space-xxl);
+    }
+
+    .padding-x-xxxl\@md {
+      padding-left: var(--space-xxxl);
+      padding-right: var(--space-xxxl);
+    }
+
+    .padding-x-xxxxl\@md {
+      padding-left: var(--space-xxxxl);
+      padding-right: var(--space-xxxxl);
+    }
+
+    .padding-x-0\@md {
+      padding-left: 0;
+      padding-right: 0;
+    }
+
+    .padding-x-component\@md {
+      padding-left: var(--component-padding);
+      padding-right: var(--component-padding);
+    }
+
+    .padding-y-xxxxs\@md {
+      padding-top: var(--space-xxxxs);
+      padding-bottom: var(--space-xxxxs);
+    }
+
+    .padding-y-xxxs\@md {
+      padding-top: var(--space-xxxs);
+      padding-bottom: var(--space-xxxs);
+    }
+
+    .padding-y-xxs\@md {
+      padding-top: var(--space-xxs);
+      padding-bottom: var(--space-xxs);
+    }
+
+    .padding-y-xs\@md {
+      padding-top: var(--space-xs);
+      padding-bottom: var(--space-xs);
+    }
+
+    .padding-y-sm\@md {
+      padding-top: var(--space-sm);
+      padding-bottom: var(--space-sm);
+    }
+
+    .padding-y-md\@md {
+      padding-top: var(--space-md);
+      padding-bottom: var(--space-md);
+    }
+
+    .padding-y-lg\@md {
+      padding-top: var(--space-lg);
+      padding-bottom: var(--space-lg);
+    }
+
+    .padding-y-xl\@md {
+      padding-top: var(--space-xl);
+      padding-bottom: var(--space-xl);
+    }
+
+    .padding-y-xxl\@md {
+      padding-top: var(--space-xxl);
+      padding-bottom: var(--space-xxl);
+    }
+
+    .padding-y-xxxl\@md {
+      padding-top: var(--space-xxxl);
+      padding-bottom: var(--space-xxxl);
+    }
+
+    .padding-y-xxxxl\@md {
+      padding-top: var(--space-xxxxl);
+      padding-bottom: var(--space-xxxxl);
+    }
+
+    .padding-y-0\@md {
+      padding-top: 0;
+      padding-bottom: 0;
+    }
+
+    .padding-y-component\@md {
+      padding-top: var(--component-padding);
+      padding-bottom: var(--component-padding);
+    }
+  }
+  .text-center\@md {
+    text-align: center;
+  }
+
+  .text-left\@md {
+    text-align: left;
+  }
+
+  .text-right\@md {
+    text-align: right;
+  }
+
+  .text-justify\@md {
+    text-align: justify;
+  }
+
+  @supports (--css: variables) {
+    .text-xs\@md {
+      font-size: var(--text-xs, 0.694em);
+    }
+
+    .text-sm\@md {
+      font-size: var(--text-sm, 0.833em);
+    }
+
+    .text-base\@md {
+      font-size: 1em;
+    }
+
+    .text-md\@md {
+      font-size: var(--text-md, 1.2em);
+    }
+
+    .text-lg\@md {
+      font-size: var(--text-lg, 1.44em);
+    }
+
+    .text-xl\@md {
+      font-size: var(--text-xl, 1.728em);
+    }
+
+    .text-xxl\@md {
+      font-size: var(--text-xxl, 2.074em);
+    }
+
+    .text-xxxl\@md {
+      font-size: var(--text-xxxl, 2.488em);
+    }
+
+    .text-xxxxl\@md {
+      font-size: var(--text-xxxxl, 2.985em);
+    }
+  }
+  .hide\@md {
+    display: none !important;
+  }
+}
+@media not all and (min-width: 64rem) {
+  .has-margin\@md {
+    margin: 0 !important;
+  }
+
+  .has-padding\@md {
+    padding: 0 !important;
+  }
+
+  .display\@md {
+    display: none !important;
+  }
+}
+@media (min-width: 80rem) {
+  .flex\@lg {
+    display: flex;
+  }
+
+  .inline-flex\@lg {
+    display: inline-flex;
+  }
+
+  .flex-wrap\@lg {
+    flex-wrap: wrap;
+  }
+
+  .flex-column\@lg {
+    flex-direction: column;
+  }
+
+  .flex-column-reverse\@lg {
+    flex-direction: column-reverse;
+  }
+
+  .flex-row\@lg {
+    flex-direction: row;
+  }
+
+  .flex-row-reverse\@lg {
+    flex-direction: row-reverse;
+  }
+
+  .flex-center\@lg {
+    justify-content: center;
+    align-items: center;
+  }
+
+  .flex-grow-0\@lg {
+    flex-grow: 0;
+  }
+
+  .flex-grow\@lg {
+    flex-grow: 1;
+  }
+
+  .flex-shrink-0\@lg {
+    flex-shrink: 0;
+  }
+
+  .flex-shrink\@lg {
+    flex-shrink: 1;
+  }
+
+  .justify-start\@lg {
+    justify-content: flex-start;
+  }
+
+  .justify-end\@lg {
+    justify-content: flex-end;
+  }
+
+  .justify-center\@lg {
+    justify-content: center;
+  }
+
+  .justify-between\@lg {
+    justify-content: space-between;
+  }
+
+  .items-center\@lg {
+    align-items: center;
+  }
+
+  .items-start\@lg {
+    align-items: flex-start;
+  }
+
+  .items-end\@lg {
+    align-items: flex-end;
+  }
+
+  .items-baseline\@lg {
+    align-items: baseline;
+  }
+
+  .order-1\@lg {
+    order: 1;
+  }
+
+  .order-2\@lg {
+    order: 2;
+  }
+
+  .order-3\@lg {
+    order: 3;
+  }
+
+  .block\@lg {
+    display: block;
+  }
+
+  .inline-block\@lg {
+    display: inline-block;
+  }
+
+  .inline\@lg {
+    display: inline;
+  }
+
+  @supports (--css: variables) {
+    .margin-xxxxs\@lg {
+      margin: var(--space-xxxxs);
+    }
+
+    .margin-xxxs\@lg {
+      margin: var(--space-xxxs);
+    }
+
+    .margin-xxs\@lg {
+      margin: var(--space-xxs);
+    }
+
+    .margin-xs\@lg {
+      margin: var(--space-xs);
+    }
+
+    .margin-sm\@lg {
+      margin: var(--space-sm);
+    }
+
+    .margin-md\@lg {
+      margin: var(--space-md);
+    }
+
+    .margin-lg\@lg {
+      margin: var(--space-lg);
+    }
+
+    .margin-xl\@lg {
+      margin: var(--space-xl);
+    }
+
+    .margin-xxl\@lg {
+      margin: var(--space-xxl);
+    }
+
+    .margin-xxxl\@lg {
+      margin: var(--space-xxxl);
+    }
+
+    .margin-xxxxl\@lg {
+      margin: var(--space-xxxxl);
+    }
+
+    .margin-auto\@lg {
+      margin: auto;
+    }
+
+    .margin-0\@lg {
+      margin: 0;
+    }
+
+    .margin-top-xxxxs\@lg {
+      margin-top: var(--space-xxxxs);
+    }
+
+    .margin-top-xxxs\@lg {
+      margin-top: var(--space-xxxs);
+    }
+
+    .margin-top-xxs\@lg {
+      margin-top: var(--space-xxs);
+    }
+
+    .margin-top-xs\@lg {
+      margin-top: var(--space-xs);
+    }
+
+    .margin-top-sm\@lg {
+      margin-top: var(--space-sm);
+    }
+
+    .margin-top-md\@lg {
+      margin-top: var(--space-md);
+    }
+
+    .margin-top-lg\@lg {
+      margin-top: var(--space-lg);
+    }
+
+    .margin-top-xl\@lg {
+      margin-top: var(--space-xl);
+    }
+
+    .margin-top-xxl\@lg {
+      margin-top: var(--space-xxl);
+    }
+
+    .margin-top-xxxl\@lg {
+      margin-top: var(--space-xxxl);
+    }
+
+    .margin-top-xxxxl\@lg {
+      margin-top: var(--space-xxxxl);
+    }
+
+    .margin-top-auto\@lg {
+      margin-top: auto;
+    }
+
+    .margin-top-0\@lg {
+      margin-top: 0;
+    }
+
+    .margin-bottom-xxxxs\@lg {
+      margin-bottom: var(--space-xxxxs);
+    }
+
+    .margin-bottom-xxxs\@lg {
+      margin-bottom: var(--space-xxxs);
+    }
+
+    .margin-bottom-xxs\@lg {
+      margin-bottom: var(--space-xxs);
+    }
+
+    .margin-bottom-xs\@lg {
+      margin-bottom: var(--space-xs);
+    }
+
+    .margin-bottom-sm\@lg {
+      margin-bottom: var(--space-sm);
+    }
+
+    .margin-bottom-md\@lg {
+      margin-bottom: var(--space-md);
+    }
+
+    .margin-bottom-lg\@lg {
+      margin-bottom: var(--space-lg);
+    }
+
+    .margin-bottom-xl\@lg {
+      margin-bottom: var(--space-xl);
+    }
+
+    .margin-bottom-xxl\@lg {
+      margin-bottom: var(--space-xxl);
+    }
+
+    .margin-bottom-xxxl\@lg {
+      margin-bottom: var(--space-xxxl);
+    }
+
+    .margin-bottom-xxxxl\@lg {
+      margin-bottom: var(--space-xxxxl);
+    }
+
+    .margin-bottom-auto\@lg {
+      margin-bottom: auto;
+    }
+
+    .margin-bottom-0\@lg {
+      margin-bottom: 0;
+    }
+
+    .margin-right-xxxxs\@lg {
+      margin-right: var(--space-xxxxs);
+    }
+
+    .margin-right-xxxs\@lg {
+      margin-right: var(--space-xxxs);
+    }
+
+    .margin-right-xxs\@lg {
+      margin-right: var(--space-xxs);
+    }
+
+    .margin-right-xs\@lg {
+      margin-right: var(--space-xs);
+    }
+
+    .margin-right-sm\@lg {
+      margin-right: var(--space-sm);
+    }
+
+    .margin-right-md\@lg {
+      margin-right: var(--space-md);
+    }
+
+    .margin-right-lg\@lg {
+      margin-right: var(--space-lg);
+    }
+
+    .margin-right-xl\@lg {
+      margin-right: var(--space-xl);
+    }
+
+    .margin-right-xxl\@lg {
+      margin-right: var(--space-xxl);
+    }
+
+    .margin-right-xxxl\@lg {
+      margin-right: var(--space-xxxl);
+    }
+
+    .margin-right-xxxxl\@lg {
+      margin-right: var(--space-xxxxl);
+    }
+
+    .margin-right-auto\@lg {
+      margin-right: auto;
+    }
+
+    .margin-right-0\@lg {
+      margin-right: 0;
+    }
+
+    .margin-left-xxxxs\@lg {
+      margin-left: var(--space-xxxxs);
+    }
+
+    .margin-left-xxxs\@lg {
+      margin-left: var(--space-xxxs);
+    }
+
+    .margin-left-xxs\@lg {
+      margin-left: var(--space-xxs);
+    }
+
+    .margin-left-xs\@lg {
+      margin-left: var(--space-xs);
+    }
+
+    .margin-left-sm\@lg {
+      margin-left: var(--space-sm);
+    }
+
+    .margin-left-md\@lg {
+      margin-left: var(--space-md);
+    }
+
+    .margin-left-lg\@lg {
+      margin-left: var(--space-lg);
+    }
+
+    .margin-left-xl\@lg {
+      margin-left: var(--space-xl);
+    }
+
+    .margin-left-xxl\@lg {
+      margin-left: var(--space-xxl);
+    }
+
+    .margin-left-xxxl\@lg {
+      margin-left: var(--space-xxxl);
+    }
+
+    .margin-left-xxxxl\@lg {
+      margin-left: var(--space-xxxxl);
+    }
+
+    .margin-left-auto\@lg {
+      margin-left: auto;
+    }
+
+    .margin-left-0\@lg {
+      margin-left: 0;
+    }
+
+    .margin-x-xxxxs\@lg {
+      margin-left: var(--space-xxxxs);
+      margin-right: var(--space-xxxxs);
+    }
+
+    .margin-x-xxxs\@lg {
+      margin-left: var(--space-xxxs);
+      margin-right: var(--space-xxxs);
+    }
+
+    .margin-x-xxs\@lg {
+      margin-left: var(--space-xxs);
+      margin-right: var(--space-xxs);
+    }
+
+    .margin-x-xs\@lg {
+      margin-left: var(--space-xs);
+      margin-right: var(--space-xs);
+    }
+
+    .margin-x-sm\@lg {
+      margin-left: var(--space-sm);
+      margin-right: var(--space-sm);
+    }
+
+    .margin-x-md\@lg {
+      margin-left: var(--space-md);
+      margin-right: var(--space-md);
+    }
+
+    .margin-x-lg\@lg {
+      margin-left: var(--space-lg);
+      margin-right: var(--space-lg);
+    }
+
+    .margin-x-xl\@lg {
+      margin-left: var(--space-xl);
+      margin-right: var(--space-xl);
+    }
+
+    .margin-x-xxl\@lg {
+      margin-left: var(--space-xxl);
+      margin-right: var(--space-xxl);
+    }
+
+    .margin-x-xxxl\@lg {
+      margin-left: var(--space-xxxl);
+      margin-right: var(--space-xxxl);
+    }
+
+    .margin-x-xxxxl\@lg {
+      margin-left: var(--space-xxxxl);
+      margin-right: var(--space-xxxxl);
+    }
+
+    .margin-x-auto\@lg {
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    .margin-x-0\@lg {
+      margin-left: 0;
+      margin-right: 0;
+    }
+
+    .margin-y-xxxxs\@lg {
+      margin-top: var(--space-xxxxs);
+      margin-bottom: var(--space-xxxxs);
+    }
+
+    .margin-y-xxxs\@lg {
+      margin-top: var(--space-xxxs);
+      margin-bottom: var(--space-xxxs);
+    }
+
+    .margin-y-xxs\@lg {
+      margin-top: var(--space-xxs);
+      margin-bottom: var(--space-xxs);
+    }
+
+    .margin-y-xs\@lg {
+      margin-top: var(--space-xs);
+      margin-bottom: var(--space-xs);
+    }
+
+    .margin-y-sm\@lg {
+      margin-top: var(--space-sm);
+      margin-bottom: var(--space-sm);
+    }
+
+    .margin-y-md\@lg {
+      margin-top: var(--space-md);
+      margin-bottom: var(--space-md);
+    }
+
+    .margin-y-lg\@lg {
+      margin-top: var(--space-lg);
+      margin-bottom: var(--space-lg);
+    }
+
+    .margin-y-xl\@lg {
+      margin-top: var(--space-xl);
+      margin-bottom: var(--space-xl);
+    }
+
+    .margin-y-xxl\@lg {
+      margin-top: var(--space-xxl);
+      margin-bottom: var(--space-xxl);
+    }
+
+    .margin-y-xxxl\@lg {
+      margin-top: var(--space-xxxl);
+      margin-bottom: var(--space-xxxl);
+    }
+
+    .margin-y-xxxxl\@lg {
+      margin-top: var(--space-xxxxl);
+      margin-bottom: var(--space-xxxxl);
+    }
+
+    .margin-y-auto\@lg {
+      margin-top: auto;
+      margin-bottom: auto;
+    }
+
+    .margin-y-0\@lg {
+      margin-top: 0;
+      margin-bottom: 0;
+    }
+  }
+  @supports (--css: variables) {
+    .padding-xxxxs\@lg {
+      padding: var(--space-xxxxs);
+    }
+
+    .padding-xxxs\@lg {
+      padding: var(--space-xxxs);
+    }
+
+    .padding-xxs\@lg {
+      padding: var(--space-xxs);
+    }
+
+    .padding-xs\@lg {
+      padding: var(--space-xs);
+    }
+
+    .padding-sm\@lg {
+      padding: var(--space-sm);
+    }
+
+    .padding-md\@lg {
+      padding: var(--space-md);
+    }
+
+    .padding-lg\@lg {
+      padding: var(--space-lg);
+    }
+
+    .padding-xl\@lg {
+      padding: var(--space-xl);
+    }
+
+    .padding-xxl\@lg {
+      padding: var(--space-xxl);
+    }
+
+    .padding-xxxl\@lg {
+      padding: var(--space-xxxl);
+    }
+
+    .padding-xxxxl\@lg {
+      padding: var(--space-xxxxl);
+    }
+
+    .padding-0\@lg {
+      padding: 0;
+    }
+
+    .padding-component\@lg {
+      padding: var(--component-padding);
+    }
+
+    .padding-top-xxxxs\@lg {
+      padding-top: var(--space-xxxxs);
+    }
+
+    .padding-top-xxxs\@lg {
+      padding-top: var(--space-xxxs);
+    }
+
+    .padding-top-xxs\@lg {
+      padding-top: var(--space-xxs);
+    }
+
+    .padding-top-xs\@lg {
+      padding-top: var(--space-xs);
+    }
+
+    .padding-top-sm\@lg {
+      padding-top: var(--space-sm);
+    }
+
+    .padding-top-md\@lg {
+      padding-top: var(--space-md);
+    }
+
+    .padding-top-lg\@lg {
+      padding-top: var(--space-lg);
+    }
+
+    .padding-top-xl\@lg {
+      padding-top: var(--space-xl);
+    }
+
+    .padding-top-xxl\@lg {
+      padding-top: var(--space-xxl);
+    }
+
+    .padding-top-xxxl\@lg {
+      padding-top: var(--space-xxxl);
+    }
+
+    .padding-top-xxxxl\@lg {
+      padding-top: var(--space-xxxxl);
+    }
+
+    .padding-top-0\@lg {
+      padding-top: 0;
+    }
+
+    .padding-top-component\@lg {
+      padding-top: var(--component-padding);
+    }
+
+    .padding-bottom-xxxxs\@lg {
+      padding-bottom: var(--space-xxxxs);
+    }
+
+    .padding-bottom-xxxs\@lg {
+      padding-bottom: var(--space-xxxs);
+    }
+
+    .padding-bottom-xxs\@lg {
+      padding-bottom: var(--space-xxs);
+    }
+
+    .padding-bottom-xs\@lg {
+      padding-bottom: var(--space-xs);
+    }
+
+    .padding-bottom-sm\@lg {
+      padding-bottom: var(--space-sm);
+    }
+
+    .padding-bottom-md\@lg {
+      padding-bottom: var(--space-md);
+    }
+
+    .padding-bottom-lg\@lg {
+      padding-bottom: var(--space-lg);
+    }
+
+    .padding-bottom-xl\@lg {
+      padding-bottom: var(--space-xl);
+    }
+
+    .padding-bottom-xxl\@lg {
+      padding-bottom: var(--space-xxl);
+    }
+
+    .padding-bottom-xxxl\@lg {
+      padding-bottom: var(--space-xxxl);
+    }
+
+    .padding-bottom-xxxxl\@lg {
+      padding-bottom: var(--space-xxxxl);
+    }
+
+    .padding-bottom-0\@lg {
+      padding-bottom: 0;
+    }
+
+    .padding-bottom-component\@lg {
+      padding-bottom: var(--component-padding);
+    }
+
+    .padding-right-xxxxs\@lg {
+      padding-right: var(--space-xxxxs);
+    }
+
+    .padding-right-xxxs\@lg {
+      padding-right: var(--space-xxxs);
+    }
+
+    .padding-right-xxs\@lg {
+      padding-right: var(--space-xxs);
+    }
+
+    .padding-right-xs\@lg {
+      padding-right: var(--space-xs);
+    }
+
+    .padding-right-sm\@lg {
+      padding-right: var(--space-sm);
+    }
+
+    .padding-right-md\@lg {
+      padding-right: var(--space-md);
+    }
+
+    .padding-right-lg\@lg {
+      padding-right: var(--space-lg);
+    }
+
+    .padding-right-xl\@lg {
+      padding-right: var(--space-xl);
+    }
+
+    .padding-right-xxl\@lg {
+      padding-right: var(--space-xxl);
+    }
+
+    .padding-right-xxxl\@lg {
+      padding-right: var(--space-xxxl);
+    }
+
+    .padding-right-xxxxl\@lg {
+      padding-right: var(--space-xxxxl);
+    }
+
+    .padding-right-0\@lg {
+      padding-right: 0;
+    }
+
+    .padding-right-component\@lg {
+      padding-right: var(--component-padding);
+    }
+
+    .padding-left-xxxxs\@lg {
+      padding-left: var(--space-xxxxs);
+    }
+
+    .padding-left-xxxs\@lg {
+      padding-left: var(--space-xxxs);
+    }
+
+    .padding-left-xxs\@lg {
+      padding-left: var(--space-xxs);
+    }
+
+    .padding-left-xs\@lg {
+      padding-left: var(--space-xs);
+    }
+
+    .padding-left-sm\@lg {
+      padding-left: var(--space-sm);
+    }
+
+    .padding-left-md\@lg {
+      padding-left: var(--space-md);
+    }
+
+    .padding-left-lg\@lg {
+      padding-left: var(--space-lg);
+    }
+
+    .padding-left-xl\@lg {
+      padding-left: var(--space-xl);
+    }
+
+    .padding-left-xxl\@lg {
+      padding-left: var(--space-xxl);
+    }
+
+    .padding-left-xxxl\@lg {
+      padding-left: var(--space-xxxl);
+    }
+
+    .padding-left-xxxxl\@lg {
+      padding-left: var(--space-xxxxl);
+    }
+
+    .padding-left-0\@lg {
+      padding-left: 0;
+    }
+
+    .padding-left-component\@lg {
+      padding-left: var(--component-padding);
+    }
+
+    .padding-x-xxxxs\@lg {
+      padding-left: var(--space-xxxxs);
+      padding-right: var(--space-xxxxs);
+    }
+
+    .padding-x-xxxs\@lg {
+      padding-left: var(--space-xxxs);
+      padding-right: var(--space-xxxs);
+    }
+
+    .padding-x-xxs\@lg {
+      padding-left: var(--space-xxs);
+      padding-right: var(--space-xxs);
+    }
+
+    .padding-x-xs\@lg {
+      padding-left: var(--space-xs);
+      padding-right: var(--space-xs);
+    }
+
+    .padding-x-sm\@lg {
+      padding-left: var(--space-sm);
+      padding-right: var(--space-sm);
+    }
+
+    .padding-x-md\@lg {
+      padding-left: var(--space-md);
+      padding-right: var(--space-md);
+    }
+
+    .padding-x-lg\@lg {
+      padding-left: var(--space-lg);
+      padding-right: var(--space-lg);
+    }
+
+    .padding-x-xl\@lg {
+      padding-left: var(--space-xl);
+      padding-right: var(--space-xl);
+    }
+
+    .padding-x-xxl\@lg {
+      padding-left: var(--space-xxl);
+      padding-right: var(--space-xxl);
+    }
+
+    .padding-x-xxxl\@lg {
+      padding-left: var(--space-xxxl);
+      padding-right: var(--space-xxxl);
+    }
+
+    .padding-x-xxxxl\@lg {
+      padding-left: var(--space-xxxxl);
+      padding-right: var(--space-xxxxl);
+    }
+
+    .padding-x-0\@lg {
+      padding-left: 0;
+      padding-right: 0;
+    }
+
+    .padding-x-component\@lg {
+      padding-left: var(--component-padding);
+      padding-right: var(--component-padding);
+    }
+
+    .padding-y-xxxxs\@lg {
+      padding-top: var(--space-xxxxs);
+      padding-bottom: var(--space-xxxxs);
+    }
+
+    .padding-y-xxxs\@lg {
+      padding-top: var(--space-xxxs);
+      padding-bottom: var(--space-xxxs);
+    }
+
+    .padding-y-xxs\@lg {
+      padding-top: var(--space-xxs);
+      padding-bottom: var(--space-xxs);
+    }
+
+    .padding-y-xs\@lg {
+      padding-top: var(--space-xs);
+      padding-bottom: var(--space-xs);
+    }
+
+    .padding-y-sm\@lg {
+      padding-top: var(--space-sm);
+      padding-bottom: var(--space-sm);
+    }
+
+    .padding-y-md\@lg {
+      padding-top: var(--space-md);
+      padding-bottom: var(--space-md);
+    }
+
+    .padding-y-lg\@lg {
+      padding-top: var(--space-lg);
+      padding-bottom: var(--space-lg);
+    }
+
+    .padding-y-xl\@lg {
+      padding-top: var(--space-xl);
+      padding-bottom: var(--space-xl);
+    }
+
+    .padding-y-xxl\@lg {
+      padding-top: var(--space-xxl);
+      padding-bottom: var(--space-xxl);
+    }
+
+    .padding-y-xxxl\@lg {
+      padding-top: var(--space-xxxl);
+      padding-bottom: var(--space-xxxl);
+    }
+
+    .padding-y-xxxxl\@lg {
+      padding-top: var(--space-xxxxl);
+      padding-bottom: var(--space-xxxxl);
+    }
+
+    .padding-y-0\@lg {
+      padding-top: 0;
+      padding-bottom: 0;
+    }
+
+    .padding-y-component\@lg {
+      padding-top: var(--component-padding);
+      padding-bottom: var(--component-padding);
+    }
+  }
+  .text-center\@lg {
+    text-align: center;
+  }
+
+  .text-left\@lg {
+    text-align: left;
+  }
+
+  .text-right\@lg {
+    text-align: right;
+  }
+
+  .text-justify\@lg {
+    text-align: justify;
+  }
+
+  @supports (--css: variables) {
+    .text-xs\@lg {
+      font-size: var(--text-xs, 0.694em);
+    }
+
+    .text-sm\@lg {
+      font-size: var(--text-sm, 0.833em);
+    }
+
+    .text-base\@lg {
+      font-size: 1em;
+    }
+
+    .text-md\@lg {
+      font-size: var(--text-md, 1.2em);
+    }
+
+    .text-lg\@lg {
+      font-size: var(--text-lg, 1.44em);
+    }
+
+    .text-xl\@lg {
+      font-size: var(--text-xl, 1.728em);
+    }
+
+    .text-xxl\@lg {
+      font-size: var(--text-xxl, 2.074em);
+    }
+
+    .text-xxxl\@lg {
+      font-size: var(--text-xxxl, 2.488em);
+    }
+
+    .text-xxxxl\@lg {
+      font-size: var(--text-xxxxl, 2.985em);
+    }
+  }
+  .hide\@lg {
+    display: none !important;
+  }
+}
+@media not all and (min-width: 80rem) {
+  .has-margin\@lg {
+    margin: 0 !important;
+  }
+
+  .has-padding\@lg {
+    padding: 0 !important;
+  }
+
+  .display\@lg {
+    display: none !important;
+  }
+}
+@media (min-width: 90rem) {
+  .flex\@xl {
+    display: flex;
+  }
+
+  .inline-flex\@xl {
+    display: inline-flex;
+  }
+
+  .flex-wrap\@xl {
+    flex-wrap: wrap;
+  }
+
+  .flex-column\@xl {
+    flex-direction: column;
+  }
+
+  .flex-column-reverse\@xl {
+    flex-direction: column-reverse;
+  }
+
+  .flex-row\@xl {
+    flex-direction: row;
+  }
+
+  .flex-row-reverse\@xl {
+    flex-direction: row-reverse;
+  }
+
+  .flex-center\@xl {
+    justify-content: center;
+    align-items: center;
+  }
+
+  .flex-grow-0\@xl {
+    flex-grow: 0;
+  }
+
+  .flex-grow\@xl {
+    flex-grow: 1;
+  }
+
+  .flex-shrink-0\@xl {
+    flex-shrink: 0;
+  }
+
+  .flex-shrink\@xl {
+    flex-shrink: 1;
+  }
+
+  .justify-start\@xl {
+    justify-content: flex-start;
+  }
+
+  .justify-end\@xl {
+    justify-content: flex-end;
+  }
+
+  .justify-center\@xl {
+    justify-content: center;
+  }
+
+  .justify-between\@xl {
+    justify-content: space-between;
+  }
+
+  .items-center\@xl {
+    align-items: center;
+  }
+
+  .items-start\@xl {
+    align-items: flex-start;
+  }
+
+  .items-end\@xl {
+    align-items: flex-end;
+  }
+
+  .items-baseline\@xl {
+    align-items: baseline;
+  }
+
+  .order-1\@xl {
+    order: 1;
+  }
+
+  .order-2\@xl {
+    order: 2;
+  }
+
+  .order-3\@xl {
+    order: 3;
+  }
+
+  .block\@xl {
+    display: block;
+  }
+
+  .inline-block\@xl {
+    display: inline-block;
+  }
+
+  .inline\@xl {
+    display: inline;
+  }
+
+  @supports (--css: variables) {
+    .margin-xxxxs\@xl {
+      margin: var(--space-xxxxs);
+    }
+
+    .margin-xxxs\@xl {
+      margin: var(--space-xxxs);
+    }
+
+    .margin-xxs\@xl {
+      margin: var(--space-xxs);
+    }
+
+    .margin-xs\@xl {
+      margin: var(--space-xs);
+    }
+
+    .margin-sm\@xl {
+      margin: var(--space-sm);
+    }
+
+    .margin-md\@xl {
+      margin: var(--space-md);
+    }
+
+    .margin-lg\@xl {
+      margin: var(--space-lg);
+    }
+
+    .margin-xl\@xl {
+      margin: var(--space-xl);
+    }
+
+    .margin-xxl\@xl {
+      margin: var(--space-xxl);
+    }
+
+    .margin-xxxl\@xl {
+      margin: var(--space-xxxl);
+    }
+
+    .margin-xxxxl\@xl {
+      margin: var(--space-xxxxl);
+    }
+
+    .margin-auto\@xl {
+      margin: auto;
+    }
+
+    .margin-0\@xl {
+      margin: 0;
+    }
+
+    .margin-top-xxxxs\@xl {
+      margin-top: var(--space-xxxxs);
+    }
+
+    .margin-top-xxxs\@xl {
+      margin-top: var(--space-xxxs);
+    }
+
+    .margin-top-xxs\@xl {
+      margin-top: var(--space-xxs);
+    }
+
+    .margin-top-xs\@xl {
+      margin-top: var(--space-xs);
+    }
+
+    .margin-top-sm\@xl {
+      margin-top: var(--space-sm);
+    }
+
+    .margin-top-md\@xl {
+      margin-top: var(--space-md);
+    }
+
+    .margin-top-lg\@xl {
+      margin-top: var(--space-lg);
+    }
+
+    .margin-top-xl\@xl {
+      margin-top: var(--space-xl);
+    }
+
+    .margin-top-xxl\@xl {
+      margin-top: var(--space-xxl);
+    }
+
+    .margin-top-xxxl\@xl {
+      margin-top: var(--space-xxxl);
+    }
+
+    .margin-top-xxxxl\@xl {
+      margin-top: var(--space-xxxxl);
+    }
+
+    .margin-top-auto\@xl {
+      margin-top: auto;
+    }
+
+    .margin-top-0\@xl {
+      margin-top: 0;
+    }
+
+    .margin-bottom-xxxxs\@xl {
+      margin-bottom: var(--space-xxxxs);
+    }
+
+    .margin-bottom-xxxs\@xl {
+      margin-bottom: var(--space-xxxs);
+    }
+
+    .margin-bottom-xxs\@xl {
+      margin-bottom: var(--space-xxs);
+    }
+
+    .margin-bottom-xs\@xl {
+      margin-bottom: var(--space-xs);
+    }
+
+    .margin-bottom-sm\@xl {
+      margin-bottom: var(--space-sm);
+    }
+
+    .margin-bottom-md\@xl {
+      margin-bottom: var(--space-md);
+    }
+
+    .margin-bottom-lg\@xl {
+      margin-bottom: var(--space-lg);
+    }
+
+    .margin-bottom-xl\@xl {
+      margin-bottom: var(--space-xl);
+    }
+
+    .margin-bottom-xxl\@xl {
+      margin-bottom: var(--space-xxl);
+    }
+
+    .margin-bottom-xxxl\@xl {
+      margin-bottom: var(--space-xxxl);
+    }
+
+    .margin-bottom-xxxxl\@xl {
+      margin-bottom: var(--space-xxxxl);
+    }
+
+    .margin-bottom-auto\@xl {
+      margin-bottom: auto;
+    }
+
+    .margin-bottom-0\@xl {
+      margin-bottom: 0;
+    }
+
+    .margin-right-xxxxs\@xl {
+      margin-right: var(--space-xxxxs);
+    }
+
+    .margin-right-xxxs\@xl {
+      margin-right: var(--space-xxxs);
+    }
+
+    .margin-right-xxs\@xl {
+      margin-right: var(--space-xxs);
+    }
+
+    .margin-right-xs\@xl {
+      margin-right: var(--space-xs);
+    }
+
+    .margin-right-sm\@xl {
+      margin-right: var(--space-sm);
+    }
+
+    .margin-right-md\@xl {
+      margin-right: var(--space-md);
+    }
+
+    .margin-right-lg\@xl {
+      margin-right: var(--space-lg);
+    }
+
+    .margin-right-xl\@xl {
+      margin-right: var(--space-xl);
+    }
+
+    .margin-right-xxl\@xl {
+      margin-right: var(--space-xxl);
+    }
+
+    .margin-right-xxxl\@xl {
+      margin-right: var(--space-xxxl);
+    }
+
+    .margin-right-xxxxl\@xl {
+      margin-right: var(--space-xxxxl);
+    }
+
+    .margin-right-auto\@xl {
+      margin-right: auto;
+    }
+
+    .margin-right-0\@xl {
+      margin-right: 0;
+    }
+
+    .margin-left-xxxxs\@xl {
+      margin-left: var(--space-xxxxs);
+    }
+
+    .margin-left-xxxs\@xl {
+      margin-left: var(--space-xxxs);
+    }
+
+    .margin-left-xxs\@xl {
+      margin-left: var(--space-xxs);
+    }
+
+    .margin-left-xs\@xl {
+      margin-left: var(--space-xs);
+    }
+
+    .margin-left-sm\@xl {
+      margin-left: var(--space-sm);
+    }
+
+    .margin-left-md\@xl {
+      margin-left: var(--space-md);
+    }
+
+    .margin-left-lg\@xl {
+      margin-left: var(--space-lg);
+    }
+
+    .margin-left-xl\@xl {
+      margin-left: var(--space-xl);
+    }
+
+    .margin-left-xxl\@xl {
+      margin-left: var(--space-xxl);
+    }
+
+    .margin-left-xxxl\@xl {
+      margin-left: var(--space-xxxl);
+    }
+
+    .margin-left-xxxxl\@xl {
+      margin-left: var(--space-xxxxl);
+    }
+
+    .margin-left-auto\@xl {
+      margin-left: auto;
+    }
+
+    .margin-left-0\@xl {
+      margin-left: 0;
+    }
+
+    .margin-x-xxxxs\@xl {
+      margin-left: var(--space-xxxxs);
+      margin-right: var(--space-xxxxs);
+    }
+
+    .margin-x-xxxs\@xl {
+      margin-left: var(--space-xxxs);
+      margin-right: var(--space-xxxs);
+    }
+
+    .margin-x-xxs\@xl {
+      margin-left: var(--space-xxs);
+      margin-right: var(--space-xxs);
+    }
+
+    .margin-x-xs\@xl {
+      margin-left: var(--space-xs);
+      margin-right: var(--space-xs);
+    }
+
+    .margin-x-sm\@xl {
+      margin-left: var(--space-sm);
+      margin-right: var(--space-sm);
+    }
+
+    .margin-x-md\@xl {
+      margin-left: var(--space-md);
+      margin-right: var(--space-md);
+    }
+
+    .margin-x-lg\@xl {
+      margin-left: var(--space-lg);
+      margin-right: var(--space-lg);
+    }
+
+    .margin-x-xl\@xl {
+      margin-left: var(--space-xl);
+      margin-right: var(--space-xl);
+    }
+
+    .margin-x-xxl\@xl {
+      margin-left: var(--space-xxl);
+      margin-right: var(--space-xxl);
+    }
+
+    .margin-x-xxxl\@xl {
+      margin-left: var(--space-xxxl);
+      margin-right: var(--space-xxxl);
+    }
+
+    .margin-x-xxxxl\@xl {
+      margin-left: var(--space-xxxxl);
+      margin-right: var(--space-xxxxl);
+    }
+
+    .margin-x-auto\@xl {
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    .margin-x-0\@xl {
+      margin-left: 0;
+      margin-right: 0;
+    }
+
+    .margin-y-xxxxs\@xl {
+      margin-top: var(--space-xxxxs);
+      margin-bottom: var(--space-xxxxs);
+    }
+
+    .margin-y-xxxs\@xl {
+      margin-top: var(--space-xxxs);
+      margin-bottom: var(--space-xxxs);
+    }
+
+    .margin-y-xxs\@xl {
+      margin-top: var(--space-xxs);
+      margin-bottom: var(--space-xxs);
+    }
+
+    .margin-y-xs\@xl {
+      margin-top: var(--space-xs);
+      margin-bottom: var(--space-xs);
+    }
+
+    .margin-y-sm\@xl {
+      margin-top: var(--space-sm);
+      margin-bottom: var(--space-sm);
+    }
+
+    .margin-y-md\@xl {
+      margin-top: var(--space-md);
+      margin-bottom: var(--space-md);
+    }
+
+    .margin-y-lg\@xl {
+      margin-top: var(--space-lg);
+      margin-bottom: var(--space-lg);
+    }
+
+    .margin-y-xl\@xl {
+      margin-top: var(--space-xl);
+      margin-bottom: var(--space-xl);
+    }
+
+    .margin-y-xxl\@xl {
+      margin-top: var(--space-xxl);
+      margin-bottom: var(--space-xxl);
+    }
+
+    .margin-y-xxxl\@xl {
+      margin-top: var(--space-xxxl);
+      margin-bottom: var(--space-xxxl);
+    }
+
+    .margin-y-xxxxl\@xl {
+      margin-top: var(--space-xxxxl);
+      margin-bottom: var(--space-xxxxl);
+    }
+
+    .margin-y-auto\@xl {
+      margin-top: auto;
+      margin-bottom: auto;
+    }
+
+    .margin-y-0\@xl {
+      margin-top: 0;
+      margin-bottom: 0;
+    }
+  }
+  @supports (--css: variables) {
+    .padding-xxxxs\@xl {
+      padding: var(--space-xxxxs);
+    }
+
+    .padding-xxxs\@xl {
+      padding: var(--space-xxxs);
+    }
+
+    .padding-xxs\@xl {
+      padding: var(--space-xxs);
+    }
+
+    .padding-xs\@xl {
+      padding: var(--space-xs);
+    }
+
+    .padding-sm\@xl {
+      padding: var(--space-sm);
+    }
+
+    .padding-md\@xl {
+      padding: var(--space-md);
+    }
+
+    .padding-lg\@xl {
+      padding: var(--space-lg);
+    }
+
+    .padding-xl\@xl {
+      padding: var(--space-xl);
+    }
+
+    .padding-xxl\@xl {
+      padding: var(--space-xxl);
+    }
+
+    .padding-xxxl\@xl {
+      padding: var(--space-xxxl);
+    }
+
+    .padding-xxxxl\@xl {
+      padding: var(--space-xxxxl);
+    }
+
+    .padding-0\@xl {
+      padding: 0;
+    }
+
+    .padding-component\@xl {
+      padding: var(--component-padding);
+    }
+
+    .padding-top-xxxxs\@xl {
+      padding-top: var(--space-xxxxs);
+    }
+
+    .padding-top-xxxs\@xl {
+      padding-top: var(--space-xxxs);
+    }
+
+    .padding-top-xxs\@xl {
+      padding-top: var(--space-xxs);
+    }
+
+    .padding-top-xs\@xl {
+      padding-top: var(--space-xs);
+    }
+
+    .padding-top-sm\@xl {
+      padding-top: var(--space-sm);
+    }
+
+    .padding-top-md\@xl {
+      padding-top: var(--space-md);
+    }
+
+    .padding-top-lg\@xl {
+      padding-top: var(--space-lg);
+    }
+
+    .padding-top-xl\@xl {
+      padding-top: var(--space-xl);
+    }
+
+    .padding-top-xxl\@xl {
+      padding-top: var(--space-xxl);
+    }
+
+    .padding-top-xxxl\@xl {
+      padding-top: var(--space-xxxl);
+    }
+
+    .padding-top-xxxxl\@xl {
+      padding-top: var(--space-xxxxl);
+    }
+
+    .padding-top-0\@xl {
+      padding-top: 0;
+    }
+
+    .padding-top-component\@xl {
+      padding-top: var(--component-padding);
+    }
+
+    .padding-bottom-xxxxs\@xl {
+      padding-bottom: var(--space-xxxxs);
+    }
+
+    .padding-bottom-xxxs\@xl {
+      padding-bottom: var(--space-xxxs);
+    }
+
+    .padding-bottom-xxs\@xl {
+      padding-bottom: var(--space-xxs);
+    }
+
+    .padding-bottom-xs\@xl {
+      padding-bottom: var(--space-xs);
+    }
+
+    .padding-bottom-sm\@xl {
+      padding-bottom: var(--space-sm);
+    }
+
+    .padding-bottom-md\@xl {
+      padding-bottom: var(--space-md);
+    }
+
+    .padding-bottom-lg\@xl {
+      padding-bottom: var(--space-lg);
+    }
+
+    .padding-bottom-xl\@xl {
+      padding-bottom: var(--space-xl);
+    }
+
+    .padding-bottom-xxl\@xl {
+      padding-bottom: var(--space-xxl);
+    }
+
+    .padding-bottom-xxxl\@xl {
+      padding-bottom: var(--space-xxxl);
+    }
+
+    .padding-bottom-xxxxl\@xl {
+      padding-bottom: var(--space-xxxxl);
+    }
+
+    .padding-bottom-0\@xl {
+      padding-bottom: 0;
+    }
+
+    .padding-bottom-component\@xl {
+      padding-bottom: var(--component-padding);
+    }
+
+    .padding-right-xxxxs\@xl {
+      padding-right: var(--space-xxxxs);
+    }
+
+    .padding-right-xxxs\@xl {
+      padding-right: var(--space-xxxs);
+    }
+
+    .padding-right-xxs\@xl {
+      padding-right: var(--space-xxs);
+    }
+
+    .padding-right-xs\@xl {
+      padding-right: var(--space-xs);
+    }
+
+    .padding-right-sm\@xl {
+      padding-right: var(--space-sm);
+    }
+
+    .padding-right-md\@xl {
+      padding-right: var(--space-md);
+    }
+
+    .padding-right-lg\@xl {
+      padding-right: var(--space-lg);
+    }
+
+    .padding-right-xl\@xl {
+      padding-right: var(--space-xl);
+    }
+
+    .padding-right-xxl\@xl {
+      padding-right: var(--space-xxl);
+    }
+
+    .padding-right-xxxl\@xl {
+      padding-right: var(--space-xxxl);
+    }
+
+    .padding-right-xxxxl\@xl {
+      padding-right: var(--space-xxxxl);
+    }
+
+    .padding-right-0\@xl {
+      padding-right: 0;
+    }
+
+    .padding-right-component\@xl {
+      padding-right: var(--component-padding);
+    }
+
+    .padding-left-xxxxs\@xl {
+      padding-left: var(--space-xxxxs);
+    }
+
+    .padding-left-xxxs\@xl {
+      padding-left: var(--space-xxxs);
+    }
+
+    .padding-left-xxs\@xl {
+      padding-left: var(--space-xxs);
+    }
+
+    .padding-left-xs\@xl {
+      padding-left: var(--space-xs);
+    }
+
+    .padding-left-sm\@xl {
+      padding-left: var(--space-sm);
+    }
+
+    .padding-left-md\@xl {
+      padding-left: var(--space-md);
+    }
+
+    .padding-left-lg\@xl {
+      padding-left: var(--space-lg);
+    }
+
+    .padding-left-xl\@xl {
+      padding-left: var(--space-xl);
+    }
+
+    .padding-left-xxl\@xl {
+      padding-left: var(--space-xxl);
+    }
+
+    .padding-left-xxxl\@xl {
+      padding-left: var(--space-xxxl);
+    }
+
+    .padding-left-xxxxl\@xl {
+      padding-left: var(--space-xxxxl);
+    }
+
+    .padding-left-0\@xl {
+      padding-left: 0;
+    }
+
+    .padding-left-component\@xl {
+      padding-left: var(--component-padding);
+    }
+
+    .padding-x-xxxxs\@xl {
+      padding-left: var(--space-xxxxs);
+      padding-right: var(--space-xxxxs);
+    }
+
+    .padding-x-xxxs\@xl {
+      padding-left: var(--space-xxxs);
+      padding-right: var(--space-xxxs);
+    }
+
+    .padding-x-xxs\@xl {
+      padding-left: var(--space-xxs);
+      padding-right: var(--space-xxs);
+    }
+
+    .padding-x-xs\@xl {
+      padding-left: var(--space-xs);
+      padding-right: var(--space-xs);
+    }
+
+    .padding-x-sm\@xl {
+      padding-left: var(--space-sm);
+      padding-right: var(--space-sm);
+    }
+
+    .padding-x-md\@xl {
+      padding-left: var(--space-md);
+      padding-right: var(--space-md);
+    }
+
+    .padding-x-lg\@xl {
+      padding-left: var(--space-lg);
+      padding-right: var(--space-lg);
+    }
+
+    .padding-x-xl\@xl {
+      padding-left: var(--space-xl);
+      padding-right: var(--space-xl);
+    }
+
+    .padding-x-xxl\@xl {
+      padding-left: var(--space-xxl);
+      padding-right: var(--space-xxl);
+    }
+
+    .padding-x-xxxl\@xl {
+      padding-left: var(--space-xxxl);
+      padding-right: var(--space-xxxl);
+    }
+
+    .padding-x-xxxxl\@xl {
+      padding-left: var(--space-xxxxl);
+      padding-right: var(--space-xxxxl);
+    }
+
+    .padding-x-0\@xl {
+      padding-left: 0;
+      padding-right: 0;
+    }
+
+    .padding-x-component\@xl {
+      padding-left: var(--component-padding);
+      padding-right: var(--component-padding);
+    }
+
+    .padding-y-xxxxs\@xl {
+      padding-top: var(--space-xxxxs);
+      padding-bottom: var(--space-xxxxs);
+    }
+
+    .padding-y-xxxs\@xl {
+      padding-top: var(--space-xxxs);
+      padding-bottom: var(--space-xxxs);
+    }
+
+    .padding-y-xxs\@xl {
+      padding-top: var(--space-xxs);
+      padding-bottom: var(--space-xxs);
+    }
+
+    .padding-y-xs\@xl {
+      padding-top: var(--space-xs);
+      padding-bottom: var(--space-xs);
+    }
+
+    .padding-y-sm\@xl {
+      padding-top: var(--space-sm);
+      padding-bottom: var(--space-sm);
+    }
+
+    .padding-y-md\@xl {
+      padding-top: var(--space-md);
+      padding-bottom: var(--space-md);
+    }
+
+    .padding-y-lg\@xl {
+      padding-top: var(--space-lg);
+      padding-bottom: var(--space-lg);
+    }
+
+    .padding-y-xl\@xl {
+      padding-top: var(--space-xl);
+      padding-bottom: var(--space-xl);
+    }
+
+    .padding-y-xxl\@xl {
+      padding-top: var(--space-xxl);
+      padding-bottom: var(--space-xxl);
+    }
+
+    .padding-y-xxxl\@xl {
+      padding-top: var(--space-xxxl);
+      padding-bottom: var(--space-xxxl);
+    }
+
+    .padding-y-xxxxl\@xl {
+      padding-top: var(--space-xxxxl);
+      padding-bottom: var(--space-xxxxl);
+    }
+
+    .padding-y-0\@xl {
+      padding-top: 0;
+      padding-bottom: 0;
+    }
+
+    .padding-y-component\@xl {
+      padding-top: var(--component-padding);
+      padding-bottom: var(--component-padding);
+    }
+  }
+  .text-center\@xl {
+    text-align: center;
+  }
+
+  .text-left\@xl {
+    text-align: left;
+  }
+
+  .text-right\@xl {
+    text-align: right;
+  }
+
+  .text-justify\@xl {
+    text-align: justify;
+  }
+
+  @supports (--css: variables) {
+    .text-xs\@xl {
+      font-size: var(--text-xs, 0.694em);
+    }
+
+    .text-sm\@xl {
+      font-size: var(--text-sm, 0.833em);
+    }
+
+    .text-base\@xl {
+      font-size: 1em;
+    }
+
+    .text-md\@xl {
+      font-size: var(--text-md, 1.2em);
+    }
+
+    .text-lg\@xl {
+      font-size: var(--text-lg, 1.44em);
+    }
+
+    .text-xl\@xl {
+      font-size: var(--text-xl, 1.728em);
+    }
+
+    .text-xxl\@xl {
+      font-size: var(--text-xxl, 2.074em);
+    }
+
+    .text-xxxl\@xl {
+      font-size: var(--text-xxxl, 2.488em);
+    }
+
+    .text-xxxxl\@xl {
+      font-size: var(--text-xxxxl, 2.985em);
+    }
+  }
+  .hide\@xl {
+    display: none !important;
+  }
+}
+@media not all and (min-width: 90rem) {
+  .has-margin\@xl {
+    margin: 0 !important;
+  }
+
+  .has-padding\@xl {
+    padding: 0 !important;
+  }
+
+  .display\@xl {
+    display: none !important;
+  }
+}
+:root, [data-theme=default] {
+  --color-primary-darker:hsl(220, 90%, 42%);
+  --color-primary-darker-h:220;
+  --color-primary-darker-s:90%;
+  --color-primary-darker-l:42%;
+  --color-primary-dark:hsl(220, 90%, 49%);
+  --color-primary-dark-h:220;
+  --color-primary-dark-s:90%;
+  --color-primary-dark-l:49%;
+  --color-primary:hsl(220, 90%, 56%);
+  --color-primary-h:220;
+  --color-primary-s:90%;
+  --color-primary-l:56%;
+  --color-primary-light:hsl(220, 90%, 63%);
+  --color-primary-light-h:220;
+  --color-primary-light-s:90%;
+  --color-primary-light-l:63%;
+  --color-primary-lighter:hsl(220, 90%, 70%);
+  --color-primary-lighter-h:220;
+  --color-primary-lighter-s:90%;
+  --color-primary-lighter-l:70%;
+  --color-accent-darker:hsl(349, 75%, 36%);
+  --color-accent-darker-h:349;
+  --color-accent-darker-s:75%;
+  --color-accent-darker-l:36%;
+  --color-accent-dark:hsl(349, 75%, 44%);
+  --color-accent-dark-h:349;
+  --color-accent-dark-s:75%;
+  --color-accent-dark-l:44%;
+  --color-accent:hsl(349, 75%, 51%);
+  --color-accent-h:349;
+  --color-accent-s:75%;
+  --color-accent-l:51%;
+  --color-accent-light:hsl(349, 75%, 59%);
+  --color-accent-light-h:349;
+  --color-accent-light-s:75%;
+  --color-accent-light-l:59%;
+  --color-accent-lighter:hsl(349, 75%, 67%);
+  --color-accent-lighter-h:349;
+  --color-accent-lighter-s:75%;
+  --color-accent-lighter-l:67%;
+  --color-black:hsl(240, 8%, 12%);
+  --color-black-h:240;
+  --color-black-s:8%;
+  --color-black-l:12%;
+  --color-white:hsl(0, 0%, 100%);
+  --color-white-h:0;
+  --color-white-s:0%;
+  --color-white-l:100%;
+  --color-success-darker:hsl(94, 48%, 42%);
+  --color-success-darker-h:94;
+  --color-success-darker-s:48%;
+  --color-success-darker-l:42%;
+  --color-success-dark:hsl(94, 48%, 48%);
+  --color-success-dark-h:94;
+  --color-success-dark-s:48%;
+  --color-success-dark-l:48%;
+  --color-success:hsl(94, 48%, 56%);
+  --color-success-h:94;
+  --color-success-s:48%;
+  --color-success-l:56%;
+  --color-success-light:hsl(94, 48%, 65%);
+  --color-success-light-h:94;
+  --color-success-light-s:48%;
+  --color-success-light-l:65%;
+  --color-success-lighter:hsl(94, 48%, 74%);
+  --color-success-lighter-h:94;
+  --color-success-lighter-s:48%;
+  --color-success-lighter-l:74%;
+  --color-error-darker:hsl(349, 75%, 36%);
+  --color-error-darker-h:349;
+  --color-error-darker-s:75%;
+  --color-error-darker-l:36%;
+  --color-error-dark:hsl(349, 75%, 44%);
+  --color-error-dark-h:349;
+  --color-error-dark-s:75%;
+  --color-error-dark-l:44%;
+  --color-error:hsl(349, 75%, 51%);
+  --color-error-h:349;
+  --color-error-s:75%;
+  --color-error-l:51%;
+  --color-error-light:hsl(349, 75%, 59%);
+  --color-error-light-h:349;
+  --color-error-light-s:75%;
+  --color-error-light-l:59%;
+  --color-error-lighter:hsl(349, 75%, 67%);
+  --color-error-lighter-h:349;
+  --color-error-lighter-s:75%;
+  --color-error-lighter-l:67%;
+  --color-warning-darker:hsl(46, 100%, 47%);
+  --color-warning-darker-h:46;
+  --color-warning-darker-s:100%;
+  --color-warning-darker-l:47%;
+  --color-warning-dark:hsl(46, 100%, 50%);
+  --color-warning-dark-h:46;
+  --color-warning-dark-s:100%;
+  --color-warning-dark-l:50%;
+  --color-warning:hsl(46, 100%, 61%);
+  --color-warning-h:46;
+  --color-warning-s:100%;
+  --color-warning-l:61%;
+  --color-warning-light:hsl(46, 100%, 71%);
+  --color-warning-light-h:46;
+  --color-warning-light-s:100%;
+  --color-warning-light-l:71%;
+  --color-warning-lighter:hsl(46, 100%, 80%);
+  --color-warning-lighter-h:46;
+  --color-warning-lighter-s:100%;
+  --color-warning-lighter-l:80%;
+  --color-bg:hsl(0, 0%, 100%);
+  --color-bg-h:0;
+  --color-bg-s:0%;
+  --color-bg-l:100%;
+  --color-contrast-lower:hsl(0, 0%, 95%);
+  --color-contrast-lower-h:0;
+  --color-contrast-lower-s:0%;
+  --color-contrast-lower-l:95%;
+  --color-contrast-low:hsl(240, 1%, 83%);
+  --color-contrast-low-h:240;
+  --color-contrast-low-s:1%;
+  --color-contrast-low-l:83%;
+  --color-contrast-medium:hsl(240, 1%, 48%);
+  --color-contrast-medium-h:240;
+  --color-contrast-medium-s:1%;
+  --color-contrast-medium-l:48%;
+  --color-contrast-high:hsl(240, 4%, 20%);
+  --color-contrast-high-h:240;
+  --color-contrast-high-s:4%;
+  --color-contrast-high-l:20%;
+  --color-contrast-higher:hsl(240, 8%, 12%);
+  --color-contrast-higher-h:240;
+  --color-contrast-higher-s:8%;
+  --color-contrast-higher-l:12%;
+}
+
+@supports (--css: variables) {
+  @media (min-width: 64rem) {
+    :root {
+      --space-unit: 1.25em;
+    }
+  }
+}
+:root {
+  --radius: 0.25em;
+}
+
+:root {
+  --font-primary: system-ui, sans-serif;
+  --text-base-size: 1em;
+  --text-scale-ratio: 1.2;
+  --text-xs: calc((1em / var(--text-scale-ratio)) / var(--text-scale-ratio));
+  --text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
+  --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
+  --text-lg: calc(var(--text-md) * var(--text-scale-ratio));
+  --text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
+  --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
+  --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
+  --text-xxxxl: calc(var(--text-xxxl) * var(--text-scale-ratio));
+  --body-line-height: 1.4;
+  --heading-line-height: 1.2;
+  --font-primary-capital-letter: 1;
+}
+
+@supports (--css: variables) {
+  @media (min-width: 64rem) {
+    :root {
+      --text-base-size: 1.25em;
+      --text-scale-ratio: 1.25;
+    }
+  }
+}
+h1, h2, h3, h4 {
+  font-weight: 600;
+}
+
+mark {
+  background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2);
+  color: inherit;
+}
+
+.text-component {
+  --line-height-multiplier: 1;
+  --text-vspace-multiplier: 1;
+}
+.text-component blockquote {
+  padding-left: 1em;
+  border-left: 4px solid var(--color-contrast-low);
+}
+.text-component hr {
+  background: var(--color-contrast-low);
+  height: 1px;
+}
+.text-component figcaption {
+  font-size: var(--text-sm);
+  color: var(--color-contrast-medium);
+}
+
+.article {
+  --body-line-height: 1.58;
+  --text-vspace-multiplier: 1.2;
+}
+
+:root {
+  --btn-font-size: 1em;
+  --btn-font-size-sm: calc(var(--btn-font-size) - 0.2em);
+  --btn-font-size-md: calc(var(--btn-font-size) + 0.2em);
+  --btn-font-size-lg: calc(var(--btn-font-size) + 0.4em);
+  --btn-padding-x: var(--space-sm);
+  --btn-padding-y: var(--space-xs);
+  --btn-radius: 0.25em;
+}
+
+.btn {
+  box-shadow: var(--shadow-xs);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  transition: 0.3s;
+}
+.btn:hover {
+  cursor: pointer;
+  box-shadow: var(--shadow-sm);
+}
+.btn:focus {
+  outline: none;
+  box-shadow: 0px 0px 0px 2px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.15);
+}
+.btn:active {
+  transform: translateY(2px);
+}
+
+.btn--primary {
+  background-color: var(--color-primary);
+  color: var(--color-white);
+}
+.btn--primary:hover {
+  background-color: var(--color-primary-dark);
+}
+.btn--primary:focus {
+  box-shadow: 0px 0px 0px 2px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
+}
+
+.btn--subtle {
+  background-color: var(--color-contrast-lower);
+  color: var(--color-contrast-higher);
+}
+
+.btn--accent {
+  background-color: var(--color-accent);
+  color: var(--color-white);
+}
+.btn--accent:hover {
+  background-color: var(--color-accent-dark);
+}
+.btn--accent:focus {
+  box-shadow: 0px 0px 0px 2px hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2);
+}
+
+.btn--disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+:root {
+  --form-control-padding-x: var(--space-sm);
+  --form-control-padding-y: var(--space-xs);
+  --form-control-radius: 0.25em;
+}
+
+.form-control {
+  background-color: var(--color-bg);
+  border: 2px solid var(--color-contrast-low);
+  transition: 0.3s;
+}
+.form-control::placeholder {
+  opacity: 1;
+  color: var(--color-contrast-medium);
+}
+.form-control:focus {
+  outline: none;
+  border-color: var(--color-primary);
+  box-shadow: 0 0 0 2px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
+}
+
+.form-control[aria-invalid=true] {
+  border-color: var(--color-error);
+}
+.form-control[aria-invalid=true]:focus {
+  box-shadow: 0 0 0 2px hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);
+}
+
+.form-control[disabled], .form-control[readonly] {
+  cursor: not-allowed;
+}
+
+/*# sourceMappingURL=codyframe.css.map */