/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: Inter UI, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: hsl(210, 22%, 89%); /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #a0aec0;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #a0aec0;
}

input::placeholder,
textarea::placeholder {
  color: #a0aec0;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.4;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* Inter UI
   ========================================================================== */

@font-face {
  font-family: 'Inter UI';

  font-style: normal;

  font-weight: 400;

  src: url([object Module]) format("woff2"), url([object Module]) format("woff");
}

@font-face {
  font-family: 'Inter UI';

  font-style: italic;

  font-weight: 400;

  src: url([object Module]) format("woff2"), url([object Module]) format("woff");
}

@font-face {
  font-family: 'Inter UI';

  font-style: normal;

  font-weight: 500;

  src: url([object Module]) format("woff2"), url([object Module]) format("woff");
}

@font-face {
  font-family: 'Inter UI';

  font-style: italic;

  font-weight: 500;

  src: url([object Module]) format("woff2"), url([object Module]) format("woff");
}

@font-face {
  font-family: 'Inter UI';

  font-style: normal;

  font-weight: 700;

  src: url([object Module]) format("woff2"), url([object Module]) format("woff");
}

@font-face {
  font-family: 'Inter UI';

  font-style: italic;

  font-weight: 700;

  src: url([object Module]) format("woff2"), url([object Module]) format("woff");
}

@font-face {
  font-family: 'Inter UI';

  font-style: normal;

  font-weight: 900;

  src: url([object Module]) format("woff2"), url([object Module]) format("woff");
}

@font-face {
  font-family: 'Inter UI';

  font-style: italic;

  font-weight: 900;

  src: url([object Module]) format("woff2"), url([object Module]) format("woff");
}

/* Entypo
   ========================================================================== */

@font-face {
  font-family: "entypo";

  src: url([object Module]);

  src: url([object Module]?#iefix) format("eot"), url([object Module]) format("woff2"), url([object Module]) format("woff"), url([object Module]) format("truetype");

  font-weight: normal;

  font-style: normal;
}

/* Font Awesome - used in Bard's MediumEditor implementation
  ========================================================================== */

@font-face {
  font-family: 'fontawesome';

  src: url([object Module]) format("truetype"), url([object Module]) format("woff"), url([object Module]#fontawesome) format("svg");

  font-weight: normal;

  font-style: normal;
}

/* ==========================================================================
   MIXINS
   ========================================================================== */

/* ==========================================================================
   VARIABLES
   ========================================================================== */

/* Fade Enter
   ========================================================================== */

.fade-enter {
  -webkit-animation: fade-in .1s;
          animation: fade-in .1s;
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Fade Leave
   ========================================================================== */

.fade-leave {
  -webkit-animation: fade-out .1s;
          animation: fade-out .1s;
}

@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* Spin
   ========================================================================== */

.animation-spin {
  -webkit-animation: spin .6s infinite linear;
          animation: spin .6s infinite linear;
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

/* Fade Shake
   ========================================================================== */

.animation-shake {
  -webkit-animation-name: shake;
          animation-name: shake;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}

/* ==========================================================================
   CODEMIRROR
   ========================================================================== */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  --text-opacity: 1;
  color: hsl(196, 31%, 14%);
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity));
  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 14px;
  line-height: 1.75;
  min-height: 80px;
}

.code-mode {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 10;
  opacity: 0.25;
  position: absolute;
  right: 0;
  padding: 8px;
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  font-size: 12px;
  text-transform: uppercase;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */
}

.CodeMirror pre {
  padding: 0 16px;
  /* Horizontal padding of content */
}

.CodeMirror-wrap {
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 3px;
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
  border-right-width: 1px;
  height: 100% !important;
  white-space: nowrap;
}

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker {
  color: black;
}

.CodeMirror-guttermarker-subtle {
  color: #999;
}

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}

/* Shown when moving in bi-directional text */

.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0;
  background: #7e7;
}

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}

@-webkit-keyframes blink {
  0% {
  }

  50% {
    background-color: transparent;
  }

  100% {
  }
}

@keyframes blink {
  0% {
  }

  50% {
    background-color: transparent;
  }

  100% {
  }
}

/* Can style cursor different in overwrite (non-insert) mode */

.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {
  color: blue;
}

.cm-s-default .cm-quote {
  color: #090;
}

.cm-negative {
  color: #d44;
}

.cm-positive {
  color: #292;
}

.cm-header, .cm-strong {
  font-weight: bold;
}

.cm-em {
  font-style: italic;
}

.cm-link {
  text-decoration: underline;
}

.cm-strikethrough {
  text-decoration: line-through;
}

.cm-s-default .cm-keyword {
  color: #708;
}

.cm-s-default .cm-atom {
  color: #219;
}

.cm-s-default .cm-number {
  color: #164;
}

.cm-s-default .cm-def {
  color: #00f;
}

.cm-s-default .cm-variable-2 {
  color: #05a;
}

.cm-s-default .cm-variable-3 {
  color: #085;
}

.cm-s-default .cm-comment {
  color: #a50;
}

.cm-s-default .cm-string {
  color: #a11;
}

.cm-s-default .cm-string-2 {
  color: #f50;
}

.cm-s-default .cm-meta {
  color: #555;
}

.cm-s-default .cm-qualifier {
  color: #555;
}

.cm-s-default .cm-builtin {
  color: #30a;
}

.cm-s-default .cm-bracket {
  color: #997;
}

.cm-s-default .cm-tag {
  color: #170;
}

.cm-s-default .cm-attribute {
  color: #00c;
}

.cm-s-default .cm-hr {
  color: #999;
}

.cm-s-default .cm-link {
  color: #00c;
}

.cm-s-default .cm-error {
  color: #f00;
}

.cm-invalidchar {
  color: #f00;
}

.CodeMirror-composing {
  border-bottom: 2px solid;
}

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0f0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f22;
}

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}

.CodeMirror-activeline-background {
  background: #e8f2ff;
}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
     the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important;
  /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative;
}

.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
      before actual scrolling happens, thus preventing shaking and
      flickering artifacts. */

.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}

.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}

.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}

.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}

.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
  /* prevents collapsing before first draw */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  font-variant-ligatures: contextual;
}

.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px;
  /* Force widget margins to stay inside of the container */
}

.CodeMirror-rtl pre {
  direction: rtl;
}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */

.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}

.CodeMirror-measure pre {
  position: static;
}

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}

div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected {
  background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}

.CodeMirror-crosshair {
  cursor: crosshair;
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4);
}

/* Used to force a border model for a node */

.cm-force-border {
  padding-right: .1px;
}

@media print {
  /* Hide the cursor when printing */

  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */

.cm-tab-wrap-hack:after {
  content: '';
}

/* Help users use markselection to safely style text background */

span.CodeMirror-selectedtext {
  background: none;
}

/* Light Theme
  ========================================================================== */

.code-fieldtype .theme-light .code-mode {
  --text-opacity: 1;
  color: hsl(196, 31%, 14%);
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity));
}

.code-fieldtype .theme-light .CodeMirror {
  border-width: 1px;
  padding: 0;
}

.code-fieldtype .theme-light .CodeMirror-scroll {
  min-height: 80px;
}

/* Material Theme
    ========================================================================== */

.cm-s-material.CodeMirror {
  background-color: #263238;
  color: #EEFFFF;
}

.cm-s-material .CodeMirror-gutters {
  background: #263238;
  color: #546E7A;
  border: none;
}

.cm-s-material .CodeMirror-guttermarker,
.cm-s-material .CodeMirror-guttermarker-subtle,
.cm-s-material .CodeMirror-linenumber {
  color: #546E7A;
}

.cm-s-material .CodeMirror-cursor {
  border-left: 1px solid #FFCC00;
}

.cm-s-material div.CodeMirror-selected {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-line::-moz-selection, .cm-s-material .CodeMirror-line > span::-moz-selection, .cm-s-material .CodeMirror-line > span > span::-moz-selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-line::selection,
.cm-s-material .CodeMirror-line > span::selection,
.cm-s-material .CodeMirror-line > span > span::selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-line::-moz-selection,
.cm-s-material .CodeMirror-line > span::-moz-selection,
.cm-s-material .CodeMirror-line > span > span::-moz-selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.5);
}

.cm-s-material .cm-keyword {
  color: #C792EA;
}

.cm-s-material .cm-operator {
  color: #89DDFF;
}

.cm-s-material .cm-variable-2 {
  color: #EEFFFF;
}

.cm-s-material .cm-variable-3,
.cm-s-material .cm-type {
  color: #f07178;
}

.cm-s-material .cm-builtin {
  color: #FFCB6B;
}

.cm-s-material .cm-atom {
  color: #F78C6C;
}

.cm-s-material .cm-number {
  color: #FF5370;
}

.cm-s-material .cm-def {
  color: #82AAFF;
}

.cm-s-material .cm-string {
  color: #C3E88D;
}

.cm-s-material .cm-string-2 {
  color: #f07178;
}

.cm-s-material .cm-comment {
  color: #546E7A;
}

.cm-s-material .cm-variable {
  color: #f07178;
}

.cm-s-material .cm-tag {
  color: #FF5370;
}

.cm-s-material .cm-meta {
  color: #FFCB6B;
}

.cm-s-material .cm-attribute {
  color: #C792EA;
}

.cm-s-material .cm-property {
  color: #C792EA;
}

.cm-s-material .cm-qualifier {
  color: #DECB6B;
}

.cm-s-material .cm-variable-3,
.cm-s-material .cm-type {
  color: #DECB6B;
}

.cm-s-material .cm-error {
  color: white;
  background-color: #FF5370;
}

.cm-s-material .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}

.daterange {
  position: relative;
}

.daterange ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.daterange.dr-active {
  z-index: 10;
}

.daterange .dr-input {
  display: flex;
  position: relative;
  overflow: hidden;
  z-index: 5;
}

.daterange .dr-input .dr-dates {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 220px;
}

.daterange .dr-input .dr-dates .dr-date {
  text-align: center;
  overflow: hidden;
  outline: 2px solid transparent;
  outline-offset: 2px;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.daterange .dr-input .dr-dates .dr-dates-dash {
  --text-opacity: 1;
  color: hsl(210, 22%, 89%);
  color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity));
  position: relative;
  top: -2px;
  padding: 0 5px;
  flex-grow: 0;
  text-align: center;
}

.daterange .dr-input .dr-presets {
  border-left-width: 1px;
  width: 2.1875rem;
  flex-shrink: 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}

.daterange .dr-input .dr-presets:hover, .daterange .dr-input .dr-presets.dr-active {
  border-color: #3aa3e3;
  box-shadow: inset 0 2px 3px #EBF1F4;
}

.daterange .dr-input .dr-presets:hover .dr-preset-bar, .daterange .dr-input .dr-presets.dr-active .dr-preset-bar {
  background-color: #3aa3e3;
}

.daterange .dr-input .dr-presets .dr-preset-bar {
  height: 2px;
  background-color: #C3CACD;
  margin: 1px 0 1px 25%;
}

.daterange .dr-input .dr-presets .dr-preset-bar:nth-child(1) {
  width: 50%;
}

.daterange .dr-input .dr-presets .dr-preset-bar:nth-child(2) {
  width: 40%;
}

.daterange .dr-input .dr-presets .dr-preset-bar:nth-child(3) {
  width: 30%;
}

.daterange .dr-selections {
  position: absolute;
}

.daterange .dr-selections .dr-calendar {
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15);
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  position: relative;
  overflow: hidden;
  font-size: 14px;
  z-index: 4;
  padding-top: 5px;
  top: 2px;
  left: 2px;
  transition: width .2s;
  min-width: 208px;
}

.daterange .dr-selections .dr-calendar .dr-range-switcher {
  display: flex;
  justify-content: space-between;
  padding: 0.375rem 0.5rem;
  font-size: 0.875rem;
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-width: 1px;
  height: 1.5625rem;
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i {
  color: #C3CACD;
  position: relative;
  top: -1px;
  cursor: pointer;
  font-size: 0.75rem;
  height: 100%;
  width: 20px;
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i:hover:before, .daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i:hover:after {
  background-color: #3aa3e3;
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-disabled {
  pointer-events: none;
  opacity: 0;
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i:before, .daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 2px;
  background-color: #C3CACD;
  border-radius: 1px;
  left: 50%;
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-left:before {
  top: calc(50% - 2px);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-left:after {
  top: calc(50% + 2px);
  transform: translate(-50%, -50%) rotate(45deg);
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-right:before {
  top: calc(50% - 2px);
  transform: translate(-50%, -50%) rotate(45deg);
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-right:after {
  top: calc(50% + 2px);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-month-switcher {
  width: 100%;
  margin-right: 0.375rem;
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-year-switcher {
  min-width: 80px;
}

.daterange .dr-selections .dr-calendar .dr-days-of-week-list {
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
  display: flex;
  padding: 4px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  --text-opacity: 1;
  color: hsl(210, 22%, 89%);
  color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity));
  font-size: 12px;
}

.daterange .dr-selections .dr-calendar .dr-days-of-week-list .dr-day-of-week {
  width: calc(100% / 7);
  text-align: center;
}

.daterange .dr-selections .dr-calendar .dr-day-list {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-day {
  text-align: center;
  cursor: pointer;
  padding: 6px;
  width: calc(100% / 7);
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover:not(.dr-current) {
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover-before {
  border-left: 2px solid #3aa3e3 !important;
  border-radius: 2px 0 0 2px;
  padding-left: 0.1875rem !important;
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover-after {
  border-right: 2px solid #3aa3e3 !important;
  border-radius: 0 2px 2px 0;
  padding-right: 0.1875rem !important;
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-selected, .daterange .dr-selections .dr-calendar .dr-day-list .dr-start, .daterange .dr-selections .dr-calendar .dr-day-list .dr-end {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-maybe {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-fade {
  color: #C3CACD;
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-start {
  border-left: 2px solid #3aa3e3;
  border-radius: 2px 0 0 2px;
  padding-left: 0.1875rem;
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-end {
  border-right: 2px solid #3aa3e3;
  border-radius: 0 2px 2px 0;
  padding-right: 0.1875rem;
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-current {
  color: #3aa3e3 !important;
  background-color: rgba(58, 163, 227, 0.2) !important;
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-outside {
  pointer-events: none;
  cursor: default;
  color: rgba(195, 202, 205, 0.5);
}

.daterange .dr-selections .dr-preset-list {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  --text-opacity: 1;
  color: hsl(200, 80%, 50%);
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity));
  font-size: 14px;
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15);
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  overflow: hidden;
  position: relative;
  z-index: 4;
  padding-top: 5px;
  top: -5px;
  left: 4px;
  width: 100%;
}

.daterange .dr-selections .dr-list-item {
  display: flex;
  align-items: flex-end;
  padding: 0.75rem 0.625rem;
  border-bottom: 1px solid #EBF1F4;
  cursor: pointer;
  white-space: nowrap;
}

.daterange .dr-selections .dr-list-item:hover {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
}

.daterange .dr-selections .dr-list-item .dr-item-aside {
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
  font-size: 0.75rem;
  margin-left: 0.3125rem;
}

.daterange--single .dr-input {
  cursor: text;
}

.daterange--single .dr-input .dr-dates {
  padding: 0;
  min-width: 160px;
  width: 100%;
}

.daterange--single .dr-input .dr-dates .dr-date {
  padding: 0;
  text-align: left;
  width: 100%;
}

@-webkit-keyframes lum-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes lum-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes lum-fadeZoom {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes lum-fadeZoom {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes lum-loader-rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }

  50% {
    transform: translate(-50%, -50%) rotate(-180deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}

@keyframes lum-loader-rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }

  50% {
    transform: translate(-50%, -50%) rotate(-180deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}

@-webkit-keyframes lum-loader-before {
  0% {
    transform: scale(1);
  }

  10% {
    transform: scale(1.2) translateX(6px);
  }

  25% {
    transform: scale(1.3) translateX(8px);
  }

  40% {
    transform: scale(1.2) translateX(6px);
  }

  50% {
    transform: scale(1);
  }

  60% {
    transform: scale(0.8) translateX(6px);
  }

  75% {
    transform: scale(0.7) translateX(8px);
  }

  90% {
    transform: scale(0.8) translateX(6px);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes lum-loader-before {
  0% {
    transform: scale(1);
  }

  10% {
    transform: scale(1.2) translateX(6px);
  }

  25% {
    transform: scale(1.3) translateX(8px);
  }

  40% {
    transform: scale(1.2) translateX(6px);
  }

  50% {
    transform: scale(1);
  }

  60% {
    transform: scale(0.8) translateX(6px);
  }

  75% {
    transform: scale(0.7) translateX(8px);
  }

  90% {
    transform: scale(0.8) translateX(6px);
  }

  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes lum-loader-after {
  0% {
    transform: scale(1);
  }

  10% {
    transform: scale(1.2) translateX(-6px);
  }

  25% {
    transform: scale(1.3) translateX(-8px);
  }

  40% {
    transform: scale(1.2) translateX(-6px);
  }

  50% {
    transform: scale(1);
  }

  60% {
    transform: scale(0.8) translateX(-6px);
  }

  75% {
    transform: scale(0.7) translateX(-8px);
  }

  90% {
    transform: scale(0.8) translateX(-6px);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes lum-loader-after {
  0% {
    transform: scale(1);
  }

  10% {
    transform: scale(1.2) translateX(-6px);
  }

  25% {
    transform: scale(1.3) translateX(-8px);
  }

  40% {
    transform: scale(1.2) translateX(-6px);
  }

  50% {
    transform: scale(1);
  }

  60% {
    transform: scale(0.8) translateX(-6px);
  }

  75% {
    transform: scale(0.7) translateX(-8px);
  }

  90% {
    transform: scale(0.8) translateX(-6px);
  }

  100% {
    transform: scale(1);
  }
}

.lum-lightbox {
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}

.lum-lightbox-image-wrapper {
  text-align: center;
}

.lum-lightbox-inner {
  top: 2.5%;
  right: 2.5%;
  bottom: 2.5%;
  left: 2.5%;
}

.lum-lightbox-inner img {
  position: relative;
  border-radius: 3px;
}

.lum-lightbox-inner .lum-lightbox-caption {
  margin: 0 auto;
  color: #fff;
  max-width: 700px;
  text-align: center;
  font-size: 16px;
  margin-top: 5px;
  height: 25px;
}

.lum-lightbox-loader {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 66px;
  height: 20px;
  -webkit-animation: lum-loader-rotate 1800ms infinite linear;
          animation: lum-loader-rotate 1800ms infinite linear;
}

.lum-lightbox-loader:before, .lum-lightbox-loader:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9);
}

.lum-lightbox-loader:before {
  left: 0;
  -webkit-animation: lum-loader-before 1800ms infinite linear;
          animation: lum-loader-before 1800ms infinite linear;
}

.lum-lightbox-loader:after {
  right: 0;
  -webkit-animation: lum-loader-after 1800ms infinite linear;
          animation: lum-loader-after 1800ms infinite linear;
  -webkit-animation-delay: -900ms;
          animation-delay: -900ms;
}

.lum-lightbox.lum-opening {
  -webkit-animation: lum-fade 180ms ease-out;
          animation: lum-fade 180ms ease-out;
}

.lum-lightbox.lum-opening .lum-lightbox-inner {
  -webkit-animation: lum-fadeZoom 180ms ease-out;
          animation: lum-fadeZoom 180ms ease-out;
}

.lum-lightbox.lum-closing {
  -webkit-animation: lum-fade 300ms ease-in;
          animation: lum-fade 300ms ease-in;
  animation-direction: reverse;
}

.lum-lightbox.lum-closing .lum-lightbox-inner {
  -webkit-animation: lum-fadeZoom 300ms ease-in;
          animation: lum-fadeZoom 300ms ease-in;
  animation-direction: reverse;
}

/* This media query makes screens less than 460px wide display in a "fullscreen"-esque mode. Users can then scroll around inside the lightbox to see the entire image. */

@media (max-width: 460px) {
  .lum-lightbox-image-wrapper {
    display: block;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .lum-lightbox-caption {
    width: 100%;
    position: absolute;
    bottom: 0;
  }

  .lum-lightbox-inner img {
    max-width: none;
    max-height: none;
    display: block;
  }
}

body.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000;
}

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999;
}

@media all and (max-width: 540px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px;
  }
}

.sweet-alert h2 {
  color: #575757;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 25px 0;
  padding: 0;
  line-height: 40px;
  display: block;
}

.sweet-alert p {
  color: #797979;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  position: relative;
  text-align: inherit;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal;
}

.sweet-alert fieldset {
  border: none;
  position: relative;
}

.sweet-alert .sa-error-container {
  background-color: #f1f1f1;
  margin-left: -17px;
  margin-right: -17px;
  overflow: hidden;
  padding: 0 10px;
  max-height: 0;
  webkit-transition: padding 0.15s, max-height 0.15s;
  transition: padding 0.15s, max-height 0.15s;
}

.sweet-alert .sa-error-container.show {
  padding: 10px 0;
  max-height: 100px;
  webkit-transition: padding 0.2s, max-height 0.2s;
  transition: padding 0.25s, max-height 0.25s;
}

.sweet-alert .sa-error-container .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ea7d7d;
  color: white;
  line-height: 24px;
  text-align: center;
  margin-right: 3px;
}

.sweet-alert .sa-error-container p {
  display: inline-block;
}

.sweet-alert .sa-input-error {
  position: absolute;
  top: 29px;
  right: 26px;
  width: 20px;
  height: 20px;
  opacity: 0;
  transform: scale(0.5);
  transform-origin: 50% 50%;
  transition: all 0.1s;
}

.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
  content: "";
  width: 20px;
  height: 6px;
  background-color: #f06e57;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -9px;
}

.sweet-alert .sa-input-error::before {
  transform: rotate(-45deg);
}

.sweet-alert .sa-input-error::after {
  transform: rotate(45deg);
}

.sweet-alert .sa-input-error.show {
  opacity: 1;
  transform: scale(1);
}

.sweet-alert input {
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  height: 43px;
  margin-top: 10px;
  margin-bottom: 17px;
  font-size: 18px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
  padding: 0 12px;
  display: none;
  transition: all 0.3s;
}

.sweet-alert input:focus {
  outline: none;
  box-shadow: 0px 0px 3px #c4e6f5;
  border: 1px solid #b4dbed;
}

.sweet-alert input:focus::-moz-placeholder {
  -moz-transition: opacity 0.3s 0.03s ease;
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}

.sweet-alert input:focus:-ms-input-placeholder {
  -ms-transition: opacity 0.3s 0.03s ease;
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}

.sweet-alert input:focus::-webkit-input-placeholder {
  -webkit-transition: opacity 0.3s 0.03s ease;
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}

.sweet-alert input::-moz-placeholder {
  color: #bdbdbd;
}

.sweet-alert input:-ms-input-placeholder {
  color: #bdbdbd;
}

.sweet-alert input::-webkit-input-placeholder {
  color: #bdbdbd;
}

.sweet-alert.show-input input {
  display: block;
}

.sweet-alert button {
  background-color: #AEDEF4;
  color: white;
  border: none;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 26px 5px 0 5px;
  cursor: pointer;
}

.sweet-alert button:focus {
  outline: none;
  box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.sweet-alert button:hover {
  background-color: #a1d9f2;
}

.sweet-alert button:active {
  background-color: #81ccee;
}

.sweet-alert button.cancel {
  background-color: #D0D0D0;
}

.sweet-alert button.cancel:hover {
  background-color: #c8c8c8;
}

.sweet-alert button.cancel:active {
  background-color: #b6b6b6;
}

.sweet-alert button.cancel:focus {
  box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
}

.sweet-alert button::-moz-focus-inner {
  border: 0;
}

.sweet-alert[data-has-cancel-button=false] button {
  box-shadow: none !important;
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
  padding-bottom: 40px;
}

.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box;
}

.sweet-alert .sa-icon.sa-error {
  border-color: #F27474;
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block;
}

.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #F27474;
  display: block;
  top: 37px;
  border-radius: 2px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  transform: rotate(45deg);
  left: 17px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  transform: rotate(-45deg);
  right: 16px;
}

.sweet-alert .sa-icon.sa-warning {
  border-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-info {
  border-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-success {
  border-color: #A5DC86;
}

.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
  content: '';
  border-radius: 40px;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: white;
  transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success::before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  transform: rotate(-45deg);
  transform-origin: 60px 60px;
}

.sweet-alert .sa-icon.sa-success::after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  transform: rotate(-45deg);
  transform-origin: 0px 60px;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  border-radius: 40px;
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: white;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #A5DC86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 0;
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
}

/*
 * Animations
 */

@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }

  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }

  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }

  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }

  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%;
  }

  100% {
    top: 50%;
  }
}

@keyframes slideFromTop {
  0% {
    top: 0%;
  }

  100% {
    top: 50%;
  }
}

@-webkit-keyframes slideToTop {
  0% {
    top: 50%;
  }

  100% {
    top: 0%;
  }
}

@keyframes slideToTop {
  0% {
    top: 50%;
  }

  100% {
    top: 0%;
  }
}

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%;
  }

  100% {
    top: 50%;
  }
}

@keyframes slideFromBottom {
  0% {
    top: 70%;
  }

  100% {
    top: 50%;
  }
}

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%;
  }

  100% {
    top: 70%;
  }
}

@keyframes slideToBottom {
  0% {
    top: 50%;
  }

  100% {
    top: 70%;
  }
}

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s;
}

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none;
}

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s;
}

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s;
}

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s;
}

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none;
}

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s;
}

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s;
}

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }

  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }

  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }

  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }

  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }

  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }

  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }

  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }

  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }

  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }

  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }

  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }

  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }

  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }

  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }

  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }

  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s;
}

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }

  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }

  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s;
}

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }

  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }

  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }

  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }

  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s;
}

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }

  100% {
    border-color: #F8BB86;
  }
}

@keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }

  100% {
    border-color: #F8BB86;
  }
}

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate;
}

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }

  100% {
    background-color: #F8BB86;
  }
}

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }

  100% {
    background-color: #F8BB86;
  }
}

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate;
}

/* Internet Explorer 9 has some special quirks that are fixed here */

/* The icons are not animated. */

/* This file is automatically merged into sweet-alert.min.js through Gulp */

/* Error icon */

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9;
}

/* Success icon */

.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9;
}

.tippy-touch {
  cursor: pointer !important;
}

.tippy-notransition {
  transition: none !important;
}

.tippy-popper {
  max-width: 400px;
  perspective: 800px;
  z-index: 9999;
  outline: 0;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none;
}

.tippy-popper.html-template {
  max-width: 96%;
  max-width: calc(100% - 20px);
}

.tippy-popper[x-placement^=top] [x-arrow] {
  border-top: 7px solid #333;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  bottom: -7px;
  margin: 0 9px;
}

.tippy-popper[x-placement^=top] [x-arrow].arrow-small {
  border-top: 5px solid #333;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -5px;
}

.tippy-popper[x-placement^=top] [x-arrow].arrow-big {
  border-top: 10px solid #333;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  bottom: -10px;
}

.tippy-popper[x-placement^=top] [x-circle] {
  transform-origin: 0% 33%;
}

.tippy-popper[x-placement^=top] [x-circle].enter {
  transform: scale(1) translate(-50%, -55%);
  opacity: 1;
}

.tippy-popper[x-placement^=top] [x-circle].leave {
  transform: scale(0.15) translate(-50%, -50%);
  opacity: 0;
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle] {
  background-color: white;
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow] {
  border-top: 7px solid white;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small {
  border-top: 5px solid white;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big {
  border-top: 10px solid white;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle] {
  background-color: rgba(0, 0, 0, 0.7);
}

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow] {
  border-top: 7px solid rgba(0, 0, 0, 0.7);
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
  border-top: 5px solid rgba(0, 0, 0, 0.7);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
  border-top: 10px solid rgba(0, 0, 0, 0.7);
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}

.tippy-popper[x-placement^=top] [data-animation=perspective] {
  transform-origin: bottom;
}

.tippy-popper[x-placement^=top] [data-animation=perspective].enter {
  opacity: 1;
  transform: translateY(-10px) rotateX(0);
}

.tippy-popper[x-placement^=top] [data-animation=perspective].leave {
  opacity: 0;
  transform: translateY(0) rotateX(90deg);
}

.tippy-popper[x-placement^=top] [data-animation=fade].enter {
  opacity: 1;
  transform: translateY(-10px);
}

.tippy-popper[x-placement^=top] [data-animation=fade].leave {
  opacity: 0;
  transform: translateY(-10px);
}

.tippy-popper[x-placement^=top] [data-animation=shift].enter {
  opacity: 1;
  transform: translateY(-10px);
}

.tippy-popper[x-placement^=top] [data-animation=shift].leave {
  opacity: 0;
  transform: translateY(0);
}

.tippy-popper[x-placement^=top] [data-animation=scale].enter {
  opacity: 1;
  transform: translateY(-10px) scale(1);
}

.tippy-popper[x-placement^=top] [data-animation=scale].leave {
  opacity: 0;
  transform: translateY(0) scale(0);
}

.tippy-popper[x-placement^=bottom] [x-arrow] {
  border-bottom: 7px solid #333;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  top: -7px;
  margin: 0 9px;
}

.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small {
  border-bottom: 5px solid #333;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  top: -5px;
}

.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big {
  border-bottom: 10px solid #333;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  top: -10px;
}

.tippy-popper[x-placement^=bottom] [x-circle] {
  transform-origin: 0% -50%;
}

.tippy-popper[x-placement^=bottom] [x-circle].enter {
  transform: scale(1) translate(-50%, -45%);
  opacity: 1;
}

.tippy-popper[x-placement^=bottom] [x-circle].leave {
  transform: scale(0.15) translate(-50%, -5%);
  opacity: 0;
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle] {
  background-color: white;
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow] {
  border-bottom: 7px solid white;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small {
  border-bottom: 5px solid white;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big {
  border-bottom: 10px solid white;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle] {
  background-color: rgba(0, 0, 0, 0.7);
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow] {
  border-bottom: 7px solid rgba(0, 0, 0, 0.7);
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
  border-bottom: 5px solid rgba(0, 0, 0, 0.7);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
  border-bottom: 10px solid rgba(0, 0, 0, 0.7);
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
  transform-origin: top;
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter {
  opacity: 1;
  transform: translateY(10px) rotateX(0);
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave {
  opacity: 0;
  transform: translateY(0) rotateX(-90deg);
}

.tippy-popper[x-placement^=bottom] [data-animation=fade].enter {
  opacity: 1;
  transform: translateY(10px);
}

.tippy-popper[x-placement^=bottom] [data-animation=fade].leave {
  opacity: 0;
  transform: translateY(10px);
}

.tippy-popper[x-placement^=bottom] [data-animation=shift].enter {
  opacity: 1;
  transform: translateY(10px);
}

.tippy-popper[x-placement^=bottom] [data-animation=shift].leave {
  opacity: 0;
  transform: translateY(0);
}

.tippy-popper[x-placement^=bottom] [data-animation=scale].enter {
  opacity: 1;
  transform: translateY(10px) scale(1);
}

.tippy-popper[x-placement^=bottom] [data-animation=scale].leave {
  opacity: 0;
  transform: translateY(0) scale(0);
}

.tippy-popper[x-placement^=left] [x-arrow] {
  border-left: 7px solid #333;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  right: -7px;
  margin: 6px 0;
}

.tippy-popper[x-placement^=left] [x-arrow].arrow-small {
  border-left: 5px solid #333;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  right: -5px;
}

.tippy-popper[x-placement^=left] [x-arrow].arrow-big {
  border-left: 10px solid #333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  right: -10px;
}

.tippy-popper[x-placement^=left] [x-circle] {
  transform-origin: 50% 0%;
}

.tippy-popper[x-placement^=left] [x-circle].enter {
  transform: scale(1) translate(-50%, -50%);
  opacity: 1;
}

.tippy-popper[x-placement^=left] [x-circle].leave {
  transform: scale(0.15) translate(-50%, -50%);
  opacity: 0;
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle] {
  background-color: white;
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow] {
  border-left: 7px solid white;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small {
  border-left: 5px solid white;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big {
  border-left: 10px solid white;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle] {
  background-color: rgba(0, 0, 0, 0.7);
}

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow] {
  border-left: 7px solid rgba(0, 0, 0, 0.7);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
  border-left: 5px solid rgba(0, 0, 0, 0.7);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
  border-left: 10px solid rgba(0, 0, 0, 0.7);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tippy-popper[x-placement^=left] [data-animation=perspective] {
  transform-origin: right;
}

.tippy-popper[x-placement^=left] [data-animation=perspective].enter {
  opacity: 1;
  transform: translateX(-10px) rotateY(0);
}

.tippy-popper[x-placement^=left] [data-animation=perspective].leave {
  opacity: 0;
  transform: translateX(0) rotateY(-90deg);
}

.tippy-popper[x-placement^=left] [data-animation=fade].enter {
  opacity: 1;
  transform: translateX(-10px);
}

.tippy-popper[x-placement^=left] [data-animation=fade].leave {
  opacity: 0;
  transform: translateX(-10px);
}

.tippy-popper[x-placement^=left] [data-animation=shift].enter {
  opacity: 1;
  transform: translateX(-10px);
}

.tippy-popper[x-placement^=left] [data-animation=shift].leave {
  opacity: 0;
  transform: translateX(0);
}

.tippy-popper[x-placement^=left] [data-animation=scale].enter {
  opacity: 1;
  transform: translateX(-10px) scale(1);
}

.tippy-popper[x-placement^=left] [data-animation=scale].leave {
  opacity: 0;
  transform: translateX(0) scale(0);
}

.tippy-popper[x-placement^=right] [x-arrow] {
  border-right: 7px solid #333;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  left: -7px;
  margin: 6px 0;
}

.tippy-popper[x-placement^=right] [x-arrow].arrow-small {
  border-right: 5px solid #333;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  left: -5px;
}

.tippy-popper[x-placement^=right] [x-arrow].arrow-big {
  border-right: 10px solid #333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  left: -10px;
}

.tippy-popper[x-placement^=right] [x-circle] {
  transform-origin: -50% 0%;
}

.tippy-popper[x-placement^=right] [x-circle].enter {
  transform: scale(1) translate(-50%, -50%);
  opacity: 1;
}

.tippy-popper[x-placement^=right] [x-circle].leave {
  transform: scale(0.15) translate(-50%, -50%);
  opacity: 0;
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle] {
  background-color: white;
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow] {
  border-right: 7px solid white;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small {
  border-right: 5px solid white;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big {
  border-right: 10px solid white;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle] {
  background-color: rgba(0, 0, 0, 0.7);
}

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow] {
  border-right: 7px solid rgba(0, 0, 0, 0.7);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
  border-right: 5px solid rgba(0, 0, 0, 0.7);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
  border-right: 10px solid rgba(0, 0, 0, 0.7);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tippy-popper[x-placement^=right] [data-animation=perspective] {
  transform-origin: left;
}

.tippy-popper[x-placement^=right] [data-animation=perspective].enter {
  opacity: 1;
  transform: translateX(10px) rotateY(0);
}

.tippy-popper[x-placement^=right] [data-animation=perspective].leave {
  opacity: 0;
  transform: translateX(0) rotateY(90deg);
}

.tippy-popper[x-placement^=right] [data-animation=fade].enter {
  opacity: 1;
  transform: translateX(10px);
}

.tippy-popper[x-placement^=right] [data-animation=fade].leave {
  opacity: 0;
  transform: translateX(10px);
}

.tippy-popper[x-placement^=right] [data-animation=shift].enter {
  opacity: 1;
  transform: translateX(10px);
}

.tippy-popper[x-placement^=right] [data-animation=shift].leave {
  opacity: 0;
  transform: translateX(0);
}

.tippy-popper[x-placement^=right] [data-animation=scale].enter {
  opacity: 1;
  transform: translateX(10px) scale(1);
}

.tippy-popper[x-placement^=right] [data-animation=scale].leave {
  opacity: 0;
  transform: translateX(0) scale(0);
}

.tippy-popper .tippy-tooltip.transparent-theme {
  background-color: rgba(0, 0, 0, 0.7);
}

.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill] {
  background-color: transparent;
}

.tippy-popper .tippy-tooltip.light-theme {
  color: #26323d;
  box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.1), 0 4px 80px -8px rgba(0, 20, 60, 0.2);
  background-color: white;
}

.tippy-popper .tippy-tooltip.light-theme[data-animatefill] {
  background-color: transparent;
}

.tippy-tooltip {
  position: relative;
  color: white;
  border-radius: 4px;
  font-size: 14px;
  padding: 0.4rem 0.8rem;
  text-align: center;
  will-change: transform;
  background-color: #333;
}

.tippy-tooltip--small {
  padding: 0.25rem 0.5rem;
  font-size: 12px;
}

.tippy-tooltip--big {
  padding: 0.6rem 1.2rem;
  font-size: 18px;
}

.tippy-tooltip[data-animatefill] {
  overflow: hidden;
  background-color: transparent;
}

.tippy-tooltip[data-interactive] {
  pointer-events: auto;
}

.tippy-tooltip[data-inertia] {
  transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85);
}

.tippy-tooltip [x-arrow] {
  position: absolute;
  width: 0;
  height: 0;
}

.tippy-tooltip [x-circle] {
  position: absolute;
  will-change: transform;
  background-color: #333;
  border-radius: 50%;
  width: 130%;
  width: calc(110% + 2rem);
  left: 50%;
  top: 50%;
  z-index: -1;
  overflow: hidden;
  transition: all ease;
}

.tippy-tooltip [x-circle]::before {
  content: '';
  padding-top: 90%;
  float: left;
}

@media (max-width: 450px) {
  .tippy-popper {
    max-width: 96%;
    max-width: calc(100% - 20px);
  }
}

.v-select {
  border-radius: 3px;
  position: relative;
  font-family: inherit;
}

.vs__fade-enter,
.vs__fade-leave-to {
  opacity: 0;
}

.vs--disabled .vs__clear,
.vs--disabled .vs__dropdown-toggle,
.vs--disabled .vs__open-indicator,
.vs--disabled .vs__search,
.vs--disabled .vs__selected {
  cursor: not-allowed;
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
}

.v-select[dir=rtl] .vs__actions {
  padding: 0 3px 0 6px;
}

.v-select[dir=rtl] .vs__clear {
  margin-left: 6px;
  margin-right: 0;
}

.v-select[dir=rtl] .vs__deselect {
  margin-left: 0;
  margin-right: 2px;
}

.v-select[dir=rtl] .vs__dropdown-menu {
  text-align: right;
}

.vs__dropdown-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  width: 100%;
  padding: 0;
  border-radius: 3px;
  display: flex;
  align-items: center;
  height: 2.375rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.vs__dropdown-toggle:focus, .vs__dropdown-toggle:focus-within {
  @apply border-blue-light;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
}

.vs--disabled .vs__dropdown-toggle {
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
}

.v-select:not(.vs--unsearchable) .vs__selected-options {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 0%;
  border-width: 1px;
  --border-opacity: 1;
  border-color: hsl(210, 15%, 80%);
  border-color: rgba(196.35, 204, 211.65, var(--border-opacity));
  border-right-width: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: relative;
  height: 100%;
  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.05);
  padding: 5px 8px;
  line-height: 1.5;
  width: calc(100% - 34px);
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.tags-fieldtype .v-select:not(.vs--unsearchable) .vs__selected-options {
  border-right-width: 1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.vs--single .vs__selected-options {
  padding: 8px 12px !important;
}

.vs--single.vs--unsearchable .vs__selected-options {
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  border-width: 1px;
  border: 1px solid #c4cdd6;
  background: linear-gradient(180deg, #fff, #f9fafb);
  box-shadow: 0 1px 0 0 rgba(25, 30, 35, 0.05);
  display: flex;
  flex: 1 1 0%;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: relative;
  height: 100%;
  border-right-width: 0;
  width: calc(100% - 34px);
}

.vs--single.vs--unsearchable .vs__selected-options:hover {
  background: linear-gradient(180deg, #f9fafb, #f4f6f8);
  border-color: #c4cdd5;
}

.vs__actions {
  display: flex;
  align-items: center;
}

.vs__actions .vs__open-indicator {
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  border-width: 1px;
  border: 1px solid #c4cdd6;
  background: linear-gradient(180deg, #fff, #f9fafb);
  box-shadow: 0 1px 0 0 rgba(25, 30, 35, 0.05);
  display: flex;
  align-items: center;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  flex-shrink: 0;
  height: 2.375rem;
}

.vs__actions .vs__open-indicator:hover {
  background: linear-gradient(180deg, #f9fafb, #f4f6f8);
  border-color: #c4cdd5;
}

.vs--searchable .vs__dropdown-toggle {
  cursor: text;
}

.vs--unsearchable .vs__dropdown-toggle {
  cursor: pointer;
}

.vs__open-indicator svg {
  display: flex;
  align-items: center;
  --text-opacity: 1;
  color: hsl(196, 31%, 14%);
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity));
  height: 16px;
  width: 16px;
  transform: scale(1);
  transition: transform 0.15s cubic-bezier(1, -0.115, 0.975, 0.855);
  transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
}

.vs--open .vs__open-indicator svg {
  transform: rotate(180deg) scale(1);
}

.vs--loading .vs__open-indicator {
  opacity: 0;
}

.vs__clear {
  --text-opacity: 1;
  color: hsl(196, 31%, 14%);
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity));
  padding-left: 8px;
  padding-right: 8px;
  cursor: pointer;
  box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05);
  font-size: 16px;
  background-color: transparent;
  height: 2.375rem;
  box-shadow: inset -1px 1px 1px 0px rgba(0, 0, 0, 0.05);
  border-top: 1px solid #c4cdd6;
  border-bottom: 1px solid #c4cdd6;
  background-color: transparent;
}

.vs__clear:hover {
  --text-opacity: 1;
  color: hsl(200, 80%, 50%);
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity));
}

.vs__dropdown-menu {
  display: block;
  position: absolute;
  z-index: 1001;
  margin: 0;
  width: 100%;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 0 1px rgba(40,45,50,0.05), 0 0 0 1px rgba(40,45,50,0.05), 0 2px 7px 1px rgba(40,45,50,0.16);
  display: block;
  padding: 16px;
  border-radius: 4px;
  text-align: left;
  top: 46px;
  left: 0;
  padding: 0;
  max-height: 350px;
  min-width: 160px;
  overflow-y: auto;
  text-align: left;
  list-style: none;
}

.vs__no-options {
  text-align: center;
}

.vs__dropdown-option {
  display: block;
  font-size: 14px;
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  cursor: pointer;
  padding: 6px 12px;
}

.vs__dropdown-option--highlight {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
}

.vs__dropdown-option--selected {
  opacity: .25;
  cursor: text;
}

.v-select:not(.vs--single) .vs__selected {
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  border-width: 1px;
  border: 1px solid #c4cdd6;
  background: linear-gradient(180deg, #fff, #f9fafb);
  box-shadow: 0 1px 0 0 rgba(25, 30, 35, 0.05);
  display: flex;
  align-items: center;
  font-size: 14px;
  border-radius: 3px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 8px;
  padding-right: 8px;
  margin-right: 8px;
}

.v-select:not(.vs--single) .vs__selected:hover {
  background: linear-gradient(180deg, #f9fafb, #f4f6f8);
  border-color: #c4cdd5;
}

.vs__deselect {
  display: flex;
  align-items: center;
  cursor: pointer;
  --text-opacity: 1;
  color: hsl(210, 15%, 70%);
  color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity));
  margin-left: 4px;
  padding: 0;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.vs__deselect:hover {
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
}

.vs__deselect:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.vs__deselect span {
  flex-shrink: 0;
  font-size: 17px;
  font-weight: 700;
  padding-top: 1px;
}

.vs--single .vs__selected {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: transparent;
  border-color: transparent;
  padding: 0;
  margin: 0;
}

.vs--single.vs--open .vs__selected {
  opacity: .75;
}

.vs--single.vs--searching .vs__selected {
  display: none;
}

.vs__search::-ms-clear,
.vs__search::-webkit-search-cancel-button,
.vs__search::-webkit-search-decoration,
.vs__search::-webkit-search-results-button,
.vs__search::-webkit-search-results-decoration {
  display: none;
}

.vs__search,
.vs__search:focus {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 14px;
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  padding-left: 8px;
  padding-right: 8px;
  border-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  max-width: 100%;
  line-height: 1.4;
  border-left: none;
  box-shadow: none;
  width: 0;
  flex-grow: 1;
}

.vs__search::-moz-placeholder {
  --text-opacity: 1;
  color: hsl(210, 15%, 70%);
  color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity));
}

.vs__search:-ms-input-placeholder {
  --text-opacity: 1;
  color: hsl(210, 15%, 70%);
  color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity));
}

.vs__search::placeholder {
  --text-opacity: 1;
  color: hsl(210, 15%, 70%);
  color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity));
}

.vs--unsearchable .vs__search {
  opacity: 1;
}

.vs--unsearchable .vs__search:hover {
  cursor: pointer;
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
  opacity: .2;
}

.vs__spinner {
  align-self: center;
  opacity: 0;
  font-size: 5px;
  text-indent: -9999em;
  overflow: hidden;
  border: 0.9em solid rgba(100, 100, 100, 0.1);
  border-left-color: rgba(60, 60, 60, 0.45);
  transform: translateZ(0);
  -webkit-animation: vSelectSpinner 1.1s linear infinite;
  animation: vSelectSpinner 1.1s linear infinite;
  transition: opacity .1s;
}

.vs__spinner,
.vs__spinner:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

.vs--loading .vs__spinner {
  opacity: 1;
}

@-webkit-keyframes vSelectSpinner {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

@keyframes vSelectSpinner {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

/* ==========================================================================
   GLOBAL CONTROL PANEL LAYOUT ELEMENTS
   ========================================================================== */

body {
  width: 100%;
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  position: relative;
}

a {
  text-decoration: none;
  cursor: pointer;
}

#main {
  display: flex;
  padding-bottom: 72px;
}

#main .workspace {
  transition: padding .3s;
  width: 100%;
}

@media (min-width: 768px) {
  #main {
    padding-top: 52px;
  }

  #main .workspace {
    padding-left: 14rem;
  }

  #main.nav-closed .nav-main {
    left: -14rem;
  }

  #main.nav-closed .workspace {
    padding-left: 0;
  }
}

.site-warning-stripe {
  background: #E75650;
  box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.1);
  padding: 8px 24px;
  font-size: 14px;
  color: #fff;
}

.site-warning-stripe > a, .site-warning-stripe > a:hover {
  color: white;
  text-decoration: underline;
}

.site-warning-stripe.status-trial {
  background: #3C4858;
}

.site-warning-stripe.status-trial > a, .site-warning-stripe.status-trial > a:hover {
  color: #3aa3e3;
}

.site-warning-stripe .btn, .site-warning-stripe .btn-dropdown {
  text-decoration: none;
}

/* Page Wrapper
  ========================================================================== */

.page-wrapper {
  padding: 12px;
  padding-top: 24px;
}

@media (min-width: 768px) {
  .page-wrapper {
    padding-left: 32px;
    padding-right: 32px;
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.fieldtype-hidden {
  display: none;
}

/* Outside the Control Panel
  ========================================================================== */

.outside {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  padding-left: 8px;
  padding-right: 8px;
  min-height: 100vh;
}

.outside label {
  color: #596498;
}

.outside .logo svg {
  height: 24px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
  margin-bottom: 32px;
  width: auto;
}

.outside .logo svg path {
  fill: rgba(0, 0, 0, 0.25);
}

.outside.rad-mode {
  background: #12c2e9;
  background: linear-gradient(45deg, #f64f59, #c471ed, #12c2e9);
}

/* ==========================================================================
   TYPOGRAPHY
   ========================================================================== */

body {
  font-family: Inter UI, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue;
  --text-opacity: 1;
  color: hsl(196, 31%, 14%);
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity));
  font-size: 16px;
  letter-spacing: -0.004em;
  font-variant: common-ligatures tabular-nums;
  font-feature-settings: "zero", "ss01", "calt" off;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.014em;
}

h2 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 16px;
  font-weight: 500;
}

h4 {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.001em;
}

h5 {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.002em;
}

h6 {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

a:not([class*="btn"]) {
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  cursor: pointer;
}

a:not([class*="btn"]):hover {
  --text-opacity: 1;
  color: hsl(200, 80%, 50%);
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity));
}

.content h1 {
  margin-bottom: 8px;
  font-weight: 500;
}

.content h2, .content h3, .content h4, .content h5, .content h6 {
  margin-bottom: 8px;
  font-weight: 700;
}

.content p, .content ol, .content ul, .content pre {
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 8px;
}

.content p a, .content ol a, .content ul a, .content pre a {
  --text-opacity: 1;
  color: hsl(200, 80%, 50%);
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity));
}

.content p a:hover, .content ol a:hover, .content ul a:hover, .content pre a:hover {
  text-decoration: underline;
}

.content p:last-child {
  margin-bottom: 0;
}

.content pre {
  background-color: #f9f2f4;
  padding: 8px;
}

.content pre code {
  padding: 0;
}

a:hover,
a:active,
a:focus {
  text-decoration: none;
}

.bullet {
  display: inline-block;
  border-radius: 9999px;
  --bg-opacity: 1;
  background-color: hsl(210, 10%, 50%);
  background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity));
  height: 7px;
  width: 7px;
}

.subhead {
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

sup {
  top: -0.25em;
}

.little-heading {
  font-size: 11px;
  font-weight: bold;
  padding: 15px 0 0 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.list-unstyled {
  list-style-type: none;
  padding: 0;
}

code {
  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  border-radius: 3px;
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
}

.clean-content {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  word-wrap: break-word;
  color: #333;
  line-height: 1.7;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

.clean-content :first-child {
  margin-top: 0 !important;
}

.clean-content :last-child {
  margin-bottom: 0 !important;
}

.clean-content b,
.clean-content strong {
  font-weight: 700;
}

.clean-content em {
  font-style: italic;
}

.clean-content blockquote,
.clean-content ol,
.clean-content p,
.clean-content ul {
  margin-top: 0;
  margin-bottom: .85em;
}

.clean-content a {
  color: #4183c4;
  text-decoration: none;
  text-decoration: underline;
}

.clean-content a:active,
.clean-content a:focus,
.clean-content a:hover {
  outline: 0;
  text-decoration: underline;
}

.clean-content img {
  border: 0;
  max-width: 100%;
}

.clean-content hr {
  height: 4px;
  padding: 0;
  margin: 1.7em 0;
  overflow: hidden;
  background-color: #e7e7e7;
  border: none;
}

.clean-content hr:after,
.clean-content hr:before {
  display: table;
  content: " ";
}

.clean-content hr:after {
  clear: both;
}

.clean-content h1, .clean-content h2, .clean-content h3, .clean-content h4, .clean-content h5, .clean-content h6 {
  margin-top: 1.275em;
  margin-bottom: .85em;
  font-weight: 700;
}

.clean-content h1 {
  font-size: 2em;
}

.clean-content h2 {
  font-size: 1.75em;
}

.clean-content h3 {
  font-size: 1.5em;
}

.clean-content h4 {
  font-size: 1.25em;
}

.clean-content h5 {
  font-size: 1em;
}

.clean-content h6 {
  font-size: 1em;
  color: #777;
}

.clean-content ol,
.clean-content ul {
  padding: 0;
  margin: 0;
  margin-bottom: .85em;
  padding-left: 2em;
}

.clean-content ol ol,
.clean-content ol ul,
.clean-content ul ol,
.clean-content ul ul {
  margin-top: 0;
  margin-bottom: 0;
}

.clean-content ol ol {
  list-style-type: lower-roman;
}

.clean-content blockquote {
  margin: 0;
  margin-bottom: .85em;
  padding: 0 15px;
  color: #858585;
  border-left: 4px solid #e5e5e5;
}

.clean-content blockquote:first-child {
  margin-top: 0;
}

.clean-content blockquote:last-child {
  margin-bottom: 0;
}

.clean-content code,
.clean-content tt {
  border-radius: 3px;
  margin: 0;
  padding: 0.2em 0.4em;
  font-size: 85%;
  background-color: rgba(0, 0, 0, 0.05);
}

.clean-content code br,
.clean-content tt br {
  display: none;
}

.clean-content del code {
  text-decoration: inherit;
}

.clean-content pre {
  word-wrap: normal;
}

.clean-content pre > code {
  padding: 0;
  margin: 0;
  font-size: 100%;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
}

.clean-content .highlight {
  margin-bottom: 16px;
}

.clean-content .highlight pre {
  margin-bottom: 0;
  word-break: normal;
}

.clean-content .highlight pre,
.clean-content pre {
  padding: 16px;
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  border-radius: 3px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
}

.clean-content pre code,
.clean-content pre tt {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */

button {
  font-weight: 400;
}

[class*="btn"] {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: auto;
  border-radius: 3px;
  position: relative;
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  height: 2.375rem;
  letter-spacing: -0.01em;
  padding: .475rem 1.25rem;
}

[class*="btn"]:focus {
  @apply border-blue-light;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
}

[class*="btn"]:disabled {
  cursor: default;
}

.btn, .btn-dropdown, .btn-default {
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  box-shadow: 0 1px 0 0 rgba(25,30,35,.05);
  background: linear-gradient(180deg, #fff, #f9fafb);
  border: 1px solid #c4cdd6;
}

.btn:hover:not(:disabled), .btn-dropdown:hover:not(:disabled), .btn:active:not(:disabled), .btn-dropdown:active:not(:disabled), .btn-default:hover:not(:disabled), .btn-default:active:not(:disabled) {
  background: linear-gradient(180deg, #f9fafb, #f4f6f8);
  border-color: #c4cdd5;
}

.btn.active, .active.btn-dropdown, .btn.active:hover, .active.btn-dropdown:hover, .btn-default.active, .btn-default.active:hover {
  box-shadow: inset 2px 2px 3px 0px rgba(25, 30, 35, 0.1);
  background: hsl(210, 22%, 89%);
  border-color: #aeb9c3 !important;
}

.btn:disabled, .btn-dropdown:disabled, .btn-default:disabled {
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
  opacity: 0.75;
}

.btn-primary, .btn-dropdown-primary {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  background: linear-gradient(to bottom, #2e9fff, #298fe6);
  border: 1px solid #257fcc;
  box-shadow: inset 0 1px 0 0 #43a9ff, 0 1px 0 0 rgba(25, 30, 35, 0.05), 0 0 0 0 transparent;
}

.btn-primary:hover:not(:disabled), .btn-dropdown-primary:hover:not(:disabled), .btn-primary :active:not(:disabled), .btn-dropdown-primary :active:not(:disabled) {
  background: linear-gradient(to bottom, #298fe6, #257fcc);
  border: 1px solid #206fb3;
  box-shadow: inset 0 1px 0 0 #2e9fff, 0 1px 0 0 rgba(25, 30, 35, 0.05), 0 0 0 0 transparent;
}

.btn-primary:disabled, .btn-dropdown-primary:disabled {
  --text-opacity: 1;
  color: #abd9ff;
  color: rgba(171, 217, 255, var(--text-opacity));
  opacity: 0.75;
}

.btn-danger {
  background: linear-gradient(180deg, #e53e3e, #c53030);
  border: 1px solid #9b2c2c;
  box-shadow: inset 0 1px 0 0 #f56565, 0 1px 0 0 rgba(25, 30, 35, 0.05), 0 0 0 0 transparent;
  color: white;
}

.btn-danger:hover:not(:disabled), .btn-danger:active:not(:disabled) {
  background: linear-gradient(180deg, #c53030, #9b2c2c);
  border-color: #742a2a;
}

.btn-danger:disabled {
  --text-opacity: 1;
  color: hsl(2, 76%, 95%);
  color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity));
  opacity: 0.75;
}

.btn-success {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  background: linear-gradient(to bottom, #64BD63, #479967);
  border: 1px solid #479967;
  box-shadow: inset 0 1px 0 0 #64BD63, 0 1px 0 0 rgba(25, 30, 35, 0.05), 0 0 0 0 transparent;
}

.btn-success:hover:not(:disabled), .btn-success :active:not(:disabled) {
  background: linear-gradient(to bottom, #479967, #479967);
  border: 1px solid #479967;
  box-shadow: inset 0 1px 0 0 #64BD63, 0 1px 0 0 rgba(25, 30, 35, 0.05), 0 0 0 0 transparent;
}

.btn-flat {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  position: inherit;
}

.btn-flat:hover:not(:disabled), .btn-flat:active:not(:disabled), .btn-flat.active {
  --bg-opacity: 1;
  background-color: hsl(210, 22%, 89%);
  background-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--bg-opacity));
}

.btn-flat:focus {
  @apply border-blue-light;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
}

.btn-flat:active, .btn-flat:focus:active {
  --bg-opacity: 1;
  background-color: hsl(210, 15%, 80%);
  background-color: rgba(196.35, 204, 211.65, var(--bg-opacity));
}

.btn-flat:disabled {
  --text-opacity: 1;
  color: hsl(210, 15%, 70%);
  color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity));
  opacity: 0.75;
}

/* Size Variations
  ========================================================================== */

.btn-sm {
  font-size: 12px;
  height: 1.625rem;
  padding: 4px 10px;
}

.btn-lg {
  font-size: 16px;
  height: 48px;
  line-height: 44px;
  padding: 2px 40px;
}

/* Shape Variations
  ========================================================================== */

.btn-round {
  border-radius: 9999px;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 0;
  background: linear-gradient(180deg, #fff, #f9fafb);
  border: 1px solid #c4cdd6;
  box-shadow: 0 1px 0 0 rgba(25, 30, 35, 0.05);
  height: 32px;
  width: 32px;
}

.btn-round:hover:not(:disabled), .btn-round:active:not(:disabled) {
  background: linear-gradient(180deg, #f9fafb, #f4f6f8);
  border-color: #c4cdd5;
}

.btn-round span {
  font-size: 18px;
  width: 32px;
}

/* Button Group
  ========================================================================== */

.btn-group {
  display: flex;
  align-items: center;
  padding: 0;
  height: 2.375rem;
}

.btn-group > button {
  border-radius: 0;
}

.btn-group > button:not(:last-child):not(.active) {
  border-right-width: 0;
}

.btn-group > button.active + button {
  border-left-width: 0;
}

.btn-group > button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.btn-group button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-left-width: 1px;
  padding: .475rem .5rem;
}

.btn-group button:last-child.btn-flat {
  border-right-width: 0;
}

/* With Icons
  ========================================================================== */

.btn-icon, .btn-icon-small,
td .btn-icon {
  padding: 1px 8px;
  border-radius: 2px;
}

.btn-primary.btn-icon .icon, .btn-primary.btn-icon-small .icon, .btn-icon-small.btn-dropdown-primary .icon, .btn-icon.btn-dropdown-primary .icon,
.btn-primary.btn-with-icon .icon,
.btn-with-icon.btn-dropdown-primary .icon {
  color: #fff;
}

.btn-icon-small,
td .btn-icon-small,
td .btn-icon {
  height: 24px;
  line-height: 24px;
  padding: 1px 5px;
}

.btn-with-icon .icon {
  margin: -5px 7px 0 -3px;
  position: relative;
  top: 1px;
}

.btn-with-icon {
  display: flex;
  align-items: center;
}

.btn-with-icon svg {
  margin: 0 8px 0 -4px;
  height: 16px;
  width: 16px;
}

.btn-icon-only {
  display: flex;
  align-items: center;
  padding: 0 12px;
}

.btn-icon-only svg {
  margin: 0;
  height: 16px;
  width: 16px;
}

/* Button with Dropdown
  ========================================================================== */

.btn-dropdown-primary {
  display: flex;
  align-items: center;
  padding: 0;
}

.btn-dropdown-primary:hover .trigger {
  --border-opacity: 1;
  border-color: hsl(200, 75%, 40%);
  border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--border-opacity));
}

.btn-dropdown-primary:active, .btn-dropdown-primary:focus:active {
  bottom: 0;
}

.btn-dropdown-primary:focus-within {
  @apply border-blue-light;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
}

.btn-dropdown-primary .cta {
  height: 100%;
  padding: 0 16px;
}

.btn-dropdown-primary .trigger {
  height: 100%;
  border-left-width: 1px;
  --border-opacity: 1;
  border-color: hsl(200, 75%, 45%);
  border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--border-opacity));
  padding: 0 12px;
}

.btn-dropdown-primary button:focus, .btn-dropdown-primary button:active, .btn-dropdown-primary button:focus:active {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: inset 1px 3px 5px rgba(0, 0, 0, 0.15);
}

.btn-dropdown-primary button:hover {
  --bg-opacity: 1;
  background-color: hsl(200, 75%, 45%);
  background-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--bg-opacity));
}

.btn-dropdown-primary div {
  height: 100%;
}

/* Close button. For closing things.
  ========================================================================== */

.btn-close {
  margin-left: 16px;
  padding: 0;
  font-size: 21px;
  --text-opacity: 1;
  color: hsl(210, 15%, 70%);
  color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity));
  border-radius: 9999px;
  height: 32px;
  width: 32px;
  line-height: 32px;
  flex-shrink: 0;
  outline: none;
}

.btn-close:hover {
  background: rgba(0, 0, 0, 0.05);
}

.btn-close:active, .btn-close:focus:hover {
  outline: none;
  background: rgba(0, 0, 0, 0.075);
}

/* ==========================================================================
   BADGES
   ========================================================================== */

.badge {
  font-size: 11px;
  font-style: normal;
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  border-radius: 4px;
  line-height: 1.5;
  padding: 1px 5px 0;
}

.badge-pill {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 3px;
}

.badge-pill-sm {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-radius: 3px;
}

.badge-updates {
  font-size: 11px;
  font-style: normal;
  --bg-opacity: 1;
  background-color: hsl(2, 76%, 60%);
  background-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--bg-opacity));
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  border-radius: 9999px;
  line-height: 1.5;
  padding: 2px 6px 1px;
}

.badge-sm {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  text-transform: uppercase;
  font-size: 10px;
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  border-radius: 2px;
  line-height: 1.5;
  height: 16px;
  padding: 1px 5px 2px;
}

.filter-badge {
  font-size: 12px;
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  display: flex;
  align-items: center;
  height: 1.625rem;
  padding-left: 10px;
}

.filter-badge button {
  padding-left: 8px;
  padding-right: 8px;
  font-size: 16px;
  --text-opacity: 1;
  color: hsl(210, 15%, 80%);
  color: rgba(196.35, 204, 211.65, var(--text-opacity));
  display: flex;
  align-items: center;
  border-radius: 3px;
}

.filter-badge button:hover {
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
}

.filter-badge button:focus {
  @apply border-blue-light;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
}

/* ==========================================================================
   DROPDOWNS
   ========================================================================== */

.dropdown-list .popover-content {
  padding: 8px;
}

.dropdown-list .popover-content button, .dropdown-list .popover-content a {
  display: block;
  width: 100%;
  text-align: left;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 400;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  line-height: 1.4;
  white-space: nowrap;
}

.dropdown-list .popover-content button:hover, .dropdown-list .popover-content a:hover {
  --bg-opacity: 1;
  background-color: hsl(200, 80%, 50%);
  background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity));
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.dropdown-list .popover-content button .icon, .dropdown-list .popover-content a .icon {
  color: #d0d4d7 !important;
  margin-right: 6px;
  margin-left: -4px;
  font-size: 12px;
  width: 20px;
  display: block;
  float: left;
  position: relative;
  top: 2px;
  line-height: inherit;
  text-align: center;
}

.dropdown-list .popover-content a.warning {
  color: #E75650;
}

.dropdown-list .popover-content a.warning:hover {
  background: #E75650;
  color: #fff;
}

.dropdown-list .popover-content .divider {
  background-color: #E5E5E5;
  height: 1px;
  overflow: hidden;
  margin: 6px -8px;
}

.align-left .dropdown-list .popover-content {
  right: auto;
}

/* ==========================================================================
   BASE FORM ELEMENTS
   ========================================================================== */

form ul, form li {
  list-style: none;
  padding: 3px 0;
}

label {
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  font-weight: 400;
  font-size: 14px;
  display: block;
  line-height: 1.5;
}

input[type="checkbox"] {
  font-size: 18px;
  position: relative;
  top: -1px;
}

input[type="radio"] {
  font-size: 18px;
  position: relative;
  top: 1px;
}

select {
  font-size: 16px;
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  border-width: 2px;
  --border-opacity: 1;
  border-color: hsl(210, 30%, 95%);
  border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--border-opacity));
  cursor: pointer;
}

/* Text Fields
  ========================================================================== */

.input-text, input.slug:hover, input.slug:focus {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  --bg-opacity: 1;
  background-color: hsl(218, 90%, 99%);
  background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity));
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  max-width: 100%;
  width: 100%;
  border-width: 1px;
  padding: 8px;
  border-radius: 3px;
  box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05);
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.input-text:not(textarea), input.slug:not(textarea):hover, input.slug:not(textarea):focus {
  height: 38px;
}

.input-text:focus, input.slug:focus, .input-text:focus-within, input.slug:focus-within:hover, input.slug:focus-within:focus {
  @apply border-blue-light;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
}

.input-text-minimal {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  width: 100%;
  padding: 8px;
}

.input-text-minimal:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
}

input.input-text:-moz-read-only, input.slug:-moz-read-only:hover, input.slug:-moz-read-only:focus, textarea.input-text:-moz-read-only, input.input-text-minimal:-moz-read-only {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
}

input.input-text:read-only, input.slug:read-only:hover, input.slug:read-only:focus,
textarea.input-text:read-only,
input.input-text-minimal:read-only,
.input-text.read-only,
input.read-only.slug:hover,
input.read-only.slug:focus {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
}

/* Input Groups
  ========================================================================== */

.input-group {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  width: 100%;
  padding: 0;
  border-radius: 3px;
  display: flex;
  align-items: center;
  height: 38px;
}

.input-group:not(.focus-within-only):focus, .input-group:not(.focus-within-only):focus-within {
  @apply border-blue-light;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
}

.input-group:not(.focus-within-only):focus .input-text:focus, .input-group:not(.focus-within-only):focus input.slug:focus, .input-group:not(.focus-within-only):focus .input-group-prepend:focus, .input-group:not(.focus-within-only):focus .input-group-append:focus, .input-group:not(.focus-within-only):focus .input-group-item:focus, .input-group:not(.focus-within-only):focus-within .input-text:focus, .input-group:not(.focus-within-only):focus-within input.slug:focus, .input-group:not(.focus-within-only):focus-within .input-group-prepend:focus, .input-group:not(.focus-within-only):focus-within .input-group-append:focus, .input-group:not(.focus-within-only):focus-within .input-group-item:focus {
  @apply border-0;
  outline: 0;
  box-shadow: none;
}

.input-group .input-text, .input-group input.slug:hover, .input-group input.slug:focus {
  flex: 1 1 0%;
  --border-opacity: 1;
  border-color: hsl(210, 15%, 80%);
  border-color: rgba(196.35, 204, 211.65, var(--border-opacity));
}

.input-group .input-text:not(:first-child), .input-group input.slug:not(:first-child):hover, .input-group input.slug:not(:first-child):focus {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}

.input-group .input-text:not(:last-child), .input-group input.slug:not(:last-child):hover, .input-group input.slug:not(:last-child):focus {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}

.input-group .input-group-prepend, .input-group .input-group-append, .input-group .input-group-item {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding-left: 8px;
  padding-right: 8px;
  border-width: 1px;
  font-size: 14px;
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: linear-gradient(180deg, #fff, #f9fafb);
  border: 1px solid #c4cdd6;
  box-shadow: 0 1px 0 0 rgba(25, 30, 35, 0.05);
  height: 38px;
  line-height: 36px;
}

.input-group .input-group-prependbutton, .input-group .input-group-appendbutton, .input-group .input-group-itembutton {
  cursor: pointer;
}

.input-group.focus-within-only .input-text:focus, .input-group.focus-within-only input.slug:focus, .input-group.focus-within-only .input-group-prepend:focus, .input-group.focus-within-only .input-group-append:focus, .input-group.focus-within-only .input-group-item:focus {
  @apply border-blue-light;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
  z-index: 1;
}

.input-group .input-group-item {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
  margin-right: -1px;
}

.input-group button.input-group-item:hover:not(:disabled),
.input-group button.input-group-item:active:not(:disabled),
.input-group button.input-group-prepend:hover:not(:disabled),
.input-group button.input-group-prepend:active:not(:disabled),
.input-group button.input-group-append:hover:not(:disabled),
.input-group button.input-group-append:active:not(:disabled) {
  background: linear-gradient(180deg, #f9fafb, #f4f6f8);
  border-color: #c4cdd5;
}

.input-group .input-group-append {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-right-width: 0;
}

.input-group .input-group-append:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-right-width: 1px;
}

.input-group > *:last-child[class*="input-group-"],
.input-group > *:last-child [class*="input-group-"] {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.input-group.input-group-sm {
  height: 1.625rem;
}

.input-group.input-group-sm .input-group-prepend, .input-group.input-group-sm .input-group-append, .input-group.input-group-sm .input-group-item {
  font-size: 13px;
  height: 1.625rem;
  line-height: 25px;
  padding: 0 12px;
}

/* Radio and Checkbox Fields
  ========================================================================== */

.radio-fieldtype .option,
.checkboxes-fieldtype .option {
  margin-top: 12px;
  display: flex;
  align-items: center;
}

.radio-fieldtype .option input,
.checkboxes-fieldtype .option input {
  line-height: 1.5;
  margin-right: 8px;
  position: relative;
}

.radio-fieldtype .option label,
.checkboxes-fieldtype .option label {
  font-weight: 400;
  line-height: 1;
  display: block;
}

.radio-fieldtype .inline-mode,
.checkboxes-fieldtype .inline-mode {
  display: flex;
  align-items: center;
}

.radio-fieldtype .inline-mode .option,
.checkboxes-fieldtype .inline-mode .option {
  margin-right: 16px;
  margin-bottom: 12px;
}

.radio-box {
  border-width: 1px;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  padding: 16px;
  height: 100%;
}

.radio-box.selected {
  --border-opacity: 1;
  border-color: hsl(200, 80%, 50%);
  border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity));
  --text-opacity: 1;
  color: hsl(200, 80%, 50%);
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity));
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15);
}

/* Select Fields
  ========================================================================== */

.select-input-container {
  border-radius: 3px;
  position: relative;
}

.select-input-container:focus, .select-input-container:focus-within {
  @apply border-blue-light;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
}

.select-input-container select {
  font-size: 14px;
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  box-shadow: 0 1px 0 0 rgba(25,30,35,.05);
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
  text-align: left;
  position: relative;
  max-width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 3px;
  line-height: 1.5;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  background: linear-gradient(180deg, #fff, #f9fafb);
  border: 1px solid #c4cdd6;
  height: 2.375rem;
  letter-spacing: -0.01em;
  padding: .475rem 1.75rem .475rem .75rem;
}

.select-input-container select:focus {
  @apply border-blue-light;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
}

.select-input-container select:hover:not(:disabled), .select-input-container select:active:not(:disabled) {
  background: linear-gradient(180deg, #f9fafb, #f4f6f8);
  border-color: #c4cdd5;
}

.select-input-container .select-input-toggle {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  --text-opacity: 1;
  color: hsl(196, 31%, 14%);
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity));
}

.select-input-container .select-input-toggle svg {
  fill: currentColor;
  height: 16px;
  width: 1rem;
}

label .required {
  color: #E75650;
  font-style: normal;
}

label .required + .localizable-icon {
  margin-left: 5px;
}

input[type="file"] {
  padding: 16px;
  height: auto;
  line-height: 1;
}

input.slug {
  background: none;
  box-shadow: none;
  border: none;
  float: left;
  flex-grow: 1;
  font-size: 19px !important;
  height: 32px !important;
  padding-top: 3px !important;
  transition: none !important;
  width: 75% !important;
  -webkit-font-smoothing: antialiased;
}

input.slug:hover, input.slug:focus {
  transition: none !important;
}

.filter-control {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 14px;
  line-height: 1.5;
  position: relative;
}

.filter-control.search {
  height: 34px !important;
}

.help-block {
  width: 100%;
}

/* Form groups
  ========================================================================== */

.form-group {
  padding: 12px;
  margin: 0;
}

.form-group label {
  font-weight: 500;
}

.form-group .input-with-loader + .help-block {
  margin-top: 0;
}

.form-group.form-grid input,
.form-group.form-grid textarea,
.form-group .form-grid input,
.form-group .form-grid textarea {
  background: none;
  box-shadow: none;
}

.form-group.inline {
  display: flex;
  align-items: stretch;
  padding: 0 !important;
  margin: 0 !important;
}

.form-group.inline .form-group {
  flex-basis: auto;
}

.form-group.inline .major {
  flex: 1;
}

.help-block {
  display: block;
  margin-bottom: 8px;
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
  font-size: 13px;
}

.help-block a {
  --text-opacity: 1;
  color: hsl(2, 76%, 60%);
  color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity));
}

.help-block a:hover {
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
}

@media (min-width: 768px) {
  .form-group {
    padding: 24px;
  }
}

/* ==========================================================================
   ICONS
   ========================================================================== */

svg {
  display: inline;
  max-width: 100%;
  max-height: 100%;
  vertical-align: baseline;
}

.heroicon-component-accent {
  fill: hsl(200, 80%, 50%);
}

[class^="icon"] {
  display: inline-block;
  font-size: 16px;
}

.icon-group [class^="icon"] {
  margin: 0 0 0 10px;
  vertical-align: middle;
}

.icon-left {
  margin-right: 10px;
}

.icon-right {
  margin-left: 10px;
}

.icon-status, .little-dot {
  border-radius: 7px;
  display: inline-block;
  height: 7px;
  position: relative;
  width: 7px;
  flex-shrink: 0;
}

.icon-status.published, .little-dot.published {
  --bg-opacity: 1;
  background-color: #64BD63;
  background-color: rgba(100, 189, 99, var(--bg-opacity));
}

.icon-status.draft, .icon-status.expired, .little-dot.draft, .little-dot.expired {
  --bg-opacity: 1;
  background-color: hsl(210, 15%, 70%);
  background-color: rgba(167.02499999999998, 178.5, 189.975, var(--bg-opacity));
}

.icon-status.scheduled, .little-dot.scheduled {
  background-color: transparent;
  border-width: 1px;
  --border-opacity: 1;
  border-color: hsl(210, 15%, 70%);
  border-color: rgba(167.02499999999998, 178.5, 189.975, var(--border-opacity));
}

.icon-status-draft {
  background: #8f9ca3;
}

.icon-status-hidden {
  border: solid 1px #8f9ca3;
}

.icon-status-live {
  background: #479967;
}

.icon-status-error {
  background: #E75650;
}

.icon-status-warning {
  --bg-opacity: 1;
  background-color: #d8cd1b;
  background-color: rgba(216, 205, 27, var(--bg-opacity));
}

.icon-large {
  font-size: 42px;
}

.icon-header-avatar {
  height: 32px;
  width: 32px;
  line-height: 32px;
  border-radius: 9999px;
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15);
  overflow: hidden;
}

.icon-user-initials {
  text-align: center;
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  font-size: 12px;
  --bg-opacity: 1;
  background-color: #ff269e;
  background-color: rgba(255, 38, 158, var(--bg-opacity));
}

.svg-icon {
  width: 1rem;
  height: 16px;
}

.svg-icon.using-svg {
  display: flex;
  align-items: center;
}

.svg-icon svg {
  width: 100%;
  height: 100%;
}

.svg-icon div {
  padding-top: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}

/* Entypo
  ========================================================================== */

.icon:before {
  position: relative;
  top: 2px;
  display: inline-block;
  font-family: "entypo";
  speak: none;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-500px-with-circle:before {
  content: "\EA01";
}

.icon-500px:before {
  content: "\EA02";
}

.icon-add-to-list:before {
  content: "\EA03";
}

.icon-add-user:before {
  content: "\EA04";
}

.icon-address:before {
  content: "\EA05";
}

.icon-adjust:before {
  content: "\EA06";
}

.icon-air:before {
  content: "\EA07";
}

.icon-aircraft-landing:before {
  content: "\EA08";
}

.icon-aircraft-take-off:before {
  content: "\EA09";
}

.icon-aircraft:before {
  content: "\EA0A";
}

.icon-align-bottom:before {
  content: "\EA0B";
}

.icon-align-horizontal-middle:before {
  content: "\EA0C";
}

.icon-align-left:before {
  content: "\EA0D";
}

.icon-align-right:before {
  content: "\EA0E";
}

.icon-align-top:before {
  content: "\EA0F";
}

.icon-align-vertical-middle:before {
  content: "\EA10";
}

.icon-app-store:before {
  content: "\EA11";
}

.icon-archive:before {
  content: "\EA12";
}

.icon-area-graph:before {
  content: "\EA13";
}

.icon-arrow-bold-down:before {
  content: "\EA14";
}

.icon-arrow-bold-left:before {
  content: "\EA15";
}

.icon-arrow-bold-right:before {
  content: "\EA16";
}

.icon-arrow-bold-up:before {
  content: "\EA17";
}

.icon-arrow-down:before {
  content: "\EA18";
}

.icon-arrow-left:before {
  content: "\EA19";
}

.icon-arrow-long-down:before {
  content: "\EA1A";
}

.icon-arrow-long-left:before {
  content: "\EA1B";
}

.icon-arrow-long-right:before {
  content: "\EA1C";
}

.icon-arrow-long-up:before {
  content: "\EA1D";
}

.icon-arrow-right:before {
  content: "\EA1E";
}

.icon-arrow-up:before {
  content: "\EA1F";
}

.icon-arrow-with-circle-down:before {
  content: "\EA20";
}

.icon-arrow-with-circle-left:before {
  content: "\EA21";
}

.icon-arrow-with-circle-right:before {
  content: "\EA22";
}

.icon-arrow-with-circle-up:before {
  content: "\EA23";
}

.icon-attachment:before {
  content: "\EA24";
}

.icon-awareness-ribbon:before {
  content: "\EA25";
}

.icon-back-in-time:before {
  content: "\EA26";
}

.icon-back:before {
  content: "\EA27";
}

.icon-baidu:before {
  content: "\EA28";
}

.icon-bar-graph:before {
  content: "\EA29";
}

.icon-basecamp:before {
  content: "\EA2A";
}

.icon-battery:before {
  content: "\EA2B";
}

.icon-beamed-note:before {
  content: "\EA2C";
}

.icon-behance:before {
  content: "\EA2D";
}

.icon-bell:before {
  content: "\EA2E";
}

.icon-blackboard:before {
  content: "\EA2F";
}

.icon-block:before {
  content: "\EA30";
}

.icon-book:before {
  content: "\EA31";
}

.icon-bookmark:before {
  content: "\EA32";
}

.icon-bookmarks:before {
  content: "\EA33";
}

.icon-bowl:before {
  content: "\EA34";
}

.icon-box:before {
  content: "\EA35";
}

.icon-briefcase:before {
  content: "\EA36";
}

.icon-browser:before {
  content: "\EA37";
}

.icon-brush:before {
  content: "\EA38";
}

.icon-bucket:before {
  content: "\EA39";
}

.icon-bug:before {
  content: "\EA3A";
}

.icon-cake:before {
  content: "\EA3B";
}

.icon-calculator:before {
  content: "\EA3C";
}

.icon-calendar:before {
  content: "\EA3D";
}

.icon-camera:before {
  content: "\EA3E";
}

.icon-ccw:before {
  content: "\EA3F";
}

.icon-chat:before {
  content: "\EA40";
}

.icon-check:before {
  content: "\EA41";
}

.icon-chevron-down:before {
  content: "\EA42";
}

.icon-chevron-left:before {
  content: "\EA43";
}

.icon-chevron-right:before {
  content: "\EA44";
}

.icon-chevron-small-down:before {
  content: "\EA45";
}

.icon-chevron-small-left:before {
  content: "\EA46";
}

.icon-chevron-small-right:before {
  content: "\EA47";
}

.icon-chevron-small-up:before {
  content: "\EA48";
}

.icon-chevron-thin-down:before {
  content: "\EA49";
}

.icon-chevron-thin-left:before {
  content: "\EA4A";
}

.icon-chevron-thin-right:before {
  content: "\EA4B";
}

.icon-chevron-thin-up:before {
  content: "\EA4C";
}

.icon-chevron-up:before {
  content: "\EA4D";
}

.icon-chevron-with-circle-down:before {
  content: "\EA4E";
}

.icon-chevron-with-circle-left:before {
  content: "\EA4F";
}

.icon-chevron-with-circle-right:before {
  content: "\EA50";
}

.icon-chevron-with-circle-up:before {
  content: "\EA51";
}

.icon-circle-with-cross:before {
  content: "\EA52";
}

.icon-circle-with-minus:before {
  content: "\EA53";
}

.icon-circle-with-plus:before {
  content: "\EA54";
}

.icon-circle:before {
  content: "\EA55";
}

.icon-circular-graph:before {
  content: "\EA56";
}

.icon-clapperboard:before {
  content: "\EA57";
}

.icon-classic-computer:before {
  content: "\EA58";
}

.icon-clipboard:before {
  content: "\EA59";
}

.icon-clock:before {
  content: "\EA5A";
}

.icon-cloud:before {
  content: "\EA5B";
}

.icon-code:before {
  content: "\EA5C";
}

.icon-cog:before {
  content: "\EA5D";
}

.icon-colours:before {
  content: "\EA5E";
}

.icon-compass:before {
  content: "\EA5F";
}

.icon-controller-fast-backward:before {
  content: "\EA60";
}

.icon-controller-fast-forward:before {
  content: "\EA61";
}

.icon-controller-jump-to-start:before {
  content: "\EA62";
}

.icon-controller-next:before {
  content: "\EA63";
}

.icon-controller-paus:before {
  content: "\EA64";
}

.icon-controller-play:before {
  content: "\EA65";
}

.icon-controller-record:before {
  content: "\EA66";
}

.icon-controller-stop:before {
  content: "\EA67";
}

.icon-controller-volume:before {
  content: "\EA68";
}

.icon-copy:before {
  content: "\EA69";
}

.icon-creative-cloud:before {
  content: "\EA6A";
}

.icon-creative-commons-attribution:before {
  content: "\EA6B";
}

.icon-creative-commons-noderivs:before {
  content: "\EA6C";
}

.icon-creative-commons-noncommercial-eu:before {
  content: "\EA6D";
}

.icon-creative-commons-noncommercial-us:before {
  content: "\EA6E";
}

.icon-creative-commons-public-domain:before {
  content: "\EA6F";
}

.icon-creative-commons-remix:before {
  content: "\EA70";
}

.icon-creative-commons-share:before {
  content: "\EA71";
}

.icon-creative-commons-sharealike:before {
  content: "\EA72";
}

.icon-creative-commons:before {
  content: "\EA73";
}

.icon-credit-card:before {
  content: "\EA74";
}

.icon-credit:before {
  content: "\EA75";
}

.icon-crop:before {
  content: "\EA76";
}

.icon-cross:before {
  content: "\EA77";
}

.icon-cup:before {
  content: "\EA78";
}

.icon-cw:before {
  content: "\EA79";
}

.icon-cycle:before {
  content: "\EA7A";
}

.icon-database:before {
  content: "\EA7B";
}

.icon-dial-pad:before {
  content: "\EA7C";
}

.icon-direction:before {
  content: "\EA7D";
}

.icon-document-landscape:before {
  content: "\EA7E";
}

.icon-document:before {
  content: "\EA7F";
}

.icon-documents:before {
  content: "\EA80";
}

.icon-dot-single:before {
  content: "\EA81";
}

.icon-dots-three-horizontal:before {
  content: "\EA82";
}

.icon-dots-three-vertical:before {
  content: "\EA83";
}

.icon-dots-two-horizontal:before {
  content: "\EA84";
}

.icon-dots-two-vertical:before {
  content: "\EA85";
}

.icon-download:before {
  content: "\EA86";
}

.icon-dribbble-with-circle:before {
  content: "\EA87";
}

.icon-dribbble:before {
  content: "\EA88";
}

.icon-drink:before {
  content: "\EA89";
}

.icon-drive:before {
  content: "\EA8A";
}

.icon-drop:before {
  content: "\EA8B";
}

.icon-dropbox:before {
  content: "\EA8C";
}

.icon-edit:before {
  content: "\EA8D";
}

.icon-email:before {
  content: "\EA8E";
}

.icon-emoji-flirt:before {
  content: "\EA8F";
}

.icon-emoji-happy:before {
  content: "\EA90";
}

.icon-emoji-neutral:before {
  content: "\EA91";
}

.icon-emoji-sad:before {
  content: "\EA92";
}

.icon-erase:before {
  content: "\EA93";
}

.icon-eraser:before {
  content: "\EA94";
}

.icon-evernote:before {
  content: "\EA95";
}

.icon-export:before {
  content: "\EA96";
}

.icon-eye-with-line:before {
  content: "\EA97";
}

.icon-eye:before {
  content: "\EA98";
}

.icon-facebook-with-circle:before {
  content: "\EA99";
}

.icon-facebook:before {
  content: "\EA9A";
}

.icon-feather:before {
  content: "\EA9B";
}

.icon-fingerprint:before {
  content: "\EA9C";
}

.icon-flag:before {
  content: "\EA9D";
}

.icon-flash:before {
  content: "\EA9E";
}

.icon-flashlight:before {
  content: "\EA9F";
}

.icon-flat-brush:before {
  content: "\EAA0";
}

.icon-flattr:before {
  content: "\EAA1";
}

.icon-flickr-with-circle:before {
  content: "\EAA2";
}

.icon-flickr:before {
  content: "\EAA3";
}

.icon-flow-branch:before {
  content: "\EAA4";
}

.icon-flow-cascade:before {
  content: "\EAA5";
}

.icon-flow-line:before {
  content: "\EAA6";
}

.icon-flow-parallel:before {
  content: "\EAA7";
}

.icon-flow-tree:before {
  content: "\EAA8";
}

.icon-flower:before {
  content: "\EAA9";
}

.icon-folder-images:before {
  content: "\EAAA";
}

.icon-folder-music:before {
  content: "\EAAB";
}

.icon-folder-video:before {
  content: "\EAAC";
}

.icon-folder:before {
  content: "\EAAD";
}

.icon-forward:before {
  content: "\EAAE";
}

.icon-foursquare:before {
  content: "\EAAF";
}

.icon-funnel:before {
  content: "\EAB0";
}

.icon-game-controller:before {
  content: "\EAB1";
}

.icon-gauge:before {
  content: "\EAB2";
}

.icon-github-with-circle:before {
  content: "\EAB3";
}

.icon-github:before {
  content: "\EAB4";
}

.icon-globe:before {
  content: "\EAB5";
}

.icon-google-plus-with-circle:before {
  content: "\EAB6";
}

.icon-google-plus:before {
  content: "\EAB7";
}

.icon-google-drive:before {
  content: "\EAB8";
}

.icon-google-hangouts:before {
  content: "\EAB9";
}

.icon-google-play:before {
  content: "\EABA";
}

.icon-graduation-cap:before {
  content: "\EABB";
}

.icon-grid:before {
  content: "\EABC";
}

.icon-grooveshark:before {
  content: "\EABD";
}

.icon-hair-cross:before {
  content: "\EABE";
}

.icon-hand:before {
  content: "\EABF";
}

.icon-heart-outlined:before {
  content: "\EAC0";
}

.icon-heart:before {
  content: "\EAC1";
}

.icon-help-with-circle:before {
  content: "\EAC2";
}

.icon-help:before {
  content: "\EAC3";
}

.icon-home:before {
  content: "\EAC4";
}

.icon-hour-glass:before {
  content: "\EAC5";
}

.icon-houzz:before {
  content: "\EAC6";
}

.icon-icloud:before {
  content: "\EAC7";
}

.icon-image-inverted:before {
  content: "\EAC8";
}

.icon-image:before {
  content: "\EAC9";
}

.icon-images:before {
  content: "\EACA";
}

.icon-inbox:before {
  content: "\EACB";
}

.icon-infinity:before {
  content: "\EACC";
}

.icon-info-with-circle:before {
  content: "\EACD";
}

.icon-info:before {
  content: "\EACE";
}

.icon-instagram-with-circle:before {
  content: "\EACF";
}

.icon-instagram:before {
  content: "\EAD0";
}

.icon-install:before {
  content: "\EAD1";
}

.icon-key:before {
  content: "\EAD2";
}

.icon-keyboard:before {
  content: "\EAD3";
}

.icon-lab-flask:before {
  content: "\EAD4";
}

.icon-landline:before {
  content: "\EAD5";
}

.icon-language:before {
  content: "\EAD6";
}

.icon-laptop:before {
  content: "\EAD7";
}

.icon-lastfm-with-circle:before {
  content: "\EAD8";
}

.icon-lastfm:before {
  content: "\EAD9";
}

.icon-layers:before {
  content: "\EADA";
}

.icon-leaf:before {
  content: "\EADB";
}

.icon-level-down:before {
  content: "\EADC";
}

.icon-level-up:before {
  content: "\EADD";
}

.icon-lifebuoy:before {
  content: "\EADE";
}

.icon-light-bulb:before {
  content: "\EADF";
}

.icon-light-down:before {
  content: "\EAE0";
}

.icon-light-up:before {
  content: "\EAE1";
}

.icon-line-graph:before {
  content: "\EAE2";
}

.icon-link:before {
  content: "\EAE3";
}

.icon-linkedin-with-circle:before {
  content: "\EAE4";
}

.icon-linkedin:before {
  content: "\EAE5";
}

.icon-list:before {
  content: "\EAE6";
}

.icon-location-pin:before {
  content: "\EAE7";
}

.icon-location:before {
  content: "\EAE8";
}

.icon-lock-open:before {
  content: "\EAE9";
}

.icon-lock:before {
  content: "\EAEA";
}

.icon-log-out:before {
  content: "\EAEB";
}

.icon-login:before {
  content: "\EAEC";
}

.icon-loop:before {
  content: "\EAED";
}

.icon-magnet:before {
  content: "\EAEE";
}

.icon-magnifying-glass:before {
  content: "\EAEF";
}

.icon-mail-with-circle:before {
  content: "\EAF0";
}

.icon-mail:before {
  content: "\EAF1";
}

.icon-man:before {
  content: "\EAF2";
}

.icon-map:before {
  content: "\EAF3";
}

.icon-mask:before {
  content: "\EAF4";
}

.icon-medal:before {
  content: "\EAF5";
}

.icon-medium-with-circle:before {
  content: "\EAF6";
}

.icon-medium:before {
  content: "\EAF7";
}

.icon-megaphone:before {
  content: "\EAF8";
}

.icon-menu-white:before {
  content: "\EAF9";
}

.icon-menu:before {
  content: "\EAFA";
}

.icon-merge:before {
  content: "\EAFB";
}

.icon-message:before {
  content: "\EAFC";
}

.icon-mic:before {
  content: "\EAFD";
}

.icon-minus:before {
  content: "\EAFE";
}

.icon-mixi:before {
  content: "\EAFF";
}

.icon-mobile:before {
  content: "\EB00";
}

.icon-modern-mic:before {
  content: "\EB01";
}

.icon-moon:before {
  content: "\EB02";
}

.icon-mouse-pointer:before {
  content: "\EB03";
}

.icon-mouse:before {
  content: "\EB04";
}

.icon-music:before {
  content: "\EB05";
}

.icon-network:before {
  content: "\EB06";
}

.icon-new-message:before {
  content: "\EB07";
}

.icon-new:before {
  content: "\EB08";
}

.icon-news:before {
  content: "\EB09";
}

.icon-newsletter:before {
  content: "\EB0A";
}

.icon-note:before {
  content: "\EB0B";
}

.icon-notification:before {
  content: "\EB0C";
}

.icon-notifications-off:before {
  content: "\EB0D";
}

.icon-old-mobile:before {
  content: "\EB0E";
}

.icon-old-phone:before {
  content: "\EB0F";
}

.icon-onedrive:before {
  content: "\EB10";
}

.icon-open-book:before {
  content: "\EB11";
}

.icon-palette:before {
  content: "\EB12";
}

.icon-paper-plane:before {
  content: "\EB13";
}

.icon-paypal:before {
  content: "\EB14";
}

.icon-pencil:before {
  content: "\EB15";
}

.icon-phone:before {
  content: "\EB16";
}

.icon-picasa:before {
  content: "\EB17";
}

.icon-pie-chart:before {
  content: "\EB18";
}

.icon-pin:before {
  content: "\EB19";
}

.icon-pinterest-with-circle:before {
  content: "\EB1A";
}

.icon-pinterest:before {
  content: "\EB1B";
}

.icon-plus:before {
  content: "\EB1C";
}

.icon-popup:before {
  content: "\EB1D";
}

.icon-power-plug:before {
  content: "\EB1E";
}

.icon-price-ribbon:before {
  content: "\EB1F";
}

.icon-price-tag:before {
  content: "\EB20";
}

.icon-print:before {
  content: "\EB21";
}

.icon-progress-empty:before {
  content: "\EB22";
}

.icon-progress-full:before {
  content: "\EB23";
}

.icon-progress-one:before {
  content: "\EB24";
}

.icon-progress-two:before {
  content: "\EB25";
}

.icon-publish:before {
  content: "\EB26";
}

.icon-qq-with-circle:before {
  content: "\EB27";
}

.icon-qq:before {
  content: "\EB28";
}

.icon-quote:before {
  content: "\EB29";
}

.icon-radio:before {
  content: "\EB2A";
}

.icon-raft-with-circle:before {
  content: "\EB2B";
}

.icon-raft:before {
  content: "\EB2C";
}

.icon-rainbow:before {
  content: "\EB2D";
}

.icon-rdio-with-circle:before {
  content: "\EB2E";
}

.icon-rdio:before {
  content: "\EB2F";
}

.icon-remove-user:before {
  content: "\EB30";
}

.icon-renren:before {
  content: "\EB31";
}

.icon-reply-all:before {
  content: "\EB32";
}

.icon-reply:before {
  content: "\EB33";
}

.icon-resize-100:before {
  content: "\EB34";
}

.icon-resize-full-screen:before {
  content: "\EB35";
}

.icon-retweet:before {
  content: "\EB36";
}

.icon-rocket:before {
  content: "\EB37";
}

.icon-round-brush:before {
  content: "\EB38";
}

.icon-rss:before {
  content: "\EB39";
}

.icon-ruler:before {
  content: "\EB3A";
}

.icon-save:before {
  content: "\EB3B";
}

.icon-scissors:before {
  content: "\EB3C";
}

.icon-scribd:before {
  content: "\EB3D";
}

.icon-select-arrows:before {
  content: "\EB3E";
}

.icon-share-alternative:before {
  content: "\EB3F";
}

.icon-share-alternitive:before {
  content: "\EB40";
}

.icon-share:before {
  content: "\EB41";
}

.icon-shareable:before {
  content: "\EB42";
}

.icon-shield:before {
  content: "\EB43";
}

.icon-shop:before {
  content: "\EB44";
}

.icon-shopping-bag:before {
  content: "\EB45";
}

.icon-shopping-basket:before {
  content: "\EB46";
}

.icon-shopping-cart:before {
  content: "\EB47";
}

.icon-shuffle:before {
  content: "\EB48";
}

.icon-signal:before {
  content: "\EB49";
}

.icon-sina-weibo:before {
  content: "\EB4A";
}

.icon-skype-with-circle:before {
  content: "\EB4B";
}

.icon-skype:before {
  content: "\EB4C";
}

.icon-slideshare:before {
  content: "\EB4D";
}

.icon-smashing:before {
  content: "\EB4E";
}

.icon-sound-mix:before {
  content: "\EB4F";
}

.icon-sound-mute:before {
  content: "\EB50";
}

.icon-sound:before {
  content: "\EB51";
}

.icon-soundcloud:before {
  content: "\EB52";
}

.icon-sports-club:before {
  content: "\EB53";
}

.icon-spotify-with-circle:before {
  content: "\EB54";
}

.icon-spotify:before {
  content: "\EB55";
}

.icon-spreadsheet:before {
  content: "\EB56";
}

.icon-squared-cross:before {
  content: "\EB57";
}

.icon-squared-minus:before {
  content: "\EB58";
}

.icon-squared-plus:before {
  content: "\EB59";
}

.icon-star-outlined:before {
  content: "\EB5A";
}

.icon-star:before {
  content: "\EB5B";
}

.icon-stopwatch:before {
  content: "\EB5C";
}

.icon-stumbleupon-with-circle:before {
  content: "\EB5D";
}

.icon-stumbleupon:before {
  content: "\EB5E";
}

.icon-suitcase:before {
  content: "\EB5F";
}

.icon-swap:before {
  content: "\EB60";
}

.icon-swarm:before {
  content: "\EB61";
}

.icon-sweden:before {
  content: "\EB62";
}

.icon-switch:before {
  content: "\EB63";
}

.icon-tablet-mobile-combo:before {
  content: "\EB64";
}

.icon-tablet:before {
  content: "\EB65";
}

.icon-tag:before {
  content: "\EB66";
}

.icon-text-document-inverted:before {
  content: "\EB67";
}

.icon-text-document:before {
  content: "\EB68";
}

.icon-text:before {
  content: "\EB69";
}

.icon-thermometer:before {
  content: "\EB6A";
}

.icon-thumbs-down:before {
  content: "\EB6B";
}

.icon-thumbs-up:before {
  content: "\EB6C";
}

.icon-thunder-cloud:before {
  content: "\EB6D";
}

.icon-ticket:before {
  content: "\EB6E";
}

.icon-time-slot:before {
  content: "\EB6F";
}

.icon-tools:before {
  content: "\EB70";
}

.icon-traffic-cone:before {
  content: "\EB71";
}

.icon-trash:before {
  content: "\EB72";
}

.icon-tree:before {
  content: "\EB73";
}

.icon-triangle-down:before {
  content: "\EB74";
}

.icon-triangle-left:before {
  content: "\EB75";
}

.icon-triangle-right:before {
  content: "\EB76";
}

.icon-triangle-up:before {
  content: "\EB77";
}

.icon-tripadvisor:before {
  content: "\EB78";
}

.icon-trophy:before {
  content: "\EB79";
}

.icon-tumblr-with-circle:before {
  content: "\EB7A";
}

.icon-tumblr:before {
  content: "\EB7B";
}

.icon-tv:before {
  content: "\EB7C";
}

.icon-twitter-with-circle:before {
  content: "\EB7D";
}

.icon-twitter:before {
  content: "\EB7E";
}

.icon-typing:before {
  content: "\EB7F";
}

.icon-uninstall:before {
  content: "\EB80";
}

.icon-unread:before {
  content: "\EB81";
}

.icon-untag:before {
  content: "\EB82";
}

.icon-upload-to-cloud:before {
  content: "\EB83";
}

.icon-upload:before {
  content: "\EB84";
}

.icon-user:before {
  content: "\EB85";
}

.icon-users:before {
  content: "\EB86";
}

.icon-v-card:before {
  content: "\EB87";
}

.icon-video-camera:before {
  content: "\EB88";
}

.icon-video:before {
  content: "\EB89";
}

.icon-vimeo-with-circle:before {
  content: "\EB8A";
}

.icon-vimeo:before {
  content: "\EB8B";
}

.icon-vine-with-circle:before {
  content: "\EB8C";
}

.icon-vine:before {
  content: "\EB8D";
}

.icon-vinyl:before {
  content: "\EB8E";
}

.icon-vk-alternitive:before {
  content: "\EB8F";
}

.icon-vk-with-circle:before {
  content: "\EB90";
}

.icon-vk:before {
  content: "\EB91";
}

.icon-voicemail:before {
  content: "\EB92";
}

.icon-wallet:before {
  content: "\EB93";
}

.icon-warning:before {
  content: "\EB94";
}

.icon-water:before {
  content: "\EB95";
}

.icon-windows-store:before {
  content: "\EB96";
}

.icon-xing-with-circle:before {
  content: "\EB97";
}

.icon-xing:before {
  content: "\EB98";
}

.icon-yelp:before {
  content: "\EB99";
}

.icon-youko-with-circle:before {
  content: "\EB9A";
}

.icon-youko:before {
  content: "\EB9B";
}

.icon-youtube-with-circle:before {
  content: "\EB9C";
}

.icon-youtube:before {
  content: "\EB9D";
}

/* Font Awesome - used in Bard's MediumEditor implementation
  ========================================================================== */

[class^="fa-"], [class*=" fa-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fontawesome' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-check:before {
  content: "\F00C";
}

.fa-close:before {
  content: "\F00D";
}

.fa-remove:before {
  content: "\F00D";
}

.fa-times:before {
  content: "\F00D";
}

.fa-bold:before {
  content: "\F032";
}

.fa-italic:before {
  content: "\F033";
}

.fa-align-left:before {
  content: "\F036";
}

.fa-align-center:before {
  content: "\F037";
}

.fa-align-right:before {
  content: "\F038";
}

.fa-align-justify:before {
  content: "\F039";
}

.fa-list:before {
  content: "\F03A";
}

.fa-dedent:before {
  content: "\F03B";
}

.fa-outdent:before {
  content: "\F03B";
}

.fa-indent:before {
  content: "\F03C";
}

.fa-image:before {
  content: "\F03E";
}

.fa-photo:before {
  content: "\F03E";
}

.fa-picture-o:before {
  content: "\F03E";
}

.fa-chain:before {
  content: "\F0C1";
}

.fa-link:before {
  content: "\F0C1";
}

.fa-list-ul:before {
  content: "\F0CA";
}

.fa-list-ol:before {
  content: "\F0CB";
}

.fa-strikethrough:before {
  content: "\F0CC";
}

.fa-underline:before {
  content: "\F0CD";
}

.fa-quote-right:before {
  content: "\F10E";
}

.fa-code:before {
  content: "\F121";
}

.fa-superscript:before {
  content: "\F12B";
}

.fa-subscript:before {
  content: "\F12C";
}

.fa-eraser:before {
  content: "\F12D";
}

.fa-file-image-o:before {
  content: "\F1C5";
}

.fa-file-photo-o:before {
  content: "\F1C5";
}

.fa-file-picture-o:before {
  content: "\F1C5";
}

.fa-header:before {
  content: "\F1DC";
}

.fa-paint-brush:before {
  content: "\F1FC";
}

/* ==========================================================================
   TABLES
   ========================================================================== */

.data-list-header {
  padding: 16px;
  padding-bottom: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.data-list-search-input {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.data-list-search-input:focus {
  @apply border-blue-light;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
}

.data-list-bulk-actions {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  position: absolute;
  width: 100%;
  padding-top: 16px;
  z-index: 10;
  padding-left: 56px;
}

.mode-grid .data-list-bulk-actions {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  width: 100%;
  padding-top: 8px;
  z-index: 10;
  padding-left: 16px;
  position: static;
}

.data-list-footer {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 16px;
  display: flex;
  align-items: center;
  border-top-width: 1px;
}

.data-table {
  text-align: left;
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  max-width: 100%;
  display: block;
  overflow-x: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.data-table thead {
  font-size: 14px;
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
  --text-opacity: 1;
  color: hsl(196, 31%, 14%);
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity));
}

.data-table thead tr {
  border-bottom-width: 1px;
}

.data-table thead th {
  font-weight: 500;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  padding-bottom: 8px;
}

.data-table thead th:first-child {
  border-top-left-radius: 3px;
}

.data-table thead th:last-child {
  border-top-right-radius: 3px;
}

.data-table thead th:hover {
  --text-opacity: 1;
  color: hsl(196, 31%, 14%);
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity));
}

.data-table thead .actions-column {
  padding: 0;
  padding-right: 16px;
  text-align: right;
  width: 24px;
}

.data-table tbody {
  outline: none;
}

.data-table tbody tr {
  border-bottom-width: 1px;
  font-size: 14px;
}

.data-table tbody tr.row-selected {
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
}

.data-table tbody tr:last-child {
  border-style: none;
}

.data-table tbody tr:hover {
  --bg-opacity: 1;
  background-color: hsl(218, 90%, 99%);
  background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity));
}

.data-table tbody tr td:first-child {
  border-bottom-left-radius: 3px;
}

.data-table tbody tr td:last-child {
  border-bottom-right-radius: 3px;
}

.data-table tbody tr th {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 16px;
}

.data-table tbody tr td {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  word-break: break-all;
}

.data-table tbody .actions-column {
  padding: 0;
  text-align: right;
  width: 24px;
}

.data-table tbody .actions-column .rotating-dots-button {
  margin-right: 18px;
}

.data-table .checkbox-column {
  width: 1rem;
  padding-right: 0;
  position: relative;
  z-index: 10;
  padding-left: 20px;
}

.data-table .sortable-column {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.data-table .sortable-column:hover {
  --text-opacity: 1;
  color: #2e9fff;
  color: rgba(46, 159, 255, var(--text-opacity));
}

.data-table .sortable-column.current-column {
  font-weight: 700;
}

.data-table .sortable-column.current-column svg {
  opacity: 1;
}

.data-table .sortable-column svg {
  opacity: 0;
}

.data-table .sortable-column svg.asc {
  transform: scaleY(-1);
}

.data-table .sortable-row.draggable-mirror {
  display: none;
}

@media (min-width: 768px) {
  .data-table {
    width: 100%;
    display: table;
  }
}

.data-list-header ~ .data-table thead th {
  border-radius: 0;
}

.data-list-filter-link {
  --border-opacity: 1;
  border-color: hsl(210, 22%, 89%);
  border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--border-opacity));
  --text-opacity: 1;
  color: hsl(210, 15%, 70%);
  color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity));
  margin-right: 8px;
  padding: 12px;
  padding-bottom: 8px;
}

.data-list-filter-link:hover {
  border-bottom-width: 3px;
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
}

.data-list-filter-link:focus {
  --border-opacity: 1;
  border-color: hsl(210, 100%, 75%);
  border-color: rgba(127.5, 191.24999999999994, 255, var(--border-opacity));
  outline: 0;
  box-shadow: inset 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
}

.data-list-filter-link.active {
  border-bottom-width: 3px;
  --border-opacity: 1;
  border-color: hsl(200, 80%, 50%);
  border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity));
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
}

td.table-drag-handle {
  width: 0.75rem;
  border-right-width: 1px;
  height: 100%;
  padding: 8px;
  cursor: -webkit-grab;
  cursor: grab;
  background: hsl(214, 60%, 97.5%) url([object Module]) center center no-repeat;
}

td.table-drag-handle:hover {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
}

table.table-legacy {
  margin-top: 25px;
  margin-bottom: 40px;
  width: 100%;
}

table.table-legacy thead {
  border-top: solid 2px #e0e0e0;
}

table.table-legacy tr {
  border-top: solid 1px #e0e0e0;
  position: relative;
}

table.table-legacy tr.warning td {
  background-color: #fcf8e2;
}

table.table-legacy tbody tr.active td {
  background: #f6f9fc;
}

table.table-legacy .checkbox-col {
  width: 37px;
  padding: 5px 5px;
}

table.table-legacy th {
  color: #8f9ca3;
  font-size: 11px;
  font-weight: bold;
  padding: 12px 5px 12px 5px;
  text-transform: uppercase;
}

table.table-legacy td {
  font-size: 14px;
  padding: 10px 5px;
}

table.table-legacy td.minor {
  color: #8f9ca3;
  font-size: 14px;
}

table.table-legacy td input[type="checkbox"] + label {
  position: relative;
  top: 2px;
  vertical-align: 0;
}

table.table-legacy td span.status {
  border-radius: 7px;
  display: inline-block;
  height: 7px;
  width: 7px;
}

table.table-legacy td span.status-draft {
  background: #8f9ca3;
}

table.table-legacy td span.status-hidden {
  border: solid 1px #8f9ca3;
}

table.table-legacy td span.status-live {
  background: #479967;
}

table.table-legacy .handle {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: ns-resize;
}

.bordered-table {
  border-spacing: 0;
  border-collapse: separate;
  margin-bottom: 20px;
  margin-top: 0;
  table-layout: fixed;
}

.bordered-table > thead,
.bordered-table > thead > tr > td,
.bordered-table > thead > tr > th,
.bordered-table > tbody > tr > td,
.bordered-table > tbody > tr > th {
  border: none;
}

.bordered-table > thead > tr > th, .bordered-table > tbody > tr > th {
  border-top: solid 1px #e0e0e0;
  font-size: 14px;
  text-transform: none;
}

.bordered-table > thead > tr > th, .bordered-table > thead > tr > td, .bordered-table > tbody > tr > th, .bordered-table > tbody > tr > td {
  border-right: solid 1px #e0e0e0;
  border-bottom: solid 1px #e0e0e0;
}

.bordered-table > thead > tr > th:first-child, .bordered-table > thead > tr > td:first-child, .bordered-table > tbody > tr > th:first-child, .bordered-table > tbody > tr > td:first-child {
  border-left: solid 1px #e0e0e0;
}

.bordered-table > thead tr:first-child th:first-child, .bordered-table > tbody tr:first-child th:first-child {
  border-top-left-radius: 3px;
}

.bordered-table > thead tr:first-child th:last-child, .bordered-table > tbody tr:first-child th:last-child {
  border-top-right-radius: 3px;
}

.bordered-table > thead tr:last-child td:first-child, .bordered-table > tbody tr:last-child td:first-child {
  border-bottom-left-radius: 3px;
}

.bordered-table > thead tr:last-child td:last-child, .bordered-table > tbody tr:last-child td:last-child {
  border-bottom-right-radius: 3px;
}

.table-row-placeholder {
  background: #eef2f6;
}

.delete-column {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 22px;
  color: #777;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  line-height: 1;
  text-align: center;
  height: 22px;
  width: 22px;
  float: right;
  cursor: pointer;
}

.delete-column:hover {
  box-shadow: none;
  color: #555;
}

.column-sortable {
  cursor: pointer;
  position: relative;
}

.column-sortable:before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
}

.column-sortable:hover:before {
  background: #48606f;
}

.column-sortable.active:before {
  background: #3aa3e3;
}

.column-sortable .icon {
  position: relative;
  float: right;
  top: 6px;
  right: 5px;
}

.column-sortable .icon, .column-sortable .icon:before {
  line-height: 0;
}

.column-status {
  text-align: center;
  width: 80px;
}

.column-actions {
  text-align: right;
  width: 30px;
}

table.control {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flush table.control tr th:first-child {
  padding-left: 30px;
}

/* ==========================================================================
   ALERTS
   ========================================================================== */

.sweet-alert button {
  font-size: 16px;
  border-radius: 3px;
  --bg-opacity: 1;
  background-color: hsl(200, 80%, 50%);
  background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity));
}

/* ==========================================================================
   ARRAY FIELDTYPE
   ========================================================================== */

.array-table {
  border-width: 1px;
  border-radius: 3px;
  border-collapse: separate;
  font-size: 14px;
  text-align: left;
  width: 100%;
}

.array-table tr:not(:last-child) th, .array-table tr:not(:last-child) td {
  border-bottom-width: 1px;
}

.array-table th {
  border-right-width: 1px;
  padding: 8px;
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
}

.array-table td {
  padding: 0;
  margin: 0;
}

.array-table tr:first-child th {
  border-top-left-radius: 2px;
}

.array-table tr:first-child td,
.array-table tr:first-child .input-text-minimal {
  border-top-right-radius: 2px;
}

.array-table tr:last-child th {
  border-bottom-left-radius: 2px;
}

.array-table tr:last-child tr,
.array-table tr:last-child .input-minimal {
  border-bottom-right-radius: 2px;
}

.array-table:focus-within {
  @apply border-blue-light;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
}

.array-table td:focus-within {
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
}

.read-only-field .array-table th {
  --text-opacity: 1;
  color: hsl(210, 15%, 80%);
  color: rgba(196.35, 204, 211.65, var(--text-opacity));
}

.read-only-field .array-table tr td {
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
}

/* ==========================================================================
   ASSETS
   ========================================================================== */

.asset-modal .saving {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  border-radius: 3px;
}

.asset-modal .saving .inner {
  text-align: center;
  padding: 50px;
  margin: 0 auto;
}

.asset-modal .saving i {
  position: relative;
  top: -1px;
  margin-right: 10px;
}

.drag-notification {
  font-size: 18px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed hsl(210, 15%, 70%);
  pointer-events: none;
  z-index: 1049;
  background: rgba(255, 255, 255, 0.9);
}

/* Table Listing
   ========================================================================== */

.asset-table-listing {
  position: relative;
}

.asset-table-listing table {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-width: 1px;
  width: 100%;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  margin: 0;
}

.asset-table-listing tbody tr {
  border-bottom-width: 1px;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.asset-table-listing tbody tr td {
  padding: 8px;
}

.asset-listing .actions {
  margin-bottom: 15px;
  display: flex;
}

.asset-listing .actions .search {
  flex: 1;
  margin-right: 15px;
  margin-left: 0;
}

.asset-listing .actions > .btn, .asset-listing .actions > .btn-dropdown {
  margin-right: 15px;
}

/* Grid Listing
  ========================================================================== */

.asset-grid-listing {
  background: #fff;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-row-gap: 16px;
  grid-column-gap: 8px;
  padding: 16px;
  position: relative;
}

.asset-grid-listing .asset-tile {
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  padding: 8px;
}

.asset-grid-listing .asset-tile .asset-thumb-container {
  align-items: center;
  display: flex;
  flex: 1;
}

.asset-grid-listing img {
  width: 100%;
}

/* Solo Asset (max_files: 1)
  ========================================================================== */

.asset-solo-container .asset-tile {
  padding: 0;
  max-width: 300px;
}

.asset-solo-container .asset-tile .asset-thumb img {
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

.asset-solo-container .asset-tile .asset-meta {
  max-width: 100%;
}

/* Asset Tile
   ========================================================================== */

.asset-tile {
  min-width: 0;
  position: relative;
  padding: 8px;
}

.asset-tile .asset-thumb {
  text-align: center;
}

.asset-tile .asset-thumb img {
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15);
  display: block;
  width: auto;
  height: auto;
  border: 5px solid #fff;
  max-height: 150px;
  max-width: 150px;
  margin: 0 auto;
}

.asset-tile .asset-meta {
  padding-top: 8px;
  font-size: 12px;
  color: #8f9ca3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  text-align: center;
}

.asset-tile .asset-controls {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40px;
  display: none;
  width: 80px;
  height: 32px;
  margin-top: -16px;
  text-align: center;
}

.asset-tile:hover .asset-controls {
  display: block;
}

.asset-tile.is-selected {
  background: rgba(45, 57, 60, 0.07);
  border-radius: 4px;
}

.asset-tile.is-svg .asset-thumb-container {
  background: url([object Module]);
}

.asset-tile .svg-img {
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding-bottom: 100%;
  height: 150px;
  width: 150px;
}

.asset-tile .svg-icon {
  height: 150px;
  width: 150px;
  margin: 0 auto;
}

/* The Asset Editor
  ========================================================================== */

@media all and (max-width: 800px) {
  .asset-editor-meta-items .meta-item {
    display: none;
  }
}

.asset-editor {
  display: flex;
  flex-direction: column;
  position: relative;
  background: white;
  height: 100%;
}

.asset-editor .loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}

.asset-editor .editor-main {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
}

.asset-editor .editor-preview {
  flex-basis: 64%;
}

.asset-editor .editor-form {
  flex-basis: 36%;
}

.asset-editor .editor-meta {
  display: flex;
  border-bottom: 1px solid #e0e0e0;
}

.asset-editor-meta-items {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
}

.asset-editor-meta-items .meta-item {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  border-left-width: 1px;
  padding-left: 16px;
  padding-right: 16px;
  height: 100%;
  justify-content: center;
  cursor: text;
}

.asset-editor-meta-items .meta-label {
  display: block;
  padding: 0;
  font-size: 14px;
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
}

.asset-editor-meta-items .meta-value {
  display: block;
  padding: 0;
  font-size: 13px;
  --text-opacity: 1;
  color: hsl(210, 15%, 70%);
  color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity));
}

.asset-editor-meta-actions {
  display: flex;
  align-items: center;
  height: 60px;
}

.asset-editor-meta-actions button {
  display: block;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 25px;
}

.asset-editor-meta-actions button:not(:first-child) {
  border-left: 1px solid #e0e0e0;
}

.asset-editor-meta-actions button svg {
  opacity: .75;
}

.asset-editor-meta-actions button:hover svg {
  opacity: 1;
}

.asset-editor .editor-preview {
  --bg-opacity: 1;
  background-color: hsl(198, 32%, 16%);
  background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

.asset-editor .editor-preview .editor-preview-image {
  flex-grow: 1;
  padding: 30px 30px 90px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.asset-editor .editor-preview .audio-wrapper,
.asset-editor .editor-preview .video-wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  padding: 30px;
}

.asset-editor .editor-preview .audio-wrapper audio, .asset-editor .editor-preview .audio-wrapper video,
.asset-editor .editor-preview .video-wrapper audio,
.asset-editor .editor-preview .video-wrapper video {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.35);
  text-align: center;
  width: 100%;
}

.asset-editor .editor-preview .image-wrapper {
  flex: 1 1 auto;
  position: relative;
}

.asset-editor .editor-preview .image-wrapper img {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.35);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.asset-editor .editor-preview .editor-file-actions {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  --bg-opacity: 1;
  background-color: hsl(196, 31%, 14%);
  background-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--bg-opacity));
  padding: 16px;
  text-align: center;
  height: 64px;
}

.asset-editor .editor-preview .editor-file-actions button {
  margin-left: 4px;
  margin-right: 4px;
}

.asset-thumbnail {
  border: 1px solid white;
}

.selected .asset-thumbnail {
  box-shadow: 0 0 0 3px hsl(200, 80%, 50%);
}

/* Lazyloading
  ========================================================================== */

.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 180ms;
}

/* ==========================================================================
   BLUEPRINTS
   ========================================================================== */

.blueprint-section {
  padding: 8px;
  min-height: 160px;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.blueprint-section.draggable-source--is-dragging {
  opacity: 0.5;
}

.blueprint-section.draggable-mirror .blueprint-section-card {
  box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075);
}

.blueprint-drag-handle {
  cursor: move;
  background: rgba(0, 0, 0, 0.01) url([object Module]) 50% 50% no-repeat;
}

.blueprint-section-field {
  position: relative;
  margin-bottom: 8px;
  padding-left: 4px;
  padding-right: 4px;
  z-index: 10;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.blueprint-section-field .blueprint-section-field-inner {
  position: relative;
  border-width: 1px;
  border-radius: 3px;
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
  box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03);
  display: flex;
  outline: 2px solid transparent;
  outline-offset: 2px;
  z-index: 10;
}

.blueprint-section-field.draggable-source--is-dragging {
  opacity: 0.5;
}

.blueprint-section-field.draggable-mirror {
  box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075);
}

.blueprint-section .blueprint-section-field-actions > div {
  width: 50%;
}

.blueprint-section-import:before {
  content: '';
  border-width: 1px;
  border-radius: 3px;
  position: absolute;
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
  box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03);
  top: -3px;
  left: 6px;
  right: 0;
  bottom: 3px;
  z-index: 1;
}

.blueprint-section-field-w-1\/4 {
  width: 25%;
}

.blueprint-section-field-w-1\/3 {
  width: 33.33333%;
}

.blueprint-section-field-w-1\/2 {
  width: 50%;
}

.blueprint-section-field-w-2\/3 {
  width: 66.66667%;
}

.blueprint-section-field-w-3\/4 {
  width: 75%;
}

.blueprint-section-field-w-full {
  width: 100%;
}

.blueprint-add-section-container {
  padding: 8px;
  display: flex;
  min-height: 160px;
}

.draggable-container--is-dragging .blueprint-add-section-container {
  display: none;
}

.blueprint-add-section-button {
  position: relative;
  width: 100%;
  border-width: 1px;
  --border-opacity: 1;
  border-color: hsl(210, 15%, 80%);
  border-color: rgba(196.35, 204, 211.65, var(--border-opacity));
  border-style: dashed;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
}

.blueprint-add-section-button:hover {
  --border-opacity: 1;
  border-color: hsl(210, 10%, 50%);
  border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity));
  --text-opacity: 1;
  color: hsl(210, 20%, 10%);
  color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity));
}

.blueprint-add-section-button .blueprint-section-draggable-zone {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 16px;
}

.blueprint-add-section-button .blueprint-section-field {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.fieldtype-list {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: repeat(20, 40px);
  grid-row-gap: 16px;
  grid-auto-flow: column;
}

@media (min-width: 992px) {
  .fieldtype-list {
    grid-template-rows: repeat(12, 40px);
  }
}

/* ==========================================================================
   BREADCRUMBS
   ========================================================================== */

.breadcrumbs {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  margin-top: -1px;
  background: #fafafa;
  font-size: 13px;
  display: flex;
}

.breadcrumbs a, .breadcrumbs .step {
  color: #2d393c;
  padding: 5px 20px 5px 33px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.breadcrumbs a:not(:last-child):before, .breadcrumbs a:not(:last-child):after, .breadcrumbs .step:not(:last-child):before, .breadcrumbs .step:not(:last-child):after {
  content: '';
  position: absolute;
  top: 0;
  border: 14px solid transparent;
  border-left-width: 10px;
  border-right-width: 0;
}

.breadcrumbs a:not(:last-child):after, .breadcrumbs .step:not(:last-child):after {
  right: 0;
  border-left-color: #e0e0e0;
  z-index: 1;
}

.breadcrumbs a:not(:last-child):before, .breadcrumbs .step:not(:last-child):before {
  right: 1px;
  border-left-color: #fafafa;
  z-index: 2;
}

.breadcrumbs a:hover, .breadcrumbs .step:hover {
  color: #3aa3e3;
}

.breadcrumbs .icon {
  position: absolute;
  top: 3px;
  left: 10px;
}

.breadcrumbs.wizard {
  font-size: 15px;
  padding-left: 30px;
  border-top: 0;
}

.breadcrumbs.wizard .step {
  padding: 10px 60px 10px 0;
}

.breadcrumbs.wizard .step:before, .breadcrumbs.wizard .step:after {
  border: 21px solid transparent;
}

.breadcrumbs.wizard .step:after {
  border-left-color: #e0e0e0;
}

.breadcrumbs.wizard .step:before {
  border-left-color: #fafafa;
}

.breadcrumbs.wizard .step:hover {
  color: #2d393c;
}

.breadcrumbs.wizard .step.active {
  color: #3aa3e3;
}

/* ==========================================================================
   CARDS
   ========================================================================== */

.card, .section-builder .section-layout {
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15);
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-radius: 4px;
  padding: 8px;
}

@media (min-width: 768px) {
  .card, .section-builder .section-layout {
    padding: 16px;
  }
}

.column-picker-item {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  font-size: 14px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  display: flex;
  align-items: center;
  border-radius: 3px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 4px 8px;
  margin: -1px 0;
}

.column-picker-item.sortable {
  cursor: -webkit-grab;
  cursor: grab;
}

.column-picker-item.sortable label {
  cursor: -webkit-grab;
  cursor: grab;
}

.column-picker-item.sortable:hover {
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
}

.column-picker-item.sortable.draggable-mirror, .column-picker-item.sortable.draggable-source--is-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.draggable--is-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ==========================================================================
   CONFIGURE COMPONENT: A variation of the publish component
   ========================================================================== */

.configure-section .publish-fields .form-group:not(:last-child) {
  border-bottom-width: 1px;
}

.configure-section .toggle-fieldtype {
  display: flex;
  justify-content: space-between;
}

.configure-section .toggle-fieldtype .help-block, .configure-section .toggle-fieldtype .help-block p {
  margin-bottom: 0;
}

.configure-section .toggle-fieldtype .field-inner {
  padding-right: 32px;
}

/* ==========================================================================
   DASHBOARD
   ========================================================================== */

/* Responsive Wangjangling
  ========================================================================== */

/* ==========================================================================
   DATEPICKER
   ========================================================================== */

.daterange-namespace {
  display: block;
  position: relative;
  width: 100%;
  z-index: 10;
}

.daterange-namespace .time {
  float: right;
  padding-left: 33px;
  width: 35%;
  background: #f6f9fc url([object Module]) no-repeat 10px center;
}

.daterange-namespace .add-time {
  float: right;
}

.daterange-namespace .daterange {
  float: float;
  padding: 0;
  width: 60%;
}

.daterange-namespace .dr-selections {
  z-index: 10;
}

.daterange-namespace .daterange--single .dr-input .dr-dates .dr-date {
  font-size: 14px;
  padding: 0 0 0 25px;
  background: transparent url([object Module]) no-repeat left center;
}

.daterange-namespace .daterange--single .dr-input .dr-dates .dr-date:focus, .daterange-namespace .daterange--single .dr-input .dr-dates .dr-date:active, .daterange-namespace .daterange--single .dr-input .dr-dates .dr-date:hover {
  color: #8f9ca3;
}

.daterange-namespace .daterange--single .dr-selections .dr-calendar {
  border: solid 1px #e0e0e0;
  border-radius: 2px;
  box-shadow: none;
  left: -25px;
  padding: 20px 30px;
  width: 350px !important;
}

.daterange-namespace .daterange--single .dr-selections .dr-calendar .dr-range-switcher,
.daterange-namespace .daterange--single .dr-selections .dr-calendar .dr-days-of-week-list,
.daterange-namespace .daterange--single .dr-selections .dr-calendar .dr-day-list {
  font-size: 14px;
}

.daterange-namespace .daterange--single .dr-selections .dr-calendar .dr-days-of-week-list {
  background: none;
  border: none;
}

.daterange-namespace .daterange--single .dr-selections .dr-calendar .dr-range-switcher {
  padding-top: 15px;
  padding-bottom: 20px;
}

.daterange-namespace .daterange--single .dr-selections .dr-calendar .dr-range-switcher .dr-switcher {
  border: none;
}

.daterange-namespace .daterange--single .dr-selections .dr-calendar .dr-range-switcher .dr-month-switcher {
  position: relative;
  z-index: 1;
}

.daterange-namespace .daterange--single .dr-selections .dr-calendar .dr-range-switcher .dr-month-switcher span {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-right: 0;
}

.daterange-namespace .daterange--single .dr-selections .dr-calendar .dr-range-switcher .dr-year-switcher {
  color: #8f9ca3;
  display: inline-block;
  font-size: 12px;
  left: 0;
  min-width: 0;
  position: absolute;
  text-align: center;
  top: 20px;
  width: 100%;
  z-index: 0;
}

.daterange-namespace .daterange--single .dr-selections .dr-calendar .dr-range-switcher .dr-year-switcher .dr-left,
.daterange-namespace .daterange--single .dr-selections .dr-calendar .dr-range-switcher .dr-year-switcher .dr-right {
  display: none;
}

.daterange-namespace .daterange--single .dr-selections .dr-calendar .dr-day.dr-current {
  background: none !important;
  border: solid 1px #3aa3e3;
  color: #32325d !important;
}

.daterange-namespace .daterange--single .dr-selections .dr-calendar .dr-day.dr-maybe {
  background-color: #e0e0e0 !important;
}

/* ==========================================================================
   FIELDSET BUILDER
   ========================================================================== */

.fields-table th {
  background: #eef2f6;
  display: table-cell;
  box-shadow: none;
  padding-left: 10px;
  text-align: left !important;
}

.fields-table td {
  padding: 10px;
}

.fields-table .col-display, .fields-table .col-handle {
  padding: 0;
  width: 30%;
}

.fields-table .col-display input, .fields-table .col-handle input {
  background-color: #fff;
  box-shadow: none;
  padding: 10px;
  width: 100%;
  height: 100%;
}

.fields-table .col-display input:focus, .fields-table .col-handle input:focus {
  outline: 0;
}

.fields-table .col-display input:hover, .fields-table .col-handle input:hover {
  background-color: #fafafa;
}

.fields-table .col-localizable {
  width: 70px;
}

.fields-table .col-column {
  width: 80px;
}

.fields-table .row-controls {
  padding: 0 0 0 6px;
  vertical-align: middle;
  width: 85px;
}

.fields-table .row-controls > span {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 22px;
  color: #777;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  line-height: 1;
  text-align: center;
  height: 22px;
  width: 22px;
  vertical-align: middle;
  cursor: pointer;
}

.fields-table .row-controls > span:hover {
  box-shadow: none;
  color: #555;
}

.fields-table .row-controls .edit:before {
  font-size: 12px;
}

.fields-table td.row-controls {
  background: #f4f4f4;
}

.taxonomy-fields-builder .fields-table .row-controls {
  width: 116px;
}

.taxonomy-fields-builder .fields-table .row-controls .toggle-fieldtype-wrapper {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.section-builder {
  margin: 32px 0;
}

.section-builder .tabs-outer {
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15);
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-radius: 4px;
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}

.section-builder .tabs-outer a {
  font-size: 16px;
  padding: 12px 24px;
  width: 100%;
  background-color: #fafcff;
  box-shadow: inset -1px 0 #e6ebf1;
}

.section-builder .tabs {
  position: relative;
  margin: 0;
  box-shadow: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.section-builder .tabs .draggable-mirror {
  width: auto;
  height: 48px;
  --bg-opacity: 1;
  background-color: hsl(200, 80%, 50%);
  background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity));
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  border-width: 0;
  border-radius: 3px;
  box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075);
  min-height: 0;
}

.section-builder .tabs .draggable-mirror .icon {
  display: none;
}

.section-builder .tabs .draggable-source--is-dragging {
  opacity: 0.5;
}

.section-builder .tabs .section-delete {
  position: absolute;
  top: 14px;
  right: 20px;
  color: #32325d;
}

.section-builder .sections-container {
  display: flex;
  justify-content: space-between;
}

.section-builder .sections-container .other-section-placeholder {
  background: rgba(0, 0, 0, 0.05);
  flex-basis: 27%;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #999;
}

@media (min-width: 1366px) {
  .section-builder .sections-container.has-sidebar .section-layout {
    flex-basis: 70%;
  }

  .section-builder .sections-container.has-sidebar.editing-sidebar .section-layout {
    flex-basis: 27%;
  }

  .section-builder .sections-container.has-sidebar.editing-sidebar .other-section-placeholder {
    order: -1;
    flex-basis: 70%;
  }

  .section-builder .sections-container .other-section-placeholder {
    display: flex;
  }
}

.section-builder .section-layout {
  flex-basis: 100%;
  padding: 0;
  margin: 0;
}

.section-builder .section-builder-section {
  padding: 20px;
}

.section-builder .section-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #e0e0e0;
}

.section-builder .section-header > div {
  flex-basis: 49%;
}

.section-builder .section-header label {
  display: block;
}

.section-builder .section-fields {
  display: flex;
  flex-wrap: wrap;
}

.section-builder .section-fields.root-level-section-fields {
  margin-bottom: 16px;
}

.section-builder .section-fields.draggable-container--is-dragging {
  position: relative;
  z-index: 1000;
}

.section-builder .section-fields.draggable-container--is-dragging input, .section-builder .section-fields.draggable-container--is-dragging textarea {
  pointer-events: none;
}

.section-builder.is-dragging-field .section-fields {
  min-height: 50px;
}

.section-builder .section-field {
  display: flex;
  flex-direction: column;
  margin-bottom: -1px;
}

.section-builder .section-field.draggable-mirror {
  z-index: 1000;
}

.section-builder .section-fields, .section-builder .section-field, .section-builder .field-set {
  outline: 0;
}

.section-builder .root-level-section-field {
  margin-bottom: 16px;
  padding: 0 8px;
}

.section-builder .root-level-section-field > .section-field-inner {
  border-radius: 3px;
  margin: 0;
  background: #f6f9fc;
  border: 1px solid #e0e0e0;
}

.section-builder .root-level-section-field > .section-field-inner > .section-field-main {
  background: #f6f9fc;
}

.section-builder .root-level-section-field > .section-field-inner > .section-field-main .field-display, .section-builder .root-level-section-field > .section-field-inner > .section-field-main .field-display-sizer {
  font-weight: bold;
}

.section-builder .section-field.is-editing .section-field-inner {
  border: 1px solid #3aa3e3;
}

.section-builder .section-field.is-editing .section-field-inner .field-drag-handle {
  border-color: #3aa3e3;
}

.section-builder .section-field.draggable-source--is-dragging .section-field-inner {
  opacity: 0.5;
}

.section-builder .section-field.draggable-mirror > .section-field-inner {
  box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075);
}

.section-builder .section-field-inner {
  display: flex;
  flex-direction: column;
  border: 1px solid #e0e0e0;
  height: 100%;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}

.section-builder .field-info {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  font-size: 14px;
  padding: 10px 15px;
}

.section-builder .field-display, .section-builder .field-name {
  display: inline-block;
  margin-right: 15px;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  height: auto;
  background: none;
}

.section-builder .field-display:hover, .section-builder .field-display:focus, .section-builder .field-name:hover, .section-builder .field-name:focus {
  outline: 0;
}

.section-builder .field-display::-moz-placeholder, .section-builder .field-name::-moz-placeholder {
  color: #32325d;
}

.section-builder .field-display:-ms-input-placeholder, .section-builder .field-name:-ms-input-placeholder {
  color: #32325d;
}

.section-builder .field-display::placeholder, .section-builder .field-name::placeholder {
  color: #32325d;
}

.section-builder .field-display-sizer, .section-builder .field-name-sizer,
.section-builder .set-display-sizer, .section-builder .set-name-sizer {
  position: fixed;
  top: -999em;
  left: -999em;
  white-space: pre;
  width: auto !important;
}

.section-builder .field-name, .section-builder .field-name-sizer {
  font-family: "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace";
  font-size: 11px;
  opacity: 0.8;
}

.section-builder .field-type {
  display: inline-block;
  margin-right: 15px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  opacity: 0.5;
}

.section-builder .field-controls {
  display: flex;
  padding: 0 10px;
}

.section-builder .field-controls > a, .section-builder .field-controls > div {
  opacity: 0;
  transform: translateX(10px);
  transition: 0.2s all ease;
}

.section-builder .field-controls > .always-visible {
  transform: translateX(0);
  opacity: 1;
}

.section-builder .section-field-main-inner:hover > .field-controls > a, .section-builder .section-field-main-inner:hover > .field-controls > div {
  transform: translateX(0);
  opacity: 1;
}

.section-builder .field-controls a {
  color: #999;
}

.section-builder .field-controls a:hover {
  color: #3aa3e3;
}

.section-builder .field-controls a, .section-builder .field-controls .field-width-selector {
  margin-left: 5px;
}

.section-builder .field-localizable.is-localizable {
  color: #32325d;
}

.section-builder .section-field-main {
  display: flex;
  align-items: center;
  height: 100%;
  background: white;
}

.section-builder .section-field-main-inner {
  display: flex;
  flex: 1 1 0%;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.section-builder .is-tiny .section-field-main-inner {
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 0%;
}

.section-builder .is-tiny .field-controls {
  padding: 0 0 0 10px;
  height: 0;
  transition: all 0.2s ease;
}

.section-builder .is-tiny .field-controls > div, .section-builder .is-tiny .field-controls > a {
  transform: none;
}

.section-builder .is-tiny .section-field-main-inner:hover > .field-controls {
  height: 32px;
}

.section-builder .field-drag-handle {
  background: rgba(0, 0, 0, 0.01) url([object Module]) 50% 50% no-repeat;
  width: 20px;
  height: 100%;
  border-right: 1px solid #e0e0e0;
  cursor: move;
  flex-shrink: 0;
}

.section-builder .field-nested {
  padding: 25px 20px;
  border-top: 1px solid #e0e0e0;
  box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.1);
}

.section-builder .field-nested .field-nested {
  background: rgba(255, 255, 255, 0.5);
}

.section-builder .draggable-container--is-dragging .field-nested {
  display: none;
}

.section-builder .field-sets {
  padding-top: 15px;
}

.section-builder .field-set {
  position: relative;
  background: #f6f9fc;
  padding: 10px 15px 20px 25px;
  margin-left: -10px;
}

.section-builder .field-set.draggable-mirror {
  box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075);
  border-radius: 4px;
}

.section-builder .field-set.draggable-source--is-dragging {
  opacity: 0.5;
}

.section-builder .set-fields {
  margin-top: 10px;
}

.section-builder .set-display, .section-builder .set-name, .section-builder .set-instructions,
.section-builder .set-display-sizer, .section-builder .set-name-sizer {
  height: auto;
  width: 100%;
  outline: 0;
  box-shadow: none;
  padding: 0;
  font-size: 11px;
  opacity: 0.5;
  background: none;
}

.section-builder .set-display, .section-builder .set-display-sizer {
  font-weight: bold;
  text-transform: uppercase;
  opacity: 1;
}

.section-builder .set-name, .section-builder .set-name-sizer {
  font-family: "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace";
}

.section-builder .set-drag-handle {
  background: url([object Module]) 50% 50% no-repeat;
  width: 14px;
  height: 14px;
  cursor: move;
  position: absolute;
  top: 16px;
  left: 6px;
}

.section-builder .add-field {
  flex-basis: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8f9ca3;
}

.field-width-selector {
  display: flex;
  width: 49px;
  height: 20px;
  position: relative;
  cursor: pointer;
}

.field-width-selector .field-width-label {
  position: absolute;
  font-size: 10px;
  font-weight: 700;
  width: 100%;
  text-align: center;
  z-index: 10;
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
  top: 3px;
  pointer-events: none;
}

.field-width-selector:hover .field-width-label {
  opacity: 0.5;
}

.field-width-selector .field-width-notch {
  position: relative;
  border-width: 1px;
  --border-opacity: 1;
  border-color: hsl(210, 22%, 89%);
  border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--border-opacity));
  border-left-width: 0;
  width: 8px;
}

.field-width-selector .field-width-notch.notch-25 {
  border-left-width: 1px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.field-width-selector .field-width-notch.filled {
  --border-opacity: 1;
  border-color: hsl(210, 22%, 89%);
  border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--border-opacity));
  border-right-width: 0;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  margin: -1px 0;
}

.field-width-selector .field-width-notch.selected {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.field-width-selector.large {
  transform: scale(1.3);
  transform-origin: 0 0;
}

.fieldtype-selector h2 {
  margin: 0 0 15px;
}

.fieldtype-selector .options + h2 {
  margin-top: 15px;
}

.fieldtype-selector .options {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.fieldtype-selector .option {
  flex-basis: 30%;
  margin-bottom: 10px;
}

.fieldtype-selector .search {
  height: 0;
  overflow: hidden;
}

.fieldtype-selector .search.is-searching {
  height: auto;
  margin-bottom: 10px;
}

.fieldtype-selector .search input {
  outline: 0;
  text-align: center;
  width: 100%;
  box-shadow: none;
  background: none;
}

/* ==========================================================================
   FILTERS
   ========================================================================== */

.filter {
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
  margin-bottom: 24px;
  border-radius: 9999px;
  text-align: center;
  padding: 10px 8px 14px;
}

.filter a {
  font-size: 13px;
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
  margin-left: 4px;
  margin-right: 4px;
  padding: 8px;
  position: relative;
}

.filter a.active, .filter a:hover {
  --text-opacity: 1;
  color: hsl(210, 20%, 10%);
  color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity));
}

.filter a.active:after {
  --bg-opacity: 1;
  background-color: hsl(2, 76%, 60%);
  background-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--bg-opacity));
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  opacity: .9;
  position: absolute;
  left: 50%;
  margin-left: -1px;
  bottom: 1px;
}

.filter a.no-dot:after {
  display: none;
}

.filter a .icon {
  position: relative;
  top: 2px;
}

.filter-fields .form-group {
  padding: 0;
  padding-bottom: 16px;
}

.filter-fields .form-group:last-child {
  padding: 0;
}

.filter-fields .text-fieldtype .input-text, .filter-fields .text-fieldtype input.slug:hover, .filter-fields .text-fieldtype input.slug:focus {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
}

.filter-fields .no-label.form-group,
.filter-fields .no-label .form-group {
  padding-bottom: 8px;
}

.filter-fields .no-label.form-group:last-child,
.filter-fields .no-label .form-group:last-child {
  padding: 0;
}

.filter-fields .no-label.form-group .field-inner,
.filter-fields .no-label .form-group .field-inner {
  display: none;
}

/* ==========================================================================
   FOCAL POINT EDITOR
   ========================================================================== */

.focal-point {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 5px solid #394045;
  --bg-opacity: 1;
  background-color: hsl(198, 32%, 16%);
  background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity));
}

.focal-point-toolbox {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 120;
  width: 380px;
  overflow-y: auto;
  max-height: 95vh;
}

.focal-point-image {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  margin-top: 16px;
  margin-bottom: 16px;
}

.focal-point-image img {
  display: block;
  max-width: 100%;
}

.focal-point-reticle {
  border-radius: 50%;
  position: absolute;
  transition: top 0.5s ease, left 0.5s ease;
  pointer-events: none;
}

.focal-point-reticle.zoomed {
  border: 1px solid white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.focal-point-reticle:before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  background: white;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -4px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.75);
}

.focal-point .frame {
  position: absolute;
  margin: -5px 0 0 -5px;
  border: 10px solid #394045;
  box-sizing: content-box;
  overflow: hidden;
}

.focal-point .frame .frame-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  transition: all 0.5s ease;
}

.focal-point .frame-1, .focal-point .frame-4, .focal-point .frame-7 {
  left: 0;
  width: 66.6666667%;
}

.focal-point .frame-2, .focal-point .frame-5, .focal-point .frame-8 {
  left: 66.6666667%;
  width: 22.2222222%;
}

.focal-point .frame-3, .focal-point .frame-6, .focal-point .frame-9 {
  left: 88.8888889%;
  width: 11.1111111%;
}

.focal-point .frame-1, .focal-point .frame-2, .focal-point .frame-3 {
  top: 0;
  height: 66.6666667%;
}

.focal-point .frame-4, .focal-point .frame-5, .focal-point .frame-6 {
  top: 66.6666667%;
  height: 22.2222222%;
}

.focal-point .frame-7, .focal-point .frame-8, .focal-point .frame-9 {
  top: 88.8888889%;
  height: 11.1111111%;
}

/* ==========================================================================
   THE GLOBAL HEADER
   ========================================================================== */

.global-header {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15);
  padding-right: 16px;
  height: 52px;
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  z-index: 997;
}

/* Responsive Wangjangling
   ========================================================================== */

@media (min-width: 768px) {
  .global-header {
    padding-left: 0;
    padding-right: 0;
    position: fixed;
  }
}

/* Search
   ========================================================================== */

.global-search {
  border-radius: 4px;
  padding-left: 8px;
  padding-right: 8px;
  display: none;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  position: relative;
  border-width: 1px;
  transition: .12s ease-out;
}

.global-search .search-input {
  font-size: 14px;
  width: 100%;
  max-width: 100%;
  padding-left: 5px;
  padding-right: 20px;
  height: 32px;
}

.global-search .search-input:focus {
  outline: 0;
}

.global-search .global-search-results {
  box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075);
  position: absolute;
  padding: 0;
  width: 100%;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-radius: 3px;
  border-width: 1px;
  --border-opacity: 1;
  border-color: hsl(210, 15%, 80%);
  border-color: rgba(196.35, 204, 211.65, var(--border-opacity));
  top: 36px;
  left: -1px;
  z-index: 999;
}

.global-search .global-search-loading-indicator {
  position: absolute;
  right: 8px;
}

.global-search .global-search-result-item {
  border-top-width: 1px;
  cursor: pointer;
}

.global-search .global-search-result-item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-style: none;
}

.global-search .global-search-result-item:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.global-search .active {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
}

.global-search .title {
  font-weight: 500;
  font-size: 14px;
}

.global-search .url {
  font-size: 12px;
  --text-opacity: 1;
  color: hsl(210, 22%, 89%);
  color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity));
}

.global-search .status {
  float: right;
  background: #ddd;
  border-radius: 2px;
  padding: 2px 4px;
}

.global-search .icon {
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
  font-size: 18px;
  cursor: pointer;
  position: relative;
  top: 1px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}

.global-search .reset {
  font-size: 21px;
  left: -3px;
  position: relative;
}

.global-search kbd {
  font-family: Inter UI, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue;
  border-radius: 3px;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 1px;
  font-size: 12px;
  border-width: 1px;
  --text-opacity: 1;
  color: hsl(210, 15%, 80%);
  color: rgba(196.35, 204, 211.65, var(--text-opacity));
}

@media (min-width: 992px) {
  .global-search {
    width: 32rem;
    max-width: 100%;
  }

  .global-search .global-search-results {
    width: 32rem;
  }
}

.site-selector .site-selector-icon {
  height: 20px;
  width: 1.25rem;
}

.site-selector .v-select {
  height: 100%;
}

.site-selector .vs__actions {
  display: none;
}

.site-selector .vs__selected-options {
  border-style: none;
  box-shadow: none;
  padding: 0;
}

.site-selector .vs__dropdown-toggle {
  height: 100%;
  border-radius: 0;
}

.site-selector .vs--single.vs--unsearchable .vs__selected-options {
  border-style: none;
  display: flex;
  align-items: center;
  background: none;
}

.site-selector .vs__dropdown-toggle:focus, .site-selector .vs__dropdown-toggle:focus-within {
  box-shadow: none;
}

.session-expiry-stripe {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
  top: 0;
  text-align: center;
  --bg-opacity: 1;
  background-color: hsl(2, 76%, 60%);
  background-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--bg-opacity));
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  cursor: pointer;
  width: 100%;
  outline: 2px solid transparent;
  outline-offset: 2px;
  position: fixed;
  z-index: 999;
  height: 48px;
}

.session-expiry-stripe:hover {
  --bg-opacity: 1;
  background-color: hsl(2, 57%, 53%);
  background-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--bg-opacity));
}

.session-expiry-stripe:active, .session-expiry-stripe:focus {
  outline: none;
}

.session-expiry-stripe:active {
  height: 49px;
}

/* ==========================================================================
   GRID/TABLE FIELDTYPE
   ========================================================================== */

.item {
  font-size: 14px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  display: flex;
  border-radius: 3px;
  border-width: 1px;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03);
  align-items: center;
}

.item .item-move {
  width: 1rem;
  border-right-width: 1px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 8px;
  cursor: -webkit-grab;
  cursor: grab;
  background: hsl(214, 60%, 97.5%) url([object Module]) center center no-repeat;
}

.item .item-move:hover {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
}

.item .item-inner {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 8px;
}

.item.invalid .item-inner {
  --border-opacity: 1;
  border-color: hsl(2, 76%, 60%);
  border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--border-opacity));
  --bg-opacity: 1;
  background-color: hsl(2, 76%, 95%);
  background-color: rgba(251.94, 233.206, 232.55999999999997, var(--bg-opacity));
  --text-opacity: 1;
  color: hsl(2, 76%, 60%);
  color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity));
}

.item.draggable-source--is-dragging {
  opacity: 0.5;
}

/* ==========================================================================
   LISTS
   ========================================================================== */

.info-block {
  text-align: center;
  padding: 25px;
}

.info-block h2 {
  font-weight: 300;
  font-size: 36px;
  margin: 25px 0;
  -webkit-font-smoothing: antialiased;
}

.info-block h3 {
  font-weight: 400;
  margin: 25px 0;
  color: #8f9ca3;
  font-size: 21px;
  max-width: 75%;
  line-height: 1.5;
  margin: 0 auto;
  -webkit-font-smoothing: antialiased;
}

.info-block .btn, .info-block .btn-dropdown {
  margin: 25px;
}

.info-block .icon {
  font-size: 60px;
  color: #ced4da;
  border: 2px solid #ced4da;
  border-radius: 60px;
  padding: 20px;
  margin-bottom: 25px;
  line-height: 48px;
  -webkit-font-smoothing: antialiased;
}

.info-block .icon:before {
  top: 0;
}

/* ==========================================================================
   LOGIN SCREEN
   ========================================================================== */

.auth-card {
  max-width: 20rem;
  padding: 24px;
  border-radius: 3px;
  box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075);
  transition: .12s ease-out;
}

/* Rad Mode Stylez
  ========================================================================== */

.outside.rad-mode .auth-card {
  border-radius: 8px;
  box-shadow: rgba(50, 50, 93, 0.4) 0 12px 34px, rgba(0, 0, 0, 0.1) 0 3px 4px, inset rgba(108, 167, 234, 0.2) -5px 5px 30px, inset rgba(241, 84, 106, 0.2) 5px -5px 30px;
}

.outside.rad-mode .auth-card:hover, .outside.rad-mode .auth-card:focus-within {
  transform: translateY(-2px);
  box-shadow: rgba(50, 50, 93, 0.5) 0 35px 78px 0, rgba(0, 0, 0, 0.15) 0 4px 5px, inset rgba(108, 167, 234, 0.15) -3px 3px 25px, inset rgba(241, 84, 106, 0.15) 3px -3px 25px;
}

.outside.rad-mode .input-text, .outside.rad-mode input.slug:hover, .outside.rad-mode input.slug:focus {
  border-radius: 8px;
}

.outside.rad-mode .btn-primary, .outside.rad-mode .btn-dropdown-primary {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  border-width: 0;
  border-radius: 4px;
  background: linear-gradient(45deg, #f64f59, #c471ed) !important;
  box-shadow: 0 2px 5px rgba(246, 79, 89, 0.3) !important;
}

.outside.rad-mode .btn-primary:hover, .outside.rad-mode .btn-dropdown-primary:hover {
  background: linear-gradient(45deg, #ea4b55, #ba6be1) !important;
  color: #fff;
  box-shadow: 0 2px 5px rgba(246, 79, 89, 0.3) !important;
}

.outside.rad-mode .forgot-password-link {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

/* ==========================================================================
   METRICS
   ========================================================================== */

.metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  resize: horizontal;
  grid-gap: 16px;
}

.mini-chart {
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15);
  --bg-opacity: 1;
  background-color: hsl(198, 32%, 16%);
  background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity));
  position: relative;
  border-radius: 3px;
}

.mini-chart .count {
  overflow: hidden;
  color: #fff;
  padding: 15px;
}

.mini-chart .count h2 {
  font-size: 24px;
  margin: 10px 0 0;
}

.mini-chart.blue {
  background: #3aa3e3;
}

.mini-chart.green {
  background: #479967;
}

.mini-chart.red {
  background: #E75650;
}

.metric.simple {
  text-align: center;
}

.metric.simple .count {
  padding: 5px 0;
}

.metric.simple .count h2 {
  font-size: 32px;
  margin: 10px 0 0;
}

/* ==========================================================================
   MODALS
   ========================================================================== */

.v--modal-overlay {
  z-index: 10000 !important;
  background: rgba(20, 26, 31, 0.15) !important;
}

.confirmation-modal .publish-fields .form-group {
  padding: 0;
}

.v--modal-overlay.disable-overflow .v--modal {
  overflow: initial;
}

/* ==========================================================================
   THE MAIN NAV
   ========================================================================== */

.nav-main {
  display: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15);
  height: 100vh;
  position: absolute;
  left: 0;
  overflow: scroll;
  width: 14rem;
  transition: all .3s;
  z-index: 9998;
}

.nav-main ul {
  list-style-type: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 24px;
}

.nav-main li {
  padding: 0;
  font-size: 14px;
  margin-top: 6px;
}

.nav-main li a {
  padding: 0;
  display: flex;
  align-items: center;
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  transition: all .08s ease-in-out;
}

.nav-main li a:hover {
  --text-opacity: 1;
  color: hsl(200, 80%, 50%);
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity));
}

.nav-main li a i {
  display: block;
  height: 28px;
  padding: 4px;
  width: 1.75rem;
  margin-right: 8px;
  border-radius: 9999px;
}

.nav-main li.current > a {
  --text-opacity: 1;
  color: hsl(196, 31%, 14%);
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity));
  font-weight: 500;
}

.nav-main li.current > a i {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.nav-main li ul {
  margin-bottom: 8px;
  margin-left: 1.5rem;
}

.nav-main li ul li {
  font-size: 13px;
  margin-left: 12px;
}

.nav-main li ul li a {
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
}

.nav-closed .nav-main {
  left: -110%;
}

.nav-main ul.section-top-level {
  font-weight: 500;
  --text-opacity: 1;
  color: hsl(196, 31%, 14%);
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity));
}

@media (min-width: 768px) {
  .nav-main {
    position: fixed;
    display: flex;
    background-color: transparent;
    box-shadow: none;
    overflow: auto;
    border-right-width: 1px;
    z-index: 1;
    height: calc(100% - 100px);
  }
}

.nav-main-inner {
  padding-left: 24px;
  padding-right: 16px;
  padding-top: 16px;
}

.nav-toggle {
  display: block;
  height: 24px;
  padding: 4px;
  width: 1.5rem;
  margin-right: 12px;
  border-radius: 3px;
  outline: none !important;
}

.nav-toggle:hover {
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
}

/* Responsive Wangjangling
  ========================================================================== */

/* ==========================================================================
   THE MOBILE NAV
   ========================================================================== */

.nav-main.nav-mobile {
  left: -110%;
  display: block;
  z-index: 996;
}

.nav-main.nav-mobile .nav-main-inner {
  padding-left: 12px;
}

.nav-mobile-open .nav-main.nav-mobile {
  left: 0;
}

@media (min-width: 768px) {
  .nav-main.nav-mobile {
    display: none;
  }
}

.toasted-container.bottom-right {
  bottom: 32px !important;
  right: 32px !important;
}

.toasted-container.bottom-left {
  bottom: 32px !important;
  left: 32px !important;
}

.toasted-container {
  align-items: flex-start;
}

.toasted-container .toasted.statamic {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  margin-top: 16px;
  font-size: 16px;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15);
  padding: 0;
  height: 48px;
}

.toasted-container .toasted.statamic i {
  display: flex;
  align-items: center;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-right: 16px;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.toasted-container .toasted.statamic.success i {
  --bg-opacity: 1;
  background-color: #64BD63;
  background-color: rgba(100, 189, 99, var(--bg-opacity));
}

.toasted-container .toasted.statamic.error i {
  --bg-opacity: 1;
  background-color: hsl(2, 76%, 60%);
  background-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--bg-opacity));
}

.toasted-container .toasted.statamic.default i {
  --bg-opacity: 1;
  background-color: hsl(198, 32%, 16%);
  background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity));
}

.toasted-container .toasted.statamic .action {
  font-weight: 400;
  font-size: 21px;
  padding-left: 16px;
  padding-right: 16px;
  height: 100%;
  --text-opacity: 1;
  color: hsl(210, 15%, 70%);
  color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity));
  margin: 0;
  margin-left: 8px;
  display: flex;
  align-items: center;
}

.toasted-container .toasted.statamic .action:hover {
  text-decoration: none;
  --text-opacity: 1;
  color: hsl(196, 31%, 14%);
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity));
}

.page-tree .tree-node-inner {
  position: relative;
  font-size: 13px;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15);
  border-radius: 3px;
}

.page-tree .tree-node-inner:hover {
  --bg-opacity: 1;
  background-color: hsl(218, 90%, 99%);
  background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity));
}

.page-tree .draggable-placeholder-inner {
  border: 1px dashed #0088F8;
  background: rgba(0, 136, 249, 0.09);
}

.page-tree .draggable-placeholder-inner * {
  display: none;
}

.page-tree .page-move {
  width: 1.5rem;
  border-right-width: 1px;
  cursor: -webkit-grab;
  cursor: grab;
  background: rgba(238, 242, 246, 0.5) url([object Module]) center center no-repeat;
}

.page-tree .page-move:hover {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
}

.page-tree .page-root {
  background: rgba(238, 242, 246, 0.5);
  display: flex;
  width: 1.5rem;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  align-items: center;
  border-right-width: 1px;
}

/* ==========================================================================
   PAGINATION
   ========================================================================== */

.pagination {
  display: flex;
  justify-content: center;
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15);
  align-items: center;
  list-style-type: none;
  padding: 0;
  border-radius: 3px;
  overflow: hidden;
}

.pagination li a {
  height: 100%;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-right-width: 1px;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  display: block;
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
}

.pagination li a:hover {
  --bg-opacity: 1;
  background-color: hsl(218, 90%, 99%);
  background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity));
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
}

.pagination li > .unclickable {
  height: 100%;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-right-width: 1px;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  display: block;
  --text-opacity: 1;
  color: hsl(210, 15%, 80%);
  color: rgba(196.35, 204, 211.65, var(--text-opacity));
}

.pagination li > .unclickable:hover {
  cursor: text;
}

.pagination li:last-child a {
  border-right-width: 0;
}

.pagination li.current a {
  --bg-opacity: 1;
  background-color: hsl(218, 90%, 99%);
  background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity));
  --text-opacity: 1;
  color: hsl(200, 80%, 50%);
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity));
  box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05);
}

.pagination.pagination-inline {
  box-shadow: none;
  border-radius: 0;
}

/* ==========================================================================
   POPOVERS
   ========================================================================== */

.popover {
  pointer-events: none;
  visibility: hidden;
  z-index: 999;
}

.popover .popover-content {
  min-width: 180px;
  transform-origin: 50% 10%;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
  transform: scale(0.85);
  transition: all .05s ease-in;
  will-change: transform, opacity;
  background-clip: padding-box;
}

.popover-container {
  position: relative;
}

.rotating-dots {
  position: relative;
  cursor: pointer;
  transition: .12s ease-out;
}

.rotating-dots-button {
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
}

.rotating-dots-button:hover {
  --text-opacity: 1;
  color: hsl(210, 20%, 10%);
  color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity));
}

.rotating-dots-button:focus {
  @apply border-blue-light;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
}

.popover-open .popover {
  pointer-events: auto;
  visibility: visible;
}

.popover-open .popover-content {
  transform: scale(1);
  opacity: 1;
}

.popover-open .rotating-dots {
  transform: rotate(90deg);
}

.live-preview {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 998;
}

.live-preview-header {
  position: relative;
  padding-right: 16px;
  padding-left: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
  height: 52px;
  box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(180deg, #fff, #f9fafb);
  border-bottom: 1px solid #c4cdd6;
  z-index: 2;
}

.live-preview-main {
  display: flex;
  flex: 1 1 0%;
  overflow: scroll;
  z-index: 1;
}

.live-preview-editor {
  display: flex;
  position: relative;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  height: 100%;
  z-index: 3;
}

.live-preview-contents {
  position: relative;
  --bg-opacity: 1;
  background-color: hsl(210, 15%, 80%);
  background-color: rgba(196.35, 204, 211.65, var(--bg-opacity));
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

.live-preview .publish-tabs {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  margin-left: 0;
  padding-left: 0;
}

.live-preview .publish-tabs a {
  border-radius: 0;
  height: 100%;
  min-width: 100px;
  border: none;
}

.live-preview .publish-section-actions-footer {
  display: none;
}

.live-preview-contents iframe {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.live-preview-contents iframe.responsive {
  height: 100%;
  width: 100%;
}

.live-preview-contents iframe.device {
  margin-top: 16px;
  box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075);
  border-radius: 3px;
}

.live-preview-fields {
  position: relative;
  z-index: 2;
}

.live-preview-resizer {
  width: 1rem;
  border-left-width: 1px;
  border-right-width: 1px;
  --border-opacity: 1;
  border-color: hsl(210, 30%, 95%);
  border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--border-opacity));
  box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03);
  z-index: 1;
  cursor: ew-resize;
  background: hsl(214, 60%, 97.5%) url([object Module]) center center no-repeat;
}

.live-preview-header-slide-enter-active,
.live-preview-header-slide-leave-active {
  transition: all 0.3s ease;
}

.live-preview-header-slide-enter,
.live-preview-header-slide-leave-to {
  transform: translateY(-100px);
}

.live-preview-editor-slide-enter-active,
.live-preview-editor-slide-leave-active {
  transition: all 0.3s ease;
}

.live-preview-editor-slide-enter,
.live-preview-editor-slide-leave-to {
  transform: translateX(-50px);
  opacity: 0;
}

.live-preview-contents-slide-enter-active,
.live-preview-contents-slide-leave-active {
  transition: all 0.3s ease;
}

.live-preview-contents-slide-enter,
.live-preview-contents-slide-leave-to {
  transform: translateX(50px);
  opacity: 0;
}

.workspace .live-preview-sections-drop-enter-active,
.workspace .live-preview-sections-drop-leave-active {
  transition: all 0.2s;
}

.workspace .live-preview-sections-drop-enter-active {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.workspace .live-preview-sections-drop-leave-active {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.workspace .live-preview-sections-drop-enter,
.workspace .live-preview-sections-drop-leave-to {
  transform: translateY(100px);
  opacity: 0;
}

.live-preview-fields-wide {
  padding: 24px;
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
}

.live-preview-fields-narrow .publish-section {
  box-shadow: none;
}

/* ==========================================================================
   PUBLISH COMPONENT
   ========================================================================== */

.publishing .page-wrapper {
  padding: 0;
}

.publishing .page-wrapper .publish-errors {
  margin: 0 24px 24px;
  padding: 16px 0;
}

.publish-form {
  position: relative;
}

.publish-form .loading-blocker {
  padding-top: 50px;
  border-radius: 3px;
}

.head .status {
  display: inline-block;
}

.head .status label {
  margin: 0 6px 0 0;
  position: relative;
  top: 3px;
}

.head .status > div {
  display: inline-block;
  position: relative;
  top: 8px;
}

code.parent-url {
  padding: 0 0 3px 0;
  display: block;
  font-size: 11px;
  background: none;
  color: #8f9ca3;
}

.publish-fields {
  display: flex;
  flex-wrap: wrap;
}

.publish-fields .form-group > label,
.publish-fields .form-group .field-inner > label {
  font-weight: 500;
  margin-bottom: 8px;
}

.publish-fields > .form-group:last-child {
  margin-bottom: 0;
}

.publish-fields .has-error > .field-inner > label {
  color: #E75650;
}

.publish-fields .field-inner {
  position: relative;
}

.publish-fields .read-only-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  cursor: not-allowed;
  background: rgba(255, 255, 255, 0.25);
}

.publish-field {
  position: relative;
}

.publish-field-label {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.publish-sidebar {
  flex-shrink: 0;
  margin-left: 20px;
  width: 300px;
}

.publish-sidebar .publish-section-actions {
  border-bottom-width: 1px;
}

.publish-sidebar .publish-fields .form-group {
  padding: 16px;
}

.publish-section-actions-footer {
  margin-top: 24px;
}

.sneak-peek-editing .publish-tabs {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1000;
}

.field-w-1\/4 {
  width: 25%;
}

.field-w-1\/3 {
  width: 33.33333%;
}

.field-w-1\/2 {
  width: 50%;
}

.field-w-2\/3 {
  width: 66.66667%;
}

.field-w-3\/4 {
  width: 75%;
}

.field-w-full {
  width: 100%;
}

.publish-fields-narrow .publish-field {
  width: 100%;
}

.publish-section:not(:empty) {
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15);
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-radius: 4px;
  width: 100%;
}

/* Inline publish form
   Used in popovers and in the asset editor modal.
   ========================================================================== */

.editor-form {
  position: relative;
}

.editor-form .editor-form-fields {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 71px;
  right: 0;
  overflow: auto;
}

.editor-form .editor-form-actions {
  position: absolute;
  padding: 16px;
  height: 64px;
  border-top-width: 1px;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
}

.editor-form .publish-fields .form-group {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
}

/* Make clicks pass-through */

#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #1aa2e6;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

/* Fancy blur effect */

#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #1aa2e6, 0 0 5px #1aa2e6;
  opacity: 1.0;
  transform: rotate(3deg) translate(0px, -4px);
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

/* ==========================================================================
   Revisions
   ========================================================================== */

.revision-date {
  padding: 16px;
  padding-bottom: 8px;
  margin-top: 16px;
}

.revision-item {
  padding: 8px;
  font-size: 14px;
  display: block;
  cursor: pointer;
  border-top-width: 1px;
}

.revision-item:hover {
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
}

.revision-item:last-child {
  border-bottom-width: 1px;
}

.revision-item-bullet-container {
  width: 1rem;
  position: relative;
  top: -2px;
}

.revision-item-bullet-container .revision-item-bullet {
  --bg-opacity: 1;
  background-color: hsl(210, 15%, 70%);
  background-color: rgba(167.02499999999998, 178.5, 189.975, var(--bg-opacity));
  display: inline-block;
  position: relative;
  border-radius: 7px;
  height: 7px;
  width: 7px;
  flex-shrink: 0;
}

.revision-item .badge {
  text-transform: uppercase;
  font-size: 10px;
  margin-left: 8px;
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  border-radius: 2px;
  height: 16px;
}

.revision-item .badge.publish {
  --bg-opacity: 1;
  background-color: #64BD63;
  background-color: rgba(100, 189, 99, var(--bg-opacity));
}

.revision-item .badge.revision, .revision-item .badge.restore {
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
}

.revision-item .badge.unpublish {
  --bg-opacity: 1;
  background-color: hsl(2, 76%, 60%);
  background-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--bg-opacity));
}

.revision-item-note {
  font-size: 14px;
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  font-weight: 500;
  margin-bottom: 4px;
  width: 300px;
}

.revision-item.status-published .revision-item-bullet {
  --bg-opacity: 1;
  background-color: #479967;
  background-color: rgba(71, 153, 103, var(--bg-opacity));
}

.revision-item.status-working-copy {
  --text-opacity: 1;
  color: hsl(200, 80%, 50%);
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity));
}

.revision-item.status-working-copy .revision-item-bullet {
  --bg-opacity: 1;
  background-color: hsl(200, 80%, 50%);
  background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity));
}

.revision-item.status-working-copy .badge {
  --bg-opacity: 1;
  background-color: hsl(200, 80%, 50%);
  background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity));
}

/* ==========================================================================
   ROLES
   ========================================================================== */

.roles li li {
  margin-left: 30px;
}

.roles .disabled {
  opacity: 0.5;
}

.roles .disabled .disabled {
  opacity: 1;
}

/* ==========================================================================
   KEYBOARD SHORTCUTS
   ========================================================================== */

.shortcut-pair {
  padding-bottom: 8px;
  margin-bottom: 8px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.shortcut-pair:not(:last-child) {
  border-bottom-width: 1px;
}

.shortcut {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  border-radius: 3px;
  background: linear-gradient(-225deg, #d5dbe4, #f8f8f8);
  box-shadow: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff, 0 1px 2px 1px rgba(30, 35, 90, 0.4);
  color: #8d949e;
  min-width: 18px;
  height: 18px;
  margin: 0 .25em;
  padding: 0 2px 2px 2px;
}

.shortcut-combo {
  display: flex;
  order: 2;
}

.shortcut-joiner {
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
  font-size: 13px;
  margin-left: 4px;
  margin-right: 4px;
}

.shortcut-value {
  white-space: nowrap;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
}

/* ==========================================================================
   SORTABLE THINGS
   ========================================================================== */

table .ui-sortable-helper {
  background: #fff;
  display: table;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.placeholder {
  background: #eee;
  height: 37px;
}

.drag-handle {
  cursor: move;
}

.drag-handle:active {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}

tbody.ui-sortable > tr > .cell-counter > .move {
  display: none;
  font-size: 15px;
  color: #8f9ca3;
  position: relative;
  top: 2px;
}

tbody.ui-sortable > tr:hover .default {
  display: none;
}

tbody.ui-sortable > tr:hover .cell-counter > .move {
  display: block;
}

/* ==========================================================================
   STACKS ON STACKS ON STACKS
   ========================================================================== */

.stacks-on-stacks {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
}

.stacks-on-stacks > .vue-portal-target {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.stacks-on-stacks .stack-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: left .3s ease;
}

.stacks-on-stacks .stack-overlay {
  --bg-opacity: 1;
  background-color: #000000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  opacity: 0.2;
  pointer-events: none;
  transition: all .3s ease;
}

.stacks-on-stacks .stack-overlay.stack-overlay-fade-enter, .stacks-on-stacks .stack-overlay.stack-overlay-fade-leave-to {
  opacity: 0;
}

.stacks-on-stacks .stack-hit-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  z-index: 100;
}

.stacks-on-stacks .stack-content {
  height: 100%;
  position: relative;
  box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075);
  z-index: 101;
  transition: all 0.2s ease;
}

.stacks-on-stacks .stack-content.stack-slide-enter, .stacks-on-stacks .stack-content.stack-slide-leave-to {
  transform: translateX(10px);
  opacity: 0;
}

.stacks-on-stacks .hovering .stack-content {
  transform: translateX(-16px);
}

.stacks-on-stacks .breadcrumb .svg-icon {
  display: none !important;
}

@media all and (max-width: 980px) {
  .stacks-on-stacks .stack-container {
    left: 0 !important;
  }
}

/* ==========================================================================
   TABS
   ========================================================================== */

.tabs {
  display: flex;
  width: 100%;
  align-items: flex-end;
  overflow: hidden;
  padding-left: 8px;
  margin-left: -8px;
  height: 48px;
}

.tabs a {
  --bg-opacity: 1;
  background-color: hsl(218, 90%, 99%);
  background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity));
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  line-height: 1.25;
  font-size: 13px;
  width: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15);
  border-bottom-width: 1px;
  --border-opacity: 1;
  border-color: hsl(210, 30%, 95%);
  border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--border-opacity));
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 94%;
  min-height: 94%;
}

.tabs a.active {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  --text-opacity: 1;
  color: hsl(200, 80%, 50%);
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity));
  border-top-width: 2px;
  --border-opacity: 1;
  border-color: hsl(200, 80%, 50%);
  border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity));
  position: relative;
  height: 100%;
  min-height: 100%;
  border-bottom-width: 0;
  z-index: 10;
}

.tabs a.ghost {
  background-color: transparent;
  position: relative;
  height: 100%;
  min-height: 100%;
  box-shadow: none;
  border-style: none;
  --text-opacity: 1;
  color: hsl(210, 15%, 80%);
  color: rgba(196.35, 204, 211.65, var(--text-opacity));
  padding-left: 24px;
  padding-right: 24px;
  min-width: 0;
}

.tabs a.ghost:hover {
  --text-opacity: 1;
  color: hsl(200, 80%, 50%);
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity));
}

.tabs a.has-error {
  --text-opacity: 1;
  color: hsl(2, 76%, 60%);
  color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity));
}

.tabs a.has-error.active {
  box-shadow: hsl(2, 76%, 60%) 0px 3px inset, #e6ebf1 -1px 0px inset;
}

@media (min-width: 768px) {
  .tabs a {
    min-width: 140px;
  }
}

/* Responsive Wangjangling
  ========================================================================== */

@media (min-width: 768px) {
  .tabs a {
    font-size: 16px;
  }
}

/* ==========================================================================
   TOGGLE
   ========================================================================== */

.toggle-fieldtype-wrapper {
  height: 32px;
  display: flex;
  align-items: center;
}

.locale-status-field .toggle-fieldtype-wrapper {
  height: auto;
  display: inline-block;
}

.toggle-container {
  background: #fff;
  height: 22px;
  width: 46px;
  border-radius: 20px;
  cursor: pointer;
  position: relative;
  border: 1px solid #dfdfdf;
  font-size: 0.1px;
  margin: 6px 0;
}

.toggle-container:focus {
  outline: none;
}

.toggle-slider {
  position: absolute;
  top: -1px;
  width: 20px;
  height: 22px;
  border-radius: 20px;
  transition: all 0.2s ease;
}

.toggle-slider.disabled {
  cursor: not-allowed;
}

.toggle-knob {
  position: absolute;
  top: 1px;
  right: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  outline: none;
  transition: box-shadow 0.1s, background-color 0.2s ease-in-out;
}

.toggle-knob:hover {
  box-shadow: 0 1px 3px rgba(58, 163, 227, 0.9);
}

.toggle-container.on .toggle-slider {
  --bg-opacity: 1;
  background-color: #64BD63;
  background-color: rgba(100, 189, 99, var(--bg-opacity));
  width: 44px;
}

.toggle-container.on .toggle-knob:focus {
  box-shadow: 0 0 10px rgba(100, 189, 99, 0.7);
}

/* Size Variants
  ========================================================================== */

.toggle-sm.toggle-fieldtype-wrapper {
  height: 16px;
}

.toggle-sm.toggle-fieldtype-wrapper .toggle-container {
  height: 12px;
  width: 21px;
}

.toggle-sm.toggle-fieldtype-wrapper .toggle-knob {
  width: 10px;
  height: 10px;
}

.toggle-sm.toggle-fieldtype-wrapper .toggle-slider {
  box-shadow: inset 0px 1px rgba(0, 0, 0, 0.25);
  height: 12px;
  width: 10px;
}

.toggle-sm.toggle-fieldtype-wrapper .toggle-container.on .toggle-slider {
  width: 22px;
}

/* Inside a Grid field
  ========================================================================== */

.grid-fieldtype .toggle-fieldtype {
  padding: 3px 10px;
}

/* ==========================================================================
   TOOLTIPS
   ========================================================================== */

div[data-popover="tooltip"] {
  width: auto;
  --bg-opacity: 1;
  background-color: hsl(198, 32%, 16%);
  background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity));
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  width: auto !important;
}

div[data-popover="tooltip"].dropdown-position-top:before {
  border-top-color: #454d54;
}

div[data-popover="tooltip"].dropdown-position-bottom:before {
  border-bottom-color: #454d54;
}

div[data-popover="tooltip"].dropdown-position-left:before {
  border-left-color: #454d54;
}

div[data-popover="tooltip"].dropdown-position-right:before {
  border-right-color: #454d54;
}

.tooltip {
  display: block !important;
  z-index: 10000;
}

.tooltip .tooltip-inner {
  width: auto;
  --bg-opacity: 1;
  background-color: hsl(198, 32%, 16%);
  background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity));
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
  font-size: 12px;
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  border-radius: 3px;
}

.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: hsl(198, 32%, 16%);
  z-index: 1;
}

.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}

.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}

.tooltip[x-placement^="bottom"] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^="right"] {
  margin-left: 5px;
}

.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip[x-placement^="left"] {
  margin-right: 5px;
}

.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip.popover .popover-inner {
  background: #f9f9f9;
  color: black;
  padding: 24px;
  border-radius: 5px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.tooltip.popover .popover-arrow {
  border-color: #f9f9f9;
}

.tooltip[aria-hidden='true'] {
  visibility: hidden;
  opacity: 0;
  transition: opacity .15s, visibility .15s;
}

.tooltip[aria-hidden='false'] {
  visibility: visible;
  opacity: 1;
  transition: opacity .15s;
}

/* ==========================================================================
   UPDATER
   ========================================================================== */

.update {
  padding: 60px;
}

.update h2 {
  font-weight: 400;
  font-size: 30px;
  margin: 0 0 25px 0;
  -webkit-font-smoothing: antialiased;
}

.update h3, .update dt {
  font-weight: 400;
  margin: 25px 0;
  color: #8f9ca3;
  font-size: 21px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

.update dl {
  margin-top: 50px;
}

.update dl dt {
  margin: 30px 0 15px 0;
}

.update dl dd {
  padding-left: 30px;
  position: relative;
  font-size: 16px;
  margin-bottom: 15px;
}

.update dl dd.no-icon {
  padding-left: 0;
}

.update dl .icon {
  position: absolute;
  top: 0;
  left: 0;
}

.update-release .date {
  font-weight: 400;
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
}

.update-release p {
  margin-top: 32px;
  margin-bottom: 32px;
}

.update-release h2 {
  font-weight: 900;
  font-size: 21px;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.update-release h3, .update-release h4, .update-release h5, .update-release h6 {
  font-weight: 700;
}

.update-release ul {
  padding: 0;
}

.update-release ul li {
  margin-top: 8px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  position: relative;
  font-size: 16px;
  padding-left: 24px;
}

.update-release ul li:before {
  position: absolute;
  border-radius: 9999px;
  --bg-opacity: 1;
  background-color: hsl(196, 31%, 14%);
  background-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--bg-opacity));
  height: 6px;
  width: 6px;
  content: "";
  top: 7px;
  left: 4px;
}

.update-release ul li a {
  color: #3aa3e3;
}

.update-release ul .label {
  font-size: 11px;
  position: relative;
  display: inline-block;
  margin-right: 8px;
  text-transform: uppercase;
  text-align: center;
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  border-radius: 3px;
  padding: 2px;
  width: 54px;
  top: -2px;
  line-height: 1;
}

.wizard-steps {
  display: flex;
  justify-content: space-between;
}

.wizard-steps .step {
  text-align: center;
  position: relative;
  font-size: 13px;
  flex: 1 1 0%;
  margin-left: auto;
  margin-right: auto;
}

.wizard-steps .step:not(:first-child):before {
  position: absolute;
  height: 4px;
  width: 50%;
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  content: '';
  left: 0;
  top: 18px;
}

.wizard-steps .step:not(:last-child):after {
  position: absolute;
  height: 4px;
  width: 50%;
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  content: '';
  left: 50%;
  top: 18px;
}

.wizard-steps .step.complete:before,
.wizard-steps .step.complete:after {
  --bg-opacity: 1;
  background-color: hsl(200, 80%, 50%);
  background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity));
}

.wizard-steps .ball {
  height: 40px;
  width: 2.5rem;
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
  font-size: 16px;
  border-radius: 9999px;
  text-align: center;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  line-height: 40px;
}

.wizard-steps .label {
  font-size: 13px;
  margin-top: 4px;
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
}

.wizard-steps .complete .ball {
  --bg-opacity: 1;
  background-color: hsl(200, 80%, 50%);
  background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity));
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.wizard-steps .complete .label {
  --text-opacity: 1;
  color: hsl(200, 80%, 50%);
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity));
}

/* ==========================================================================
   ARRAY FIELDTYPE
   ========================================================================== */

.array-fieldtype .row {
  margin-bottom: 8px;
}

.array-fieldtype .array-keyed .grid-table {
  margin-bottom: 0;
}

/* Inside a Grid field
  ========================================================================== */

.grid-table .array-fieldtype .grid-table {
  margin-bottom: 0;
}

.grid-table .array-fieldtype .grid-table tr:first-child td, .grid-table .array-fieldtype .grid-table tr:first-child th {
  border-top: 0;
}

.grid-table .array-fieldtype .grid-table tr:last-child td, .grid-table .array-fieldtype .grid-table tr:last-child th {
  border-radius: 0;
}

.grid-table .array-fieldtype .grid-table tr > :first-child {
  border-left: 0;
}

.grid-table .array-fieldtype .grid-table tr > :last-child {
  border-right: 0;
}

.grid-table .array-fieldtype .array-dynamic .btn, .grid-table .array-fieldtype .array-dynamic .btn-dropdown {
  background: #f4f4f4;
  color: #3aa3e3;
  padding: 10px 10px 11px;
  display: block;
  width: 100%;
  height: auto;
  box-shadow: none;
  border: 0;
  margin: 15px 0 0;
  text-align: left;
}

.grid-table .array-fieldtype .array-dynamic .btn:hover, .grid-table .array-fieldtype .array-dynamic .btn-dropdown:hover, .grid-table .array-fieldtype .array-dynamic .btn:active, .grid-table .array-fieldtype .array-dynamic .btn-dropdown:active, .grid-table .array-fieldtype .array-dynamic .btn:focus, .grid-table .array-fieldtype .array-dynamic .btn-dropdown:focus {
  top: 0;
}

/* ==========================================================================
   ASSETS FIELDTYPE
   ========================================================================== */

.assets-fieldtype .assets-fieldtype-drag-container {
  position: relative;
}

.assets-fieldtype .assets-fieldtype-picker {
  display: flex;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
  border-width: 1px;
  border-radius: 3px;
}

.assets-fieldtype .assets-fieldtype-picker.is-expanded {
  border-bottom-width: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.assets-fieldtype .assets-fieldtype-picker .asset-upload-control {
  margin-left: 16px;
}

.assets-fieldtype .assets-fieldtype-picker .upload-text-button {
  --text-opacity: 1;
  color: hsl(200, 80%, 50%);
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity));
  text-decoration: underline;
}

.assets-fieldtype .assets-fieldtype-picker .upload-text-button:hover {
  --text-opacity: 1;
  color: hsl(200, 75%, 45%);
  color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity));
}

/* Inside a Grid
  ========================================================================== */

.grid-fieldtype .assets-fieldtype-picker {
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  padding: 0;
}

/* Leftover bits for reference
  ========================================================================== */

/* In a Replicator fieldtype
  ========================================================================== */

/* In a Grid fieldtype
  ========================================================================== */

/* In a Bard fieldtype
  ========================================================================== */

.bard-set-solo .asset-tile {
  max-width: none;
  padding: 0;
}

.bard-set-solo .assets-fieldtype label {
  display: none;
}

.assets-fieldtype .delete-bard-set {
  display: none;
}

.bard-set-solo .assets-fieldtype .delete-bard-set {
  display: block;
}

/* Responsive Wangjangling
  ========================================================================== */

.assets-fieldtype .narrow .assets-fieldtype-picker .drag-drop-text {
  display: none;
}

.assets-fieldtype .really-narrow .assets-fieldtype-picker {
  flex-direction: column;
}

.assets-fieldtype .really-narrow .assets-fieldtype-picker .upload-asset-control {
  margin-left: 0;
  text-align: center;
}

.assets-fieldtype .really-narrow .assets-fieldtype-picker p {
  margin-left: 0;
  margin-top: 8px;
  text-align: center;
}

.bard-fieldtype-wrapper {
  border-width: 1px;
  border-radius: 3px;
  position: relative;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.bard-fieldtype-wrapper * {
  outline: none;
}

.bard-fieldtype-wrapper:focus-within {
  @apply border-blue-light;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
}

.bard-editor {
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  --bg-opacity: 1;
  background-color: hsl(218, 90%, 99%);
  background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity));
  box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05);
  padding: 0;
  position: relative;
}

.bard-editor .ProseMirror {
  padding: 8px;
  min-height: 160px;
}

.bard-editor.mode\:-moz-read-only .ProseMirror {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
}

.bard-editor.mode\:read-only .ProseMirror {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
}

.bard-editor.mode\:minimal .ProseMirror {
  min-height: 80px;
}

@media (min-width: 768px) {
  .bard-editor .ProseMirror {
    padding: 16px;
  }
}

.bard-fixed-toolbar {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  box-shadow: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-width: 1px;
  font-size: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: -webkit-sticky;
  position: sticky;
  padding: 4px 8px;
  z-index: 5;
  top: 52px;
}

.bard-fixed-toolbar .bard-toolbar-button {
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  border-radius: 3px;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  text-align: center;
  height: 32px;
  width: 32px;
  margin: 0 2px;
}

.bard-fixed-toolbar .bard-toolbar-button:hover {
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
}

.bard-fixed-toolbar .bard-toolbar-button.active {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  --text-opacity: 1;
  color: #000000;
  color: rgba(0, 0, 0, var(--text-opacity));
}

.bard-fixed-toolbar .bard-toolbar-button:focus {
  @apply border-blue-light;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
}

.bard-fixed-toolbar .bard-toolbar-button:disabled {
  opacity: 0.5;
}

.bard-fixed-toolbar .bard-toolbar-button:disabled:hover {
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
}

.bard-fixed-toolbar button sup {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.bard-fixed-toolbar.dark {
  --bg-opacity: 1;
  background-color: #000000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
  border-radius: 9999px;
  box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075);
  padding-left: 16px;
  padding-right: 16px;
}

.bard-fixed-toolbar.dark button {
  @apply border-0;
  outline: 0;
  box-shadow: none;
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
  border-radius: 3px;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  text-align: center;
  background-color: transparent;
  height: 32px;
  width: 32px;
  margin: 0 2px;
}

.bard-fixed-toolbar.dark button.active {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.bard-fieldtype .bard-fieldtype .bard-fixed-toolbar {
  position: relative;
}

.bard-floating-toolbar {
  display: flex;
  --bg-opacity: 1;
  background-color: #000000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
  border-radius: 9999px;
  position: absolute;
  box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075);
  padding-left: 0;
  padding-right: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) translateY(-10px);
  white-space: nowrap;
  z-index: 1000;
}

.bard-floating-toolbar.active {
  opacity: 1;
  visibility: visible;
}

.bard-floating-toolbar:before {
  content: '';
  border: 6px solid transparent;
  border-top-color: black;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
}

.bard-floating-toolbar button {
  --text-opacity: 1;
  color: hsl(214, 60%, 97.5%);
  color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity));
  height: 40px;
  width: 2.5rem;
  text-align: center;
  --bg-opacity: 1;
  background-color: #000000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: all .1s ease-in-out;
}

.bard-floating-toolbar button:hover {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.bard-floating-toolbar button.active {
  --text-opacity: 1;
  color: hsl(200, 80%, 50%);
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity));
}

.bard-floating-toolbar button:focus {
  outline: none;
}

.bard-floating-toolbar button:disabled {
  opacity: 0.5;
}

.bard-floating-toolbar button:disabled:hover {
  --text-opacity: 1;
  color: hsl(214, 60%, 97.5%);
  color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity));
}

.bard-floating-toolbar button sup {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.bard-footer-toolbar {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  box-shadow: none;
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-width: 1px;
  font-size: 13px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
}

.bard-fullscreen .bard-footer-toolbar {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 10;
}

/* The set selection options for each text block
  ========================================================================== */

.bard-set-selector {
  position: absolute;
  left: -20px;
  margin-top: -6px;
  z-index: 6;
}

.bard-set-selector .dropdown-menu {
  left: -5px;
  right: auto;
}

/* Fullscreen mode
   ========================================================================== */

.bard-fieldtype .bard-fullscreen {
  position: fixed;
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 100vh;
  overflow: scroll;
  border-radius: 0;
  z-index: 998;
}

.bard-fieldtype .bard-fullscreen .bard-editor {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15);
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  border-radius: 3px;
  position: relative;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-left: 32px;
  padding-right: 32px;
}

.bard-fieldtype .bard-fullscreen .bard-fixed-toolbar {
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15);
  height: 48px;
  justify-content: center;
  padding: 7px 8px;
  top: 0;
  z-index: 999;
}

.bard-fieldtype .bard-fullscreen .bard-fixed-toolbar button {
  margin-left: 4px;
  margin-right: 4px;
}

.bard-fieldtype .bard-fullscreen .ProseMirror {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 120px);
}

.bard-fieldtype .bard-fullscreen .ProseMirror > p > code, .bard-fieldtype .bard-fullscreen .ProseMirror > pre code {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
}

.bard-fieldtype .bard-fullscreen .bard-set-selector {
  margin-left: 24px;
}

.bard-fieldtype .bard-fullscreen .bard-field-options {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  --bg-opacity: 1;
  background-color: hsl(210, 10%, 50%);
  background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity));
  padding: 16px;
  width: 100%;
  text-align: right;
  z-index: 1;
}

.bard-fieldtype .bard-fullscreen .bard-field-options .icon {
  font-size: 24px;
}

.bard-fieldtype .bard-fullscreen .bard-field-options a {
  margin-left: 16px;
  color: #fff;
  opacity: 1;
}

/* Typography
   -
   Selectors are specific so they don't cascade into the sets, which
   all sit inline within the rest of the elements.
   ========================================================================== */

.bard-fieldtype .ProseMirror {
  outline: 0;
}

.bard-fieldtype .ProseMirror > p {
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  word-wrap: break-word;
  line-height: 1.7;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

.bard-fieldtype .ProseMirror > blockquote,
.bard-fieldtype .ProseMirror > ol,
.bard-fieldtype .ProseMirror > p,
.bard-fieldtype .ProseMirror > ul {
  margin-top: 0;
  margin-bottom: .85em;
}

.bard-fieldtype .ProseMirror > blockquote b,
.bard-fieldtype .ProseMirror > blockquote strong,
.bard-fieldtype .ProseMirror > ol b,
.bard-fieldtype .ProseMirror > ol strong,
.bard-fieldtype .ProseMirror > p b,
.bard-fieldtype .ProseMirror > p strong,
.bard-fieldtype .ProseMirror > ul b,
.bard-fieldtype .ProseMirror > ul strong {
  font-weight: 700;
}

.bard-fieldtype .ProseMirror > blockquote em, .bard-fieldtype .ProseMirror > blockquote i,
.bard-fieldtype .ProseMirror > ol em,
.bard-fieldtype .ProseMirror > ol i,
.bard-fieldtype .ProseMirror > p em,
.bard-fieldtype .ProseMirror > p i,
.bard-fieldtype .ProseMirror > ul em,
.bard-fieldtype .ProseMirror > ul i {
  font-style: italic;
}

.bard-fieldtype .ProseMirror > blockquote a,
.bard-fieldtype .ProseMirror > ol a,
.bard-fieldtype .ProseMirror > p a,
.bard-fieldtype .ProseMirror > ul a {
  --text-opacity: 1;
  color: hsl(200, 80%, 50%);
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity));
  text-decoration: underline;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.bard-fieldtype .ProseMirror > blockquote a:active,
.bard-fieldtype .ProseMirror > blockquote a:focus,
.bard-fieldtype .ProseMirror > blockquote a:hover,
.bard-fieldtype .ProseMirror > ol a:active,
.bard-fieldtype .ProseMirror > ol a:focus,
.bard-fieldtype .ProseMirror > ol a:hover,
.bard-fieldtype .ProseMirror > p a:active,
.bard-fieldtype .ProseMirror > p a:focus,
.bard-fieldtype .ProseMirror > p a:hover,
.bard-fieldtype .ProseMirror > ul a:active,
.bard-fieldtype .ProseMirror > ul a:focus,
.bard-fieldtype .ProseMirror > ul a:hover {
  outline: 0;
  text-decoration: underline;
}

.bard-fieldtype .ProseMirror > blockquote img,
.bard-fieldtype .ProseMirror > ol img,
.bard-fieldtype .ProseMirror > p img,
.bard-fieldtype .ProseMirror > ul img {
  border: 0;
  max-width: 100%;
}

.bard-fieldtype .ProseMirror > blockquote p, .bard-fieldtype .ProseMirror > ol p, .bard-fieldtype .ProseMirror > ul p {
  margin-top: 0;
  margin-bottom: .85em;
}

.bard-fieldtype .ProseMirror > hr {
  --bg-opacity: 1;
  background-color: hsl(210, 15%, 70%);
  background-color: rgba(167.02499999999998, 178.5, 189.975, var(--bg-opacity));
  height: 4px;
  padding: 0;
  margin: 1.7em 0;
  overflow: hidden;
  border: none;
}

.bard-fieldtype .ProseMirror > hr:after,
.bard-fieldtype .ProseMirror > hr:before {
  display: table;
  content: " ";
}

.bard-fieldtype .ProseMirror > hr:after {
  clear: both;
}

.bard-fieldtype .ProseMirror > h1, .bard-fieldtype .ProseMirror > h2, .bard-fieldtype .ProseMirror > h3, .bard-fieldtype .ProseMirror > h4, .bard-fieldtype .ProseMirror > h5, .bard-fieldtype .ProseMirror > h6 {
  margin-top: 1.275em;
  margin-bottom: .85em;
  font-weight: 700;
}

.bard-fieldtype .ProseMirror > h1 {
  font-size: 2em;
}

.bard-fieldtype .ProseMirror > h2 {
  font-size: 1.75em;
}

.bard-fieldtype .ProseMirror > h3 {
  font-size: 1.5em;
}

.bard-fieldtype .ProseMirror > h4 {
  font-size: 1.25em;
}

.bard-fieldtype .ProseMirror > h5 {
  font-size: 1em;
}

.bard-fieldtype .ProseMirror > h6 {
  font-size: 1em;
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
}

.bard-fieldtype .ProseMirror > h1:first-child,
.bard-fieldtype .ProseMirror > h2:first-child,
.bard-fieldtype .ProseMirror > h3:first-child,
.bard-fieldtype .ProseMirror > h4:first-child,
.bard-fieldtype .ProseMirror > h5:first-child,
.bard-fieldtype .ProseMirror > h6:first-child {
  margin-top: 0;
}

.bard-fieldtype .ProseMirror > ul {
  list-style-type: disc;
}

.bard-fieldtype .ProseMirror > ol {
  list-style-type: decimal;
}

.bard-fieldtype .ProseMirror > ol,
.bard-fieldtype .ProseMirror > ul {
  padding: 0;
  margin: 0;
  margin-bottom: .85em;
  padding-left: 2em;
}

.bard-fieldtype .ProseMirror > ol ol,
.bard-fieldtype .ProseMirror > ol ul,
.bard-fieldtype .ProseMirror > ul ol,
.bard-fieldtype .ProseMirror > ul ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2em;
}

.bard-fieldtype .ProseMirror > ul ul {
  list-style-type: circle;
}

.bard-fieldtype .ProseMirror > ol ol {
  list-style-type: lower-roman;
}

.bard-fieldtype .ProseMirror > blockquote {
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  border-left-width: 4px;
  --border-opacity: 1;
  border-color: hsl(200, 80%, 50%);
  border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity));
  padding-left: 16px;
  padding-right: 16px;
  margin: 0 0 .85em;
}

.bard-fieldtype .ProseMirror > blockquote:first-child {
  margin-top: 0;
}

.bard-fieldtype .ProseMirror > blockquote:last-child {
  margin-bottom: 0;
}

.bard-fieldtype .ProseMirror > .tableWrapper table {
  width: 100%;
  overflow: hidden;
  margin: 0;
  margin-bottom: 16px;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  font-size: 14px;
  border-collapse: collapse;
  table-layout: fixed;
}

.bard-fieldtype .ProseMirror > .tableWrapper table th {
  font-weight: 700;
  text-align: left;
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
}

.bard-fieldtype .ProseMirror > .tableWrapper table td, .bard-fieldtype .ProseMirror > .tableWrapper table th {
  border-width: 1px;
  vertical-align: top;
  position: relative;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  min-width: 1em;
}

.bard-fieldtype .ProseMirror > .tableWrapper table .selectedCell {
  position: relative;
}

.bard-fieldtype .ProseMirror > .tableWrapper table .selectedCell:after {
  --bg-opacity: 1;
  background-color: hsl(210, 22%, 89%);
  background-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--bg-opacity));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  opacity: 0.25;
  content: '';
}

.bard-fieldtype .ProseMirror > p > code {
  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  --bg-opacity: 1;
  background-color: hsl(210, 22%, 89%);
  background-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--bg-opacity));
  border-radius: 2px;
  font-size: 13px;
  position: relative;
  padding: 2px 4px;
  top: -1px;
}

.bard-fieldtype .ProseMirror > pre code {
  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  --bg-opacity: 1;
  background-color: hsl(210, 22%, 89%);
  background-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--bg-opacity));
  font-size: 13px;
  padding: 16px;
  display: block;
  width: 100%;
  border-radius: 3px;
  line-height: 1.8;
}

/* Link toolbar
  ========================================================================== */

.bard-link-toolbar {
  --bg-opacity: 1;
  background-color: #000000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
  border-radius: 3px;
  position: absolute;
  line-height: 1;
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15);
  margin-top: 8px;
  z-index: 100;
  width: 300px;
  top: 100%;
}

.bard-link-toolbar:before {
  content: '';
  border: 6px solid transparent;
  border-bottom-color: black;
  position: absolute;
  bottom: 100%;
  left: 10px;
}

.bard-link-toolbar .link-container {
  width: 100%;
  overflow: hidden;
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  line-height: 1.5;
  text-overflow: ellipsis;
}

.bard-link-toolbar .link {
  font-size: 13px;
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  white-space: nowrap;
}

.bard-link-toolbar .link:hover {
  --text-opacity: 1;
  color: hsl(200, 80%, 50%);
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity));
}

.bard-link-toolbar .input {
  padding: 0;
  font-size: 13px;
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  height: 32px;
  background-color: transparent;
  box-shadow: none;
  border-style: none;
  width: 240px;
  outline: none;
}

.bard-link-toolbar .bard-link-toolbar-buttons {
  margin-left: 8px;
  display: flex;
  align-items: center;
}

.bard-link-toolbar button {
  padding: 0;
  --text-opacity: 1;
  color: hsl(214, 60%, 97.5%);
  color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity));
  height: 40px;
  margin-left: 8px;
  font-size: 16px;
}

.bard-link-toolbar button:hover {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.bard-link-toolbar .checkbox {
  opacity: 1;
  position: relative;
  left: auto;
  margin: 0 0 0 8px;
}

.bard-inline-image-container {
  position: relative;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-width: 1px;
  border-radius: 3px;
  white-space: normal;
  margin-bottom: 24px;
}

.bard-inline-image-container:hover {
  cursor: -webkit-grab;
  cursor: grab;
}

/* Bard inside a set
  ========================================================================== */

.replicator-set-body .bard-fixed-toolbar {
  top: 0;
  position: relative;
  z-index: 1;
}

/* Bard inside the live preview
  ========================================================================== */

.live-preview-fields .bard-fixed-toolbar {
  top: 0;
}

/* Bard inside a stack
  ========================================================================== */

.stack-content .bard-fixed-toolbar {
  top: -24px;
}

/* ==========================================================================
   CHECKBOXES FIELDTYPE
   ========================================================================== */

.checkboxes-fieldtype .option {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.checkboxes-fieldtype .option + label {
  margin-left: 8px;
}

.color-fieldtype .pickr {
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  border-width: 1px;
  border: 1px solid #c4cdd6;
  background: linear-gradient(180deg, #fff, #f9fafb);
  box-shadow: 0 1px 0 0 rgba(25, 30, 35, 0.05);
  display: inline-block;
  border-radius: 3px;
  padding: 4px;
}

.color-fieldtype .pickr:hover {
  background: linear-gradient(180deg, #f9fafb, #f4f6f8);
  border-color: #c4cdd5;
}

.color-fieldtype .pickr .pcr-button {
  border-width: 2px;
  --border-opacity: 1;
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.color-fieldtype .pickr .pcr-button:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

/* ==========================================================================
   DATE & TIME FIELDTYPES
   ========================================================================== */

.daterange {
  outline: none;
  width: 100%;
}

.daterange .icon-remove {
  right: 32px;
}

.daterange .dr-calendar {
  max-width: 250px;
}

.daterange .dr-active, .daterange .dr-input {
  z-index: 1;
}

.datetime .icon-remove, .time-fieldtype .icon-remove {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
  font-size: 15px;
  line-height: 1;
  padding: 0px 4px 2px;
  border-radius: 50%;
  color: #777;
  height: 18px;
  width: 18px;
  margin-right: 8px;
  text-shadow: 0 1px 1px #FFF;
}

.daterange--single .dr-input .dr-dates {
  min-width: 60px;
}

.date-time-container {
  display: flex;
}

.date-time-container .time-container {
  margin-left: 8px;
}

.date-time-container.narrow {
  display: block;
}

.date-time-container.narrow .date-container {
  margin-bottom: 8px;
}

.date-time-container.narrow .time-container {
  margin-left: 0;
}

.date-time-container .date-container > span > .vc-popover-content-wrapper {
  left: -50px !important;
}

/* Time Field
  ========================================================================== */

.time-fieldtype .time-fieldtype-container {
  display: flex;
  align-items: center;
  max-width: 140px;
}

.time-fieldtype .input-time {
  display: inline-block;
  text-align: center;
  background-color: transparent;
  -moz-appearance: textfield;
  width: 26px;
}

.time-fieldtype .input-time:active, .time-fieldtype .input-time:focus {
  outline: none;
}

.time-fieldtype .colon {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0 -2px;
}

.time-fieldtype input::-webkit-inner-spin-button,
.time-fieldtype input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Inside a Grid field
  ========================================================================== */

.grid-mode-table .date-fieldtype .daterange .icon {
  top: 8px;
}

.grid-mode-table .date-fieldtype .btn.add-time, .grid-mode-table .date-fieldtype .add-time.btn-dropdown {
  top: 8px;
}

.grid-mode-table .date-fieldtype .dr-input {
  border: 0 !important;
}

.grid-mode-table .date-fieldtype .colon {
  background: #fff;
  margin: 0;
  padding: 8px 5px;
}

/* ==========================================================================
   ENVIRONMENT FIELDTYPE
   ========================================================================== */

.environment-field {
  cursor: not-allowed;
}

.environment-field .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.environment-field .icon:before {
  top: 1px;
}

/* ==========================================================================
   Grid Fieldtype
   ========================================================================== */

.grid-table {
  width: 100%;
  text-align: left;
  border-width: 1px;
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
  position: relative;
  margin-bottom: 16px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03);
  border-radius: 3px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.grid-table thead th {
  font-weight: 500;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom-width: 1px;
  z-index: 10;
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
  --text-opacity: 1;
  color: hsl(196, 31%, 14%);
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity));
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.14em;
  display: table-cell;
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  z-index: auto;
}

.grid-table thead th:first-child {
  border-top-left-radius: 3px;
  padding-left: 12px;
}

.grid-table thead th:last-child {
  border-top-right-radius: 3px;
}

.grid-table thead th.grid-drag-handle-header {
  width: 0.75rem;
}

.grid-table tbody {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.grid-table tbody tr {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.grid-table tbody td {
  border-bottom-width: 1px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
  vertical-align: top;
}

.grid-table tbody td:first-child.grid-cell {
  padding-left: 12px;
}

.grid-table tbody td.drag-handle {
  width: 0.75rem;
  border-right-width: 1px;
  height: 100%;
  padding: 8px;
  cursor: -webkit-grab;
  cursor: grab;
  background: hsl(214, 60%, 97.5%) url([object Module]) center center no-repeat;
}

.grid-table tbody td.drag-handle:hover {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
}

.grid-table tbody tr:last-child td {
  border-bottom-width: 0;
}

.grid-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 3px;
}

.grid-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 3px;
}

.grid-table tbody tr.draggable-source--is-dragging td {
  --bg-opacity: 1;
  background-color: hsl(218, 90%, 99%);
  background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity));
}

.grid-table .row-controls {
  width: 2rem;
  padding-left: 0;
  text-align: center;
  padding-top: 21px;
}

.grid-item-header {
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
  border-bottom-width: 1px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  outline: 2px solid transparent;
  outline-offset: 2px;
  cursor: move;
}

.grid-stacked .input-text, .grid-stacked input.slug:hover, .grid-stacked input.slug:focus {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

/* ==========================================================================
   HIDDEN FIELDTYPE
   ========================================================================== */

.hidden-fieldtype {
  display: none;
}

/* ==========================================================================
   LIST FIELDTYPE
   ========================================================================== */

.list-fieldtype ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.list-fieldtype li {
  padding: 0 16px;
  background: url([object Module]) no-repeat 0px 8px;
  margin-bottom: 8px;
  font-size: 16px;
  position: relative;
  font-size: 14px;
}

.list-fieldtype li:active {
  cursor: ns-resize;
}

.list-fieldtype li.editing {
  padding-left: 0px;
  background: #fff;
}

.list-fieldtype li:last-child {
  padding-left: 0;
  margin-bottom: 0;
  background: none;
}

.list-fieldtype li input {
  background: #fff url([object Module]) no-repeat 0 8px;
  box-shadow: none;
  padding: 0 16px;
  height: auto !important;
  font-size: 14px;
  outline: 0px !important;
}

.list-fieldtype li input:active, .list-fieldtype li input:focus {
  outline: 0px !important;
  -webkit-appearance: none;
  box-shadow: 0 0 0 0;
}

.list-fieldtype li .delete {
  width: 12px;
  height: 12px;
  display: inline-block;
  opacity: 0;
  top: 6px;
  left: -1px;
  position: absolute;
  cursor: pointer;
}

.list-fieldtype li:hover .delete {
  opacity: 1;
}

/* Inside a Grid
  ========================================================================== */

.grid-fieldtype .list-fieldtype {
  padding: 8px 0 10px;
}

.grid-fieldtype .list-fieldtype ul {
  border: none;
  padding: 0;
  border-radius: 0;
}

.grid-fieldtype .list-fieldtype li {
  background-position: 10px 8px;
  font-size: 14px;
  margin: 0 0 8px;
  padding-left: 20px;
}

.grid-fieldtype .list-fieldtype li:last-child {
  padding-left: 0;
}

.grid-fieldtype .list-fieldtype li input {
  background-position: 10px 8px;
  padding: 0 10px 0 20px;
  margin-top: 0;
}

.grid-fieldtype .list-fieldtype li input:hover {
  background-color: #fff;
}

.grid-fieldtype .list-fieldtype li .delete {
  left: 8px;
}

.grid-fieldtype .list-fieldtype .ui-sortable-helper {
  box-shadow: none;
}

.grid-fieldtype .list-fieldtype .ui-sortable-helper .delete {
  display: none;
}

/* Inside a Bard
  ========================================================================== */

.bard-fieldtype .list-fieldtype input.input-text, .bard-fieldtype .list-fieldtype input.slug:hover, .bard-fieldtype .list-fieldtype input.slug:focus {
  border: none;
}

/* ==========================================================================
   MARKDOWN FIELDTYPE
   ========================================================================== */

.markdown-fieldtype-wrapper {
  border-width: 1px;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}

.markdown-fieldtype-wrapper:focus-within {
  @apply border-blue-light;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
}

.markdown-fieldtype-wrapper .markdown-toolbar {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  box-shadow: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-width: 1px;
  font-size: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 4px 8px;
}

.markdown-fieldtype-wrapper .markdown-buttons {
  display: flex;
  align-items: center;
}

.markdown-fieldtype-wrapper .markdown-buttons button {
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  border-radius: 3px;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  text-align: center;
  height: 32px;
  width: 32px;
  margin: 0 2px;
}

.markdown-fieldtype-wrapper .markdown-buttons button:hover {
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
}

.markdown-fieldtype-wrapper .markdown-buttons button.active {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  --text-opacity: 1;
  color: #000000;
  color: rgba(0, 0, 0, var(--text-opacity));
}

.markdown-fieldtype-wrapper .markdown-buttons button:focus {
  @apply border-blue-light;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
}

.markdown-fieldtype-wrapper .markdown-buttons button:disabled {
  opacity: 0.5;
}

.markdown-fieldtype-wrapper .markdown-buttons button:disabled:hover {
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
}

.markdown-fieldtype-wrapper .markdown-modes {
  margin-left: 8px;
  display: flex;
  align-items: center;
  height: 100%;
}

.markdown-fieldtype-wrapper .markdown-modes button {
  margin-right: 16px;
  --text-opacity: 1;
  color: hsl(210, 15%, 80%);
  color: rgba(196.35, 204, 211.65, var(--text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  height: 100%;
  padding: 6px 4px;
}

.markdown-fieldtype-wrapper .markdown-modes button:hover {
  --text-opacity: 1;
  color: hsl(200, 80%, 50%);
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity));
}

.markdown-fieldtype-wrapper .markdown-modes button.active {
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
}

.markdown-fieldtype-wrapper .markdown-modes button:focus {
  @apply border-blue-light;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
}

.markdown-fieldtype-wrapper .CodeMirror {
  --bg-opacity: 1;
  background-color: hsl(218, 90%, 99%);
  background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity));
  box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05);
  height: auto;
  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  line-height: 1.5;
  padding: 12px;
  font-size: 13px;
  border-radius: 0 0 3px 3px;
}

.markdown-fieldtype-wrapper .CodeMirror .cm-comment {
  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 14px;
}

.markdown-fieldtype-wrapper .CodeMirror-code {
  min-height: 100px;
}

.markdown-fieldtype-wrapper .helpers {
  border-top-width: 1px;
  font-size: 13px;
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  display: flex;
  align-items: center;
}

.markdown-fieldtype-wrapper .helpers button:hover {
  --text-opacity: 1;
  color: hsl(200, 80%, 50%);
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity));
}

.markdown-fieldtype-wrapper .markdown-cheatsheet-helper {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  display: inline-block;
}

.markdown-fieldtype-wrapper .markdown-cheatsheet-helper svg {
  height: 14px;
  width: 24px;
  position: relative;
  bottom: -2px;
  margin-right: 3px;
}

.markdown-fieldtype-wrapper .markdown-asset-helper {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  display: inline-block;
}

/* Dark Mode
  ========================================================================== */

.markdown-fieldtype-wrapper.markdown-fullscreen.markdown-dark-mode {
  --bg-opacity: 1;
  background-color: hsl(198, 32%, 16%);
  background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity));
  border-style: none;
}

.markdown-fieldtype-wrapper.markdown-fullscreen.markdown-dark-mode .markdown-toolbar {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  border-bottom-width: 1px;
  --border-opacity: 1;
  border-color: hsl(210, 20%, 10%);
  border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--border-opacity));
  box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075);
  background: linear-gradient(180deg, hsl(196, 31%, 14%), #1b2128);
}

.markdown-fieldtype-wrapper.markdown-fullscreen.markdown-dark-mode .helpers {
  --bg-opacity: 1;
  background-color: hsl(196, 31%, 14%);
  background-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--bg-opacity));
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  border-top-width: 1px;
  --border-opacity: 1;
  border-color: hsl(210, 20%, 10%);
  border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--border-opacity));
}

.markdown-fieldtype-wrapper.markdown-fullscreen.markdown-dark-mode .markdown-buttons button {
  --text-opacity: 1;
  color: hsl(210, 22%, 89%);
  color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity));
}

.markdown-fieldtype-wrapper.markdown-fullscreen.markdown-dark-mode .markdown-buttons button:hover {
  --bg-opacity: 1;
  background-color: hsl(210, 20%, 10%);
  background-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--bg-opacity));
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.markdown-fieldtype-wrapper.markdown-fullscreen.markdown-dark-mode .markdown-modes button {
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
}

.markdown-fieldtype-wrapper.markdown-fullscreen.markdown-dark-mode .markdown-modes button.active {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.markdown-fieldtype-wrapper.markdown-fullscreen.markdown-dark-mode .CodeMirror {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.markdown-fieldtype-wrapper.markdown-fullscreen.markdown-dark-mode [class*="cm-"] {
  color: white !important;
}

.markdown-fieldtype-wrapper.markdown-fullscreen.markdown-dark-mode .CodeMirror-cursor {
  border-left: 2px solid white;
}

.markdown-fieldtype-wrapper.markdown-fullscreen.markdown-dark-mode .markdown-preview {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

/* Read Only
  ========================================================================== */

.markdown-fieldtype.read-only-field .CodeMirror {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
}

/* Inside a Grid fieldtype
  ========================================================================== */

.grid-fieldtype .grid-table .markdown-fieldtype .markdown-fieldtype-wrapper {
  border-width: 1px;
  border-radius: 3px;
}

.grid-fieldtype .grid-table .markdown-fieldtype .markdown-preview {
  border-style: none;
  padding: 8px;
  text-align: left;
}

.grid-fieldtype .grid-table .markdown-fieldtype .markdown-preview p {
  line-height: 1.2;
}

/* Writing Mode Typography
  ========================================================================== */

.markdown-fieldtype .cm-header {
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
}

.markdown-fieldtype .cm-header.cm-header-1 {
  font-size: 18px;
}

.markdown-fieldtype .cm-header.cm-header-2 {
  font-size: 16px;
}

.markdown-fieldtype .cm-header.cm-header-3 {
  font-size: 14px;
}

.markdown-fieldtype .cm-quote {
  --text-opacity: 1;
  color: hsl(198, 32%, 16%);
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity));
  font-style: italic;
  font-size: 14px;
}

/* Preview Mode Typography
  ========================================================================== */

.markdown-preview {
  margin-left: auto;
  margin-right: auto;
  padding: 16px 20px;
  min-height: 167px;
}

.markdown-fieldtype-wrapper.markdown-fullscreen {
  position: fixed;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100vh;
  border-radius: 0;
  padding-top: 52px;
  z-index: 998;
  will-change: transform;
}

.markdown-fieldtype-wrapper.markdown-fullscreen .markdown-toolbar {
  position: fixed;
  top: 0;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
  height: 52px;
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15);
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(180deg, #fff, #f9fafb);
  border-bottom: 1px solid #c4cdd6;
}

.markdown-fieldtype-wrapper.markdown-fullscreen .mode-wrap {
  height: calc(100vh - 88px);
  overflow-y: scroll;
  cursor: text;
}

.markdown-fieldtype-wrapper.markdown-fullscreen .mode-wrap.mode-preview {
  height: calc(100vh - 52px);
}

.markdown-fieldtype-wrapper.markdown-fullscreen .CodeMirror {
  max-width: 60rem;
  background-color: transparent;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 32px;
  box-shadow: none;
  font-size: 16px;
}

.markdown-fieldtype-wrapper.markdown-fullscreen .CodeMirror .CodeMirror-scroll {
  margin: 0;
}

.markdown-fieldtype-wrapper.markdown-fullscreen .markdown-preview {
  max-width: 60rem;
  background-color: transparent;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 32px;
  font-size: 18px;
}

.markdown-fieldtype-wrapper.markdown-fullscreen .helpers {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

/* ==========================================================================
   PARTIAL FIELDTYPE
   ========================================================================== */

.partial-fieldtype.form-group {
  padding: 0;
  margin: 0;
}

.partial-fieldtype > .field-inner {
  padding: 0;
}

.partial-fieldtype > .field-inner > label, .partial-fieldtype > .field-inner > .help-block {
  display: none;
}

.editing-layout .partial-fieldtype.form-group {
  padding: 15px;
}

.editing-layout .partial-fieldtype.form-group > .field-inner > .publish-fields > .form-group {
  padding: 0;
}

/* ==========================================================================
   REPLICATOR FIELDTYPE
   ========================================================================== */

.replicator-set-container {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.replicator-set {
  margin-bottom: 40px;
  box-shadow: rgba(50,50,93,.1) 0 0 0 1px, rgba(50,50,93,.08) 0 2px 5px, rgba(0,0,0,.07) 0 1px 1.5px,rgba(0,0,0,.08) 0 1px 2px 0, transparent 0 0 0 0;
  border-radius: 3px;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  position: relative;
}

.replicator-set-header {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
  border-bottom-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding-right: 12px;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.replicator-set-header.collapsed {
  border-radius: 3px;
  border-bottom-width: 0;
}

.replicator-set-header .sortable-handle {
  width: 1rem;
  border-right-width: 1px;
  border-top-left-radius: 3px;
  padding: 8px;
  cursor: -webkit-grab;
  cursor: grab;
  background: transparent url([object Module]) center center no-repeat;
}

.replicator-set-header .sortable-handle:hover {
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
}

.replicator-set-header img {
  display: inline-block;
}

.replicator-set-header .replicator-set-controls {
  display: flex;
  align-items: center;
}

.replicator-set-header .replicator-set-controls .toggle-sm {
  position: relative;
  bottom: 1px;
}

.replicator-set-body {
  display: flex;
  flex-wrap: wrap;
}

.replicator-set-picker-between {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  margin-bottom: -32px;
}

.replicator-fieldtype {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 0;
  padding-right: 0;
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.replicator-fieldtype > .field-inner {
  margin-left: 24px;
}

.replicator-fieldtype .replicator-fieldtype-container {
  padding-left: 24px;
  padding-right: 24px;
}

.section-fieldtype ~ .replicator-fieldtype {
  border-top: 0;
}

/* ==========================================================================
   REVEALER FIELDTYPE
   ========================================================================== */

.revealer-fieldtype {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.revealer-fieldtype label, .revealer-fieldtype .help-block {
  display: none !important;
}

.revealer-fieldtype .btn, .revealer-fieldtype .btn-dropdown {
  margin-bottom: 32px;
}

/* ==========================================================================
   SECTION FIELDTYPE
   ========================================================================== */

.section-fieldtype {
  border-top-width: 1px;
  border-bottom-width: 1px;
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
  top: -1px;
}

.section-fieldtype.form-group {
  position: relative;
}

.section-fieldtype.form-group:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top-width: 0;
}

.section-fieldtype.form-group .field-inner > label {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  margin-top: 8px;
}

.section-fieldtype .help-block {
  margin-bottom: 0;
}

.section-fieldtype .help-block p {
  margin: 0;
}

.section-fieldtype .read-only-overlay {
  display: none;
}

/* ==========================================================================
   Table Fieldtype
   ========================================================================== */

.table-fieldtype-table {
  width: 100%;
  text-align: left;
  border-width: 1px;
  --text-opacity: 1;
  color: hsl(210, 10%, 50%);
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity));
  position: relative;
  margin-bottom: 16px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03);
  border-radius: 3px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.table-fieldtype-table thead th {
  font-weight: 500;
  border-right-width: 1px;
  padding: 8px;
  border-bottom-width: 1px;
  z-index: 10;
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
  --text-opacity: 1;
  color: hsl(196, 31%, 14%);
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity));
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.14em;
  display: table-cell;
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
}

.table-fieldtype-table thead th:first-child {
  border-top-left-radius: 3px;
  padding-left: 12px;
}

.table-fieldtype-table thead th:last-child {
  border-top-right-radius: 3px;
  border-right-width: 0;
}

.table-fieldtype-table thead th.grid-drag-handle-header {
  width: 0.75rem;
}

.table-fieldtype-table .input-text, .table-fieldtype-table input.slug:hover, .table-fieldtype-table input.slug:focus {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-style: none;
  border-radius: 0;
  box-shadow: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
  font-size: 14px;
}

.table-fieldtype-table .input-text:focus, .table-fieldtype-table input.slug:focus {
  box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05);
  --bg-opacity: 1;
  background-color: hsl(218, 90%, 99%);
  background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity));
}

.table-fieldtype-table tbody {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.table-fieldtype-table tbody tr {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.table-fieldtype-table tbody td {
  border-bottom-width: 1px;
  border-right-width: 1px;
  padding: 0;
}

.table-fieldtype-table tbody td:first-child.grid-cell {
  padding-left: 12px;
}

.table-fieldtype-table tbody td:last-child {
  border-right-width: 0;
}

.table-fieldtype-table tbody td.table-drag-handle {
  width: 0.75rem;
  border-right-width: 1px;
  height: 100%;
  padding: 8px;
  cursor: -webkit-grab;
  cursor: grab;
  background: hsl(214, 60%, 97.5%) url([object Module]) center center no-repeat;
}

.table-fieldtype-table tbody td.table-drag-handle:hover {
  --bg-opacity: 1;
  background-color: hsl(210, 30%, 95%);
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity));
}

.table-fieldtype-table tbody tr:last-child td {
  border-bottom-width: 0;
}

.table-fieldtype-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 3px;
}

.table-fieldtype-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 3px;
}

.table-fieldtype-table tbody tr.draggable-source--is-dragging td {
  --bg-opacity: 1;
  background-color: hsl(218, 90%, 99%);
  background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity));
}

.table-fieldtype-table tbody .draggable-mirror {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-top-width: 1px;
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15);
}

.table-fieldtype-table .row-controls {
  width: 2rem;
  padding-left: 0;
  text-align: center;
  vertical-align: center;
}

/* ==========================================================================
   TAGS FIELDTYPE
   ========================================================================== */

.tags-fieldtype .vs__dropdown-menu {
  display: none !important;
}

.tags-fieldtype .vs__open-indicator {
  display: none !important;
}

/* ==========================================================================
   TEXTAREA FIELDTYPE
   ========================================================================== */

.textarea-fieldtype textarea {
  padding: 16px;
  min-height: 80px;
}

/* Inside a Grid
  ========================================================================== */

.grid-fieldtype .textarea-fieldtype textarea {
  padding: 8px;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.video-fieldtype-container {
  --bg-opacity: 1;
  background-color: hsl(214, 60%, 97.5%);
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity));
  padding: 16px;
  border-width: 1px;
  border-radius: 3px;
}

.video-fieldtype .video-preview-wrapper {
  margin-top: 16px;
}

.video-fieldtype .video-preview {
  position: relative;
  padding: 25px 0 56.25%;
  height: 0;
}

.video-fieldtype .video-preview iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-fieldtype .video-preview video {
  width: 100% !important;
  height: auto !important;
}

/* ==========================================================================
   YAML FIELDTYPE
   ========================================================================== */

.yaml-fieldtype-wrapper {
  position: relative;
}

.yaml-fieldtype-wrapper > span {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  border: 1px solid #e0e0e0;
  padding: 2px 5px;
  font-size: 11px;
  text-transform: uppercase;
  color: #ccc;
  text-shadow: 0 1px 0 white;
  border-radius: 0 3px 0 0;
}

.yaml-fieldtype-wrapper .editor {
  border: 1px solid #e0e0e0;
  font-family: "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace";
  border-radius: 3px;
}

.yaml-fieldtype-wrapper .editor .CodeMirror {
  box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05);
  height: auto;
}

.yaml-fieldtype-wrapper .editor .CodeMirror-code {
  min-height: 100px;
}

/* Inside a Grid field
  ========================================================================== */

.grid-fieldtype .yaml-fieldtype-wrapper > span {
  border-top: 0;
  border-right: 0;
}

.grid-fieldtype .yaml-fieldtype-wrapper .editor {
  border: none;
  border-radius: 0;
}

.grid-fieldtype .yaml-fieldtype-wrapper .editor .CodeMirror {
  box-shadow: none;
}

.space-y-0 > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(0px * var(--space-y-reverse)) !important;
}

.space-x-0 > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(0px * var(--space-x-reverse)) !important;
  margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-1 > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(8px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(8px * var(--space-y-reverse)) !important;
}

.space-x-1 > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(8px * var(--space-x-reverse)) !important;
  margin-left: calc(8px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-2 > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(16px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(16px * var(--space-y-reverse)) !important;
}

.space-x-2 > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(16px * var(--space-x-reverse)) !important;
  margin-left: calc(16px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-3 > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(24px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(24px * var(--space-y-reverse)) !important;
}

.space-x-3 > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(24px * var(--space-x-reverse)) !important;
  margin-left: calc(24px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-4 > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(32px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(32px * var(--space-y-reverse)) !important;
}

.space-x-4 > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(32px * var(--space-x-reverse)) !important;
  margin-left: calc(32px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-5 > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(40px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(40px * var(--space-y-reverse)) !important;
}

.space-x-5 > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(40px * var(--space-x-reverse)) !important;
  margin-left: calc(40px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-6 > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(64px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(64px * var(--space-y-reverse)) !important;
}

.space-x-6 > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(64px * var(--space-x-reverse)) !important;
  margin-left: calc(64px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-7 > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(80px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(80px * var(--space-y-reverse)) !important;
}

.space-x-7 > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(80px * var(--space-x-reverse)) !important;
  margin-left: calc(80px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-8 > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(120px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(120px * var(--space-y-reverse)) !important;
}

.space-x-8 > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(120px * var(--space-x-reverse)) !important;
  margin-left: calc(120px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-px > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(1px * var(--space-y-reverse)) !important;
}

.space-x-px > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(1px * var(--space-x-reverse)) !important;
  margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-sm > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(4px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(4px * var(--space-y-reverse)) !important;
}

.space-x-sm > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(4px * var(--space-x-reverse)) !important;
  margin-left: calc(4px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-1\.5 > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(12px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(12px * var(--space-y-reverse)) !important;
}

.space-x-1\.5 > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(12px * var(--space-x-reverse)) !important;
  margin-left: calc(12px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-1 > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(-8px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-8px * var(--space-y-reverse)) !important;
}

.-space-x-1 > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(-8px * var(--space-x-reverse)) !important;
  margin-left: calc(-8px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-2 > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(-16px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-16px * var(--space-y-reverse)) !important;
}

.-space-x-2 > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(-16px * var(--space-x-reverse)) !important;
  margin-left: calc(-16px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-3 > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(-24px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-24px * var(--space-y-reverse)) !important;
}

.-space-x-3 > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(-24px * var(--space-x-reverse)) !important;
  margin-left: calc(-24px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-4 > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(-32px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-32px * var(--space-y-reverse)) !important;
}

.-space-x-4 > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(-32px * var(--space-x-reverse)) !important;
  margin-left: calc(-32px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-5 > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(-40px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-40px * var(--space-y-reverse)) !important;
}

.-space-x-5 > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(-40px * var(--space-x-reverse)) !important;
  margin-left: calc(-40px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-6 > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(-64px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-64px * var(--space-y-reverse)) !important;
}

.-space-x-6 > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(-64px * var(--space-x-reverse)) !important;
  margin-left: calc(-64px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-7 > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(-80px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-80px * var(--space-y-reverse)) !important;
}

.-space-x-7 > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(-80px * var(--space-x-reverse)) !important;
  margin-left: calc(-80px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-8 > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(-120px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-120px * var(--space-y-reverse)) !important;
}

.-space-x-8 > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(-120px * var(--space-x-reverse)) !important;
  margin-left: calc(-120px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-px > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-1px * var(--space-y-reverse)) !important;
}

.-space-x-px > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(-1px * var(--space-x-reverse)) !important;
  margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-sm > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(-4px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-4px * var(--space-y-reverse)) !important;
}

.-space-x-sm > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(-4px * var(--space-x-reverse)) !important;
  margin-left: calc(-4px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-1\.5 > :not(template) ~ :not(template) {
  --space-y-reverse: 0 !important;
  margin-top: calc(-12px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-12px * var(--space-y-reverse)) !important;
}

.-space-x-1\.5 > :not(template) ~ :not(template) {
  --space-x-reverse: 0 !important;
  margin-right: calc(-12px * var(--space-x-reverse)) !important;
  margin-left: calc(-12px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-reverse > :not(template) ~ :not(template) {
  --space-y-reverse: 1 !important;
}

.space-x-reverse > :not(template) ~ :not(template) {
  --space-x-reverse: 1 !important;
}

.divide-y-0 > :not(template) ~ :not(template) {
  --divide-y-reverse: 0 !important;
  border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important;
  border-bottom-width: calc(0px * var(--divide-y-reverse)) !important;
}

.divide-x-0 > :not(template) ~ :not(template) {
  --divide-x-reverse: 0 !important;
  border-right-width: calc(0px * var(--divide-x-reverse)) !important;
  border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important;
}

.divide-y-2 > :not(template) ~ :not(template) {
  --divide-y-reverse: 0 !important;
  border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important;
  border-bottom-width: calc(2px * var(--divide-y-reverse)) !important;
}

.divide-x-2 > :not(template) ~ :not(template) {
  --divide-x-reverse: 0 !important;
  border-right-width: calc(2px * var(--divide-x-reverse)) !important;
  border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important;
}

.divide-y-3 > :not(template) ~ :not(template) {
  --divide-y-reverse: 0 !important;
  border-top-width: calc(3px * calc(1 - var(--divide-y-reverse))) !important;
  border-bottom-width: calc(3px * var(--divide-y-reverse)) !important;
}

.divide-x-3 > :not(template) ~ :not(template) {
  --divide-x-reverse: 0 !important;
  border-right-width: calc(3px * var(--divide-x-reverse)) !important;
  border-left-width: calc(3px * calc(1 - var(--divide-x-reverse))) !important;
}

.divide-y-4 > :not(template) ~ :not(template) {
  --divide-y-reverse: 0 !important;
  border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important;
  border-bottom-width: calc(4px * var(--divide-y-reverse)) !important;
}

.divide-x-4 > :not(template) ~ :not(template) {
  --divide-x-reverse: 0 !important;
  border-right-width: calc(4px * var(--divide-x-reverse)) !important;
  border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important;
}

.divide-y-6 > :not(template) ~ :not(template) {
  --divide-y-reverse: 0 !important;
  border-top-width: calc(6px * calc(1 - var(--divide-y-reverse))) !important;
  border-bottom-width: calc(6px * var(--divide-y-reverse)) !important;
}

.divide-x-6 > :not(template) ~ :not(template) {
  --divide-x-reverse: 0 !important;
  border-right-width: calc(6px * var(--divide-x-reverse)) !important;
  border-left-width: calc(6px * calc(1 - var(--divide-x-reverse))) !important;
}

.divide-y-8 > :not(template) ~ :not(template) {
  --divide-y-reverse: 0 !important;
  border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important;
  border-bottom-width: calc(8px * var(--divide-y-reverse)) !important;
}

.divide-x-8 > :not(template) ~ :not(template) {
  --divide-x-reverse: 0 !important;
  border-right-width: calc(8px * var(--divide-x-reverse)) !important;
  border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important;
}

.divide-y > :not(template) ~ :not(template) {
  --divide-y-reverse: 0 !important;
  border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important;
  border-bottom-width: calc(1px * var(--divide-y-reverse)) !important;
}

.divide-x > :not(template) ~ :not(template) {
  --divide-x-reverse: 0 !important;
  border-right-width: calc(1px * var(--divide-x-reverse)) !important;
  border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important;
}

.divide-y-reverse > :not(template) ~ :not(template) {
  --divide-y-reverse: 1 !important;
}

.divide-x-reverse > :not(template) ~ :not(template) {
  --divide-x-reverse: 1 !important;
}

.divide-transparent > :not(template) ~ :not(template) {
  border-color: transparent !important;
}

.divide-black > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: #000000 !important;
  border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
}

.divide-grey-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(210, 20%, 10%) !important;
  border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--divide-opacity)) !important;
}

.divide-grey > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(210, 10%, 50%) !important;
  border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--divide-opacity)) !important;
}

.divide-grey-90 > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(196, 31%, 14%) !important;
  border-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--divide-opacity)) !important;
}

.divide-grey-80 > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(198, 32%, 16%) !important;
  border-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--divide-opacity)) !important;
}

.divide-grey-70 > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(210, 10%, 50%) !important;
  border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--divide-opacity)) !important;
}

.divide-grey-60 > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(210, 15%, 70%) !important;
  border-color: rgba(167.02499999999998, 178.5, 189.975, var(--divide-opacity)) !important;
}

.divide-grey-50 > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(210, 15%, 80%) !important;
  border-color: rgba(196.35, 204, 211.65, var(--divide-opacity)) !important;
}

.divide-grey-40 > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(210, 22%, 89%) !important;
  border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--divide-opacity)) !important;
}

.divide-grey-30 > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(210, 30%, 95%) !important;
  border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--divide-opacity)) !important;
}

.divide-grey-20 > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(214, 60%, 97.5%) !important;
  border-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--divide-opacity)) !important;
}

.divide-grey-10 > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(218, 90%, 99%) !important;
  border-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--divide-opacity)) !important;
}

.divide-white > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: #ffffff !important;
  border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
}

.divide-green > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: #479967 !important;
  border-color: rgba(71, 153, 103, var(--divide-opacity)) !important;
}

.divide-green-light > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: #64BD63 !important;
  border-color: rgba(100, 189, 99, var(--divide-opacity)) !important;
}

.divide-blue-lighter > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(207, 86%, 70%) !important;
  border-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--divide-opacity)) !important;
}

.divide-blue-light > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(210, 100%, 75%) !important;
  border-color: rgba(127.5, 191.24999999999994, 255, var(--divide-opacity)) !important;
}

.divide-blue > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(200, 80%, 50%) !important;
  border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--divide-opacity)) !important;
}

.divide-blue-dark > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(200, 75%, 45%) !important;
  border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--divide-opacity)) !important;
}

.divide-blue-darker > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(200, 75%, 40%) !important;
  border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--divide-opacity)) !important;
}

.divide-blue-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: #eaf5ff !important;
  border-color: rgba(234, 245, 255, var(--divide-opacity)) !important;
}

.divide-blue-200 > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: #abd9ff !important;
  border-color: rgba(171, 217, 255, var(--divide-opacity)) !important;
}

.divide-blue-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: #82c5ff !important;
  border-color: rgba(130, 197, 255, var(--divide-opacity)) !important;
}

.divide-blue-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: #43a9ff !important;
  border-color: rgba(67, 169, 255, var(--divide-opacity)) !important;
}

.divide-blue-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: #2e9fff !important;
  border-color: rgba(46, 159, 255, var(--divide-opacity)) !important;
}

.divide-blue-600 > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: #298fe6 !important;
  border-color: rgba(41, 143, 230, var(--divide-opacity)) !important;
}

.divide-blue-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: #257fcc !important;
  border-color: rgba(37, 127, 204, var(--divide-opacity)) !important;
}

.divide-blue-800 > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: #206fb3 !important;
  border-color: rgba(32, 111, 179, var(--divide-opacity)) !important;
}

.divide-blue-900 > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: #175080 !important;
  border-color: rgba(23, 80, 128, var(--divide-opacity)) !important;
}

.divide-red-dark > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(2, 57%, 53%) !important;
  border-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--divide-opacity)) !important;
}

.divide-red > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(2, 76%, 60%) !important;
  border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--divide-opacity)) !important;
}

.divide-red-light > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(2, 76%, 70%) !important;
  border-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--divide-opacity)) !important;
}

.divide-red-lighter > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(2, 76%, 95%) !important;
  border-color: rgba(251.94, 233.206, 232.55999999999997, var(--divide-opacity)) !important;
}

.divide-yellow > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: #fbfab0 !important;
  border-color: rgba(251, 250, 176, var(--divide-opacity)) !important;
}

.divide-yellow-dark > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: #d8cd1b !important;
  border-color: rgba(216, 205, 27, var(--divide-opacity)) !important;
}

.divide-orange > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: #f5a82f !important;
  border-color: rgba(245, 168, 47, var(--divide-opacity)) !important;
}

.divide-pink > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: #ff269e !important;
  border-color: rgba(255, 38, 158, var(--divide-opacity)) !important;
}

.divide-purple > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: #c471ed !important;
  border-color: rgba(196, 113, 237, var(--divide-opacity)) !important;
}

.divide-darken-10 > :not(template) ~ :not(template) {
  border-color: rgba(0,0,0,.1) !important;
}

.divide-darken-20 > :not(template) ~ :not(template) {
  border-color: rgba(0,0,0,.2) !important;
}

.divide-primary > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
  border-color: hsl(200, 80%, 50%) !important;
  border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--divide-opacity)) !important;
}

.divide-solid > :not(template) ~ :not(template) {
  border-style: solid !important;
}

.divide-dashed > :not(template) ~ :not(template) {
  border-style: dashed !important;
}

.divide-dotted > :not(template) ~ :not(template) {
  border-style: dotted !important;
}

.divide-double > :not(template) ~ :not(template) {
  border-style: double !important;
}

.divide-none > :not(template) ~ :not(template) {
  border-style: none !important;
}

.divide-opacity-0 > :not(template) ~ :not(template) {
  --divide-opacity: 0 !important;
}

.divide-opacity-25 > :not(template) ~ :not(template) {
  --divide-opacity: 0.25 !important;
}

.divide-opacity-50 > :not(template) ~ :not(template) {
  --divide-opacity: 0.5 !important;
}

.divide-opacity-75 > :not(template) ~ :not(template) {
  --divide-opacity: 0.75 !important;
}

.divide-opacity-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1 !important;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}

.not-sr-only {
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.focus\:sr-only:focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}

.focus\:not-sr-only:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.appearance-none {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}

.bg-fixed {
  background-attachment: fixed !important;
}

.bg-local {
  background-attachment: local !important;
}

.bg-scroll {
  background-attachment: scroll !important;
}

.bg-clip-border {
  background-clip: border-box !important;
}

.bg-clip-padding {
  background-clip: padding-box !important;
}

.bg-clip-content {
  background-clip: content-box !important;
}

.bg-clip-text {
  -webkit-background-clip: text !important;
          background-clip: text !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-black {
  --bg-opacity: 1 !important;
  background-color: #000000 !important;
  background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}

.bg-grey-100 {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 20%, 10%) !important;
  background-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--bg-opacity)) !important;
}

.bg-grey {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 10%, 50%) !important;
  background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
}

.bg-grey-90 {
  --bg-opacity: 1 !important;
  background-color: hsl(196, 31%, 14%) !important;
  background-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--bg-opacity)) !important;
}

.bg-grey-80 {
  --bg-opacity: 1 !important;
  background-color: hsl(198, 32%, 16%) !important;
  background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity)) !important;
}

.bg-grey-70 {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 10%, 50%) !important;
  background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
}

.bg-grey-60 {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 15%, 70%) !important;
  background-color: rgba(167.02499999999998, 178.5, 189.975, var(--bg-opacity)) !important;
}

.bg-grey-50 {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 15%, 80%) !important;
  background-color: rgba(196.35, 204, 211.65, var(--bg-opacity)) !important;
}

.bg-grey-40 {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 22%, 89%) !important;
  background-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--bg-opacity)) !important;
}

.bg-grey-30 {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 30%, 95%) !important;
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity)) !important;
}

.bg-grey-20 {
  --bg-opacity: 1 !important;
  background-color: hsl(214, 60%, 97.5%) !important;
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity)) !important;
}

.bg-grey-10 {
  --bg-opacity: 1 !important;
  background-color: hsl(218, 90%, 99%) !important;
  background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity)) !important;
}

.bg-white {
  --bg-opacity: 1 !important;
  background-color: #ffffff !important;
  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}

.bg-green {
  --bg-opacity: 1 !important;
  background-color: #479967 !important;
  background-color: rgba(71, 153, 103, var(--bg-opacity)) !important;
}

.bg-green-light {
  --bg-opacity: 1 !important;
  background-color: #64BD63 !important;
  background-color: rgba(100, 189, 99, var(--bg-opacity)) !important;
}

.bg-blue-lighter {
  --bg-opacity: 1 !important;
  background-color: hsl(207, 86%, 70%) !important;
  background-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--bg-opacity)) !important;
}

.bg-blue-light {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 100%, 75%) !important;
  background-color: rgba(127.5, 191.24999999999994, 255, var(--bg-opacity)) !important;
}

.bg-blue {
  --bg-opacity: 1 !important;
  background-color: hsl(200, 80%, 50%) !important;
  background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
}

.bg-blue-dark {
  --bg-opacity: 1 !important;
  background-color: hsl(200, 75%, 45%) !important;
  background-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--bg-opacity)) !important;
}

.bg-blue-darker {
  --bg-opacity: 1 !important;
  background-color: hsl(200, 75%, 40%) !important;
  background-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--bg-opacity)) !important;
}

.bg-blue-100 {
  --bg-opacity: 1 !important;
  background-color: #eaf5ff !important;
  background-color: rgba(234, 245, 255, var(--bg-opacity)) !important;
}

.bg-blue-200 {
  --bg-opacity: 1 !important;
  background-color: #abd9ff !important;
  background-color: rgba(171, 217, 255, var(--bg-opacity)) !important;
}

.bg-blue-300 {
  --bg-opacity: 1 !important;
  background-color: #82c5ff !important;
  background-color: rgba(130, 197, 255, var(--bg-opacity)) !important;
}

.bg-blue-400 {
  --bg-opacity: 1 !important;
  background-color: #43a9ff !important;
  background-color: rgba(67, 169, 255, var(--bg-opacity)) !important;
}

.bg-blue-500 {
  --bg-opacity: 1 !important;
  background-color: #2e9fff !important;
  background-color: rgba(46, 159, 255, var(--bg-opacity)) !important;
}

.bg-blue-600 {
  --bg-opacity: 1 !important;
  background-color: #298fe6 !important;
  background-color: rgba(41, 143, 230, var(--bg-opacity)) !important;
}

.bg-blue-700 {
  --bg-opacity: 1 !important;
  background-color: #257fcc !important;
  background-color: rgba(37, 127, 204, var(--bg-opacity)) !important;
}

.bg-blue-800 {
  --bg-opacity: 1 !important;
  background-color: #206fb3 !important;
  background-color: rgba(32, 111, 179, var(--bg-opacity)) !important;
}

.bg-blue-900 {
  --bg-opacity: 1 !important;
  background-color: #175080 !important;
  background-color: rgba(23, 80, 128, var(--bg-opacity)) !important;
}

.bg-red-dark {
  --bg-opacity: 1 !important;
  background-color: hsl(2, 57%, 53%) !important;
  background-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--bg-opacity)) !important;
}

.bg-red {
  --bg-opacity: 1 !important;
  background-color: hsl(2, 76%, 60%) !important;
  background-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--bg-opacity)) !important;
}

.bg-red-light {
  --bg-opacity: 1 !important;
  background-color: hsl(2, 76%, 70%) !important;
  background-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--bg-opacity)) !important;
}

.bg-red-lighter {
  --bg-opacity: 1 !important;
  background-color: hsl(2, 76%, 95%) !important;
  background-color: rgba(251.94, 233.206, 232.55999999999997, var(--bg-opacity)) !important;
}

.bg-yellow {
  --bg-opacity: 1 !important;
  background-color: #fbfab0 !important;
  background-color: rgba(251, 250, 176, var(--bg-opacity)) !important;
}

.bg-yellow-dark {
  --bg-opacity: 1 !important;
  background-color: #d8cd1b !important;
  background-color: rgba(216, 205, 27, var(--bg-opacity)) !important;
}

.bg-orange {
  --bg-opacity: 1 !important;
  background-color: #f5a82f !important;
  background-color: rgba(245, 168, 47, var(--bg-opacity)) !important;
}

.bg-pink {
  --bg-opacity: 1 !important;
  background-color: #ff269e !important;
  background-color: rgba(255, 38, 158, var(--bg-opacity)) !important;
}

.bg-purple {
  --bg-opacity: 1 !important;
  background-color: #c471ed !important;
  background-color: rgba(196, 113, 237, var(--bg-opacity)) !important;
}

.bg-darken-10 {
  background-color: rgba(0,0,0,.1) !important;
}

.bg-darken-20 {
  background-color: rgba(0,0,0,.2) !important;
}

.bg-primary {
  --bg-opacity: 1 !important;
  background-color: hsl(200, 80%, 50%) !important;
  background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
}

.hover\:bg-transparent:hover {
  background-color: transparent !important;
}

.hover\:bg-black:hover {
  --bg-opacity: 1 !important;
  background-color: #000000 !important;
  background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}

.hover\:bg-grey-100:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 20%, 10%) !important;
  background-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--bg-opacity)) !important;
}

.hover\:bg-grey:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 10%, 50%) !important;
  background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
}

.hover\:bg-grey-90:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(196, 31%, 14%) !important;
  background-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--bg-opacity)) !important;
}

.hover\:bg-grey-80:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(198, 32%, 16%) !important;
  background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity)) !important;
}

.hover\:bg-grey-70:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 10%, 50%) !important;
  background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
}

.hover\:bg-grey-60:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 15%, 70%) !important;
  background-color: rgba(167.02499999999998, 178.5, 189.975, var(--bg-opacity)) !important;
}

.hover\:bg-grey-50:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 15%, 80%) !important;
  background-color: rgba(196.35, 204, 211.65, var(--bg-opacity)) !important;
}

.hover\:bg-grey-40:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 22%, 89%) !important;
  background-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--bg-opacity)) !important;
}

.hover\:bg-grey-30:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 30%, 95%) !important;
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity)) !important;
}

.hover\:bg-grey-20:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(214, 60%, 97.5%) !important;
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity)) !important;
}

.hover\:bg-grey-10:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(218, 90%, 99%) !important;
  background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity)) !important;
}

.hover\:bg-white:hover {
  --bg-opacity: 1 !important;
  background-color: #ffffff !important;
  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}

.hover\:bg-green:hover {
  --bg-opacity: 1 !important;
  background-color: #479967 !important;
  background-color: rgba(71, 153, 103, var(--bg-opacity)) !important;
}

.hover\:bg-green-light:hover {
  --bg-opacity: 1 !important;
  background-color: #64BD63 !important;
  background-color: rgba(100, 189, 99, var(--bg-opacity)) !important;
}

.hover\:bg-blue-lighter:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(207, 86%, 70%) !important;
  background-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--bg-opacity)) !important;
}

.hover\:bg-blue-light:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 100%, 75%) !important;
  background-color: rgba(127.5, 191.24999999999994, 255, var(--bg-opacity)) !important;
}

.hover\:bg-blue:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(200, 80%, 50%) !important;
  background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
}

.hover\:bg-blue-dark:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(200, 75%, 45%) !important;
  background-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--bg-opacity)) !important;
}

.hover\:bg-blue-darker:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(200, 75%, 40%) !important;
  background-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--bg-opacity)) !important;
}

.hover\:bg-blue-100:hover {
  --bg-opacity: 1 !important;
  background-color: #eaf5ff !important;
  background-color: rgba(234, 245, 255, var(--bg-opacity)) !important;
}

.hover\:bg-blue-200:hover {
  --bg-opacity: 1 !important;
  background-color: #abd9ff !important;
  background-color: rgba(171, 217, 255, var(--bg-opacity)) !important;
}

.hover\:bg-blue-300:hover {
  --bg-opacity: 1 !important;
  background-color: #82c5ff !important;
  background-color: rgba(130, 197, 255, var(--bg-opacity)) !important;
}

.hover\:bg-blue-400:hover {
  --bg-opacity: 1 !important;
  background-color: #43a9ff !important;
  background-color: rgba(67, 169, 255, var(--bg-opacity)) !important;
}

.hover\:bg-blue-500:hover {
  --bg-opacity: 1 !important;
  background-color: #2e9fff !important;
  background-color: rgba(46, 159, 255, var(--bg-opacity)) !important;
}

.hover\:bg-blue-600:hover {
  --bg-opacity: 1 !important;
  background-color: #298fe6 !important;
  background-color: rgba(41, 143, 230, var(--bg-opacity)) !important;
}

.hover\:bg-blue-700:hover {
  --bg-opacity: 1 !important;
  background-color: #257fcc !important;
  background-color: rgba(37, 127, 204, var(--bg-opacity)) !important;
}

.hover\:bg-blue-800:hover {
  --bg-opacity: 1 !important;
  background-color: #206fb3 !important;
  background-color: rgba(32, 111, 179, var(--bg-opacity)) !important;
}

.hover\:bg-blue-900:hover {
  --bg-opacity: 1 !important;
  background-color: #175080 !important;
  background-color: rgba(23, 80, 128, var(--bg-opacity)) !important;
}

.hover\:bg-red-dark:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(2, 57%, 53%) !important;
  background-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--bg-opacity)) !important;
}

.hover\:bg-red:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(2, 76%, 60%) !important;
  background-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--bg-opacity)) !important;
}

.hover\:bg-red-light:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(2, 76%, 70%) !important;
  background-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--bg-opacity)) !important;
}

.hover\:bg-red-lighter:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(2, 76%, 95%) !important;
  background-color: rgba(251.94, 233.206, 232.55999999999997, var(--bg-opacity)) !important;
}

.hover\:bg-yellow:hover {
  --bg-opacity: 1 !important;
  background-color: #fbfab0 !important;
  background-color: rgba(251, 250, 176, var(--bg-opacity)) !important;
}

.hover\:bg-yellow-dark:hover {
  --bg-opacity: 1 !important;
  background-color: #d8cd1b !important;
  background-color: rgba(216, 205, 27, var(--bg-opacity)) !important;
}

.hover\:bg-orange:hover {
  --bg-opacity: 1 !important;
  background-color: #f5a82f !important;
  background-color: rgba(245, 168, 47, var(--bg-opacity)) !important;
}

.hover\:bg-pink:hover {
  --bg-opacity: 1 !important;
  background-color: #ff269e !important;
  background-color: rgba(255, 38, 158, var(--bg-opacity)) !important;
}

.hover\:bg-purple:hover {
  --bg-opacity: 1 !important;
  background-color: #c471ed !important;
  background-color: rgba(196, 113, 237, var(--bg-opacity)) !important;
}

.hover\:bg-darken-10:hover {
  background-color: rgba(0,0,0,.1) !important;
}

.hover\:bg-darken-20:hover {
  background-color: rgba(0,0,0,.2) !important;
}

.hover\:bg-primary:hover {
  --bg-opacity: 1 !important;
  background-color: hsl(200, 80%, 50%) !important;
  background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
}

.focus\:bg-transparent:focus {
  background-color: transparent !important;
}

.focus\:bg-black:focus {
  --bg-opacity: 1 !important;
  background-color: #000000 !important;
  background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}

.focus\:bg-grey-100:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 20%, 10%) !important;
  background-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--bg-opacity)) !important;
}

.focus\:bg-grey:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 10%, 50%) !important;
  background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
}

.focus\:bg-grey-90:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(196, 31%, 14%) !important;
  background-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--bg-opacity)) !important;
}

.focus\:bg-grey-80:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(198, 32%, 16%) !important;
  background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity)) !important;
}

.focus\:bg-grey-70:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 10%, 50%) !important;
  background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
}

.focus\:bg-grey-60:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 15%, 70%) !important;
  background-color: rgba(167.02499999999998, 178.5, 189.975, var(--bg-opacity)) !important;
}

.focus\:bg-grey-50:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 15%, 80%) !important;
  background-color: rgba(196.35, 204, 211.65, var(--bg-opacity)) !important;
}

.focus\:bg-grey-40:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 22%, 89%) !important;
  background-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--bg-opacity)) !important;
}

.focus\:bg-grey-30:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 30%, 95%) !important;
  background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity)) !important;
}

.focus\:bg-grey-20:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(214, 60%, 97.5%) !important;
  background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity)) !important;
}

.focus\:bg-grey-10:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(218, 90%, 99%) !important;
  background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity)) !important;
}

.focus\:bg-white:focus {
  --bg-opacity: 1 !important;
  background-color: #ffffff !important;
  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}

.focus\:bg-green:focus {
  --bg-opacity: 1 !important;
  background-color: #479967 !important;
  background-color: rgba(71, 153, 103, var(--bg-opacity)) !important;
}

.focus\:bg-green-light:focus {
  --bg-opacity: 1 !important;
  background-color: #64BD63 !important;
  background-color: rgba(100, 189, 99, var(--bg-opacity)) !important;
}

.focus\:bg-blue-lighter:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(207, 86%, 70%) !important;
  background-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--bg-opacity)) !important;
}

.focus\:bg-blue-light:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(210, 100%, 75%) !important;
  background-color: rgba(127.5, 191.24999999999994, 255, var(--bg-opacity)) !important;
}

.focus\:bg-blue:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(200, 80%, 50%) !important;
  background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
}

.focus\:bg-blue-dark:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(200, 75%, 45%) !important;
  background-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--bg-opacity)) !important;
}

.focus\:bg-blue-darker:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(200, 75%, 40%) !important;
  background-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--bg-opacity)) !important;
}

.focus\:bg-blue-100:focus {
  --bg-opacity: 1 !important;
  background-color: #eaf5ff !important;
  background-color: rgba(234, 245, 255, var(--bg-opacity)) !important;
}

.focus\:bg-blue-200:focus {
  --bg-opacity: 1 !important;
  background-color: #abd9ff !important;
  background-color: rgba(171, 217, 255, var(--bg-opacity)) !important;
}

.focus\:bg-blue-300:focus {
  --bg-opacity: 1 !important;
  background-color: #82c5ff !important;
  background-color: rgba(130, 197, 255, var(--bg-opacity)) !important;
}

.focus\:bg-blue-400:focus {
  --bg-opacity: 1 !important;
  background-color: #43a9ff !important;
  background-color: rgba(67, 169, 255, var(--bg-opacity)) !important;
}

.focus\:bg-blue-500:focus {
  --bg-opacity: 1 !important;
  background-color: #2e9fff !important;
  background-color: rgba(46, 159, 255, var(--bg-opacity)) !important;
}

.focus\:bg-blue-600:focus {
  --bg-opacity: 1 !important;
  background-color: #298fe6 !important;
  background-color: rgba(41, 143, 230, var(--bg-opacity)) !important;
}

.focus\:bg-blue-700:focus {
  --bg-opacity: 1 !important;
  background-color: #257fcc !important;
  background-color: rgba(37, 127, 204, var(--bg-opacity)) !important;
}

.focus\:bg-blue-800:focus {
  --bg-opacity: 1 !important;
  background-color: #206fb3 !important;
  background-color: rgba(32, 111, 179, var(--bg-opacity)) !important;
}

.focus\:bg-blue-900:focus {
  --bg-opacity: 1 !important;
  background-color: #175080 !important;
  background-color: rgba(23, 80, 128, var(--bg-opacity)) !important;
}

.focus\:bg-red-dark:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(2, 57%, 53%) !important;
  background-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--bg-opacity)) !important;
}

.focus\:bg-red:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(2, 76%, 60%) !important;
  background-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--bg-opacity)) !important;
}

.focus\:bg-red-light:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(2, 76%, 70%) !important;
  background-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--bg-opacity)) !important;
}

.focus\:bg-red-lighter:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(2, 76%, 95%) !important;
  background-color: rgba(251.94, 233.206, 232.55999999999997, var(--bg-opacity)) !important;
}

.focus\:bg-yellow:focus {
  --bg-opacity: 1 !important;
  background-color: #fbfab0 !important;
  background-color: rgba(251, 250, 176, var(--bg-opacity)) !important;
}

.focus\:bg-yellow-dark:focus {
  --bg-opacity: 1 !important;
  background-color: #d8cd1b !important;
  background-color: rgba(216, 205, 27, var(--bg-opacity)) !important;
}

.focus\:bg-orange:focus {
  --bg-opacity: 1 !important;
  background-color: #f5a82f !important;
  background-color: rgba(245, 168, 47, var(--bg-opacity)) !important;
}

.focus\:bg-pink:focus {
  --bg-opacity: 1 !important;
  background-color: #ff269e !important;
  background-color: rgba(255, 38, 158, var(--bg-opacity)) !important;
}

.focus\:bg-purple:focus {
  --bg-opacity: 1 !important;
  background-color: #c471ed !important;
  background-color: rgba(196, 113, 237, var(--bg-opacity)) !important;
}

.focus\:bg-darken-10:focus {
  background-color: rgba(0,0,0,.1) !important;
}

.focus\:bg-darken-20:focus {
  background-color: rgba(0,0,0,.2) !important;
}

.focus\:bg-primary:focus {
  --bg-opacity: 1 !important;
  background-color: hsl(200, 80%, 50%) !important;
  background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
}

.bg-none {
  background-image: none !important;
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
}

.bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
}

.bg-gradient-to-bl {
  background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
}

.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
}

.bg-gradient-to-tl {
  background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
}

.from-transparent {
  --gradient-from-color: transparent !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.from-black {
  --gradient-from-color: #000000 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.from-grey-100 {
  --gradient-from-color: hsl(210, 20%, 10%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
}

.from-grey {
  --gradient-from-color: hsl(210, 10%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
}

.from-grey-90 {
  --gradient-from-color: hsl(196, 31%, 14%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
}

.from-grey-80 {
  --gradient-from-color: hsl(198, 32%, 16%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
}

.from-grey-70 {
  --gradient-from-color: hsl(210, 10%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
}

.from-grey-60 {
  --gradient-from-color: hsl(210, 15%, 70%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
}

.from-grey-50 {
  --gradient-from-color: hsl(210, 15%, 80%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
}

.from-grey-40 {
  --gradient-from-color: hsl(210, 22%, 89%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
}

.from-grey-30 {
  --gradient-from-color: hsl(210, 30%, 95%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
}

.from-grey-20 {
  --gradient-from-color: hsl(214, 60%, 97.5%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
}

.from-grey-10 {
  --gradient-from-color: hsl(218, 90%, 99%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
}

.from-white {
  --gradient-from-color: #ffffff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.from-green {
  --gradient-from-color: #479967 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
}

.from-green-light {
  --gradient-from-color: #64BD63 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
}

.from-blue-lighter {
  --gradient-from-color: hsl(207, 86%, 70%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
}

.from-blue-light {
  --gradient-from-color: hsl(210, 100%, 75%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
}

.from-blue {
  --gradient-from-color: hsl(200, 80%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
}

.from-blue-dark {
  --gradient-from-color: hsl(200, 75%, 45%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
}

.from-blue-darker {
  --gradient-from-color: hsl(200, 75%, 40%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
}

.from-blue-100 {
  --gradient-from-color: #eaf5ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
}

.from-blue-200 {
  --gradient-from-color: #abd9ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
}

.from-blue-300 {
  --gradient-from-color: #82c5ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
}

.from-blue-400 {
  --gradient-from-color: #43a9ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
}

.from-blue-500 {
  --gradient-from-color: #2e9fff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
}

.from-blue-600 {
  --gradient-from-color: #298fe6 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
}

.from-blue-700 {
  --gradient-from-color: #257fcc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
}

.from-blue-800 {
  --gradient-from-color: #206fb3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
}

.from-blue-900 {
  --gradient-from-color: #175080 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
}

.from-red-dark {
  --gradient-from-color: hsl(2, 57%, 53%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
}

.from-red {
  --gradient-from-color: hsl(2, 76%, 60%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
}

.from-red-light {
  --gradient-from-color: hsl(2, 76%, 70%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
}

.from-red-lighter {
  --gradient-from-color: hsl(2, 76%, 95%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
}

.from-yellow {
  --gradient-from-color: #fbfab0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
}

.from-yellow-dark {
  --gradient-from-color: #d8cd1b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
}

.from-orange {
  --gradient-from-color: #f5a82f !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
}

.from-pink {
  --gradient-from-color: #ff269e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
}

.from-purple {
  --gradient-from-color: #c471ed !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
}

.from-darken-10 {
  --gradient-from-color: rgba(0,0,0,.1) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.from-darken-20 {
  --gradient-from-color: rgba(0,0,0,.2) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.from-primary {
  --gradient-from-color: hsl(200, 80%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
}

.via-transparent {
  --gradient-via-color: transparent !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.via-black {
  --gradient-via-color: #000000 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.via-grey-100 {
  --gradient-via-color: hsl(210, 20%, 10%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
}

.via-grey {
  --gradient-via-color: hsl(210, 10%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
}

.via-grey-90 {
  --gradient-via-color: hsl(196, 31%, 14%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
}

.via-grey-80 {
  --gradient-via-color: hsl(198, 32%, 16%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
}

.via-grey-70 {
  --gradient-via-color: hsl(210, 10%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
}

.via-grey-60 {
  --gradient-via-color: hsl(210, 15%, 70%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
}

.via-grey-50 {
  --gradient-via-color: hsl(210, 15%, 80%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
}

.via-grey-40 {
  --gradient-via-color: hsl(210, 22%, 89%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
}

.via-grey-30 {
  --gradient-via-color: hsl(210, 30%, 95%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
}

.via-grey-20 {
  --gradient-via-color: hsl(214, 60%, 97.5%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
}

.via-grey-10 {
  --gradient-via-color: hsl(218, 90%, 99%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
}

.via-white {
  --gradient-via-color: #ffffff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.via-green {
  --gradient-via-color: #479967 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
}

.via-green-light {
  --gradient-via-color: #64BD63 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
}

.via-blue-lighter {
  --gradient-via-color: hsl(207, 86%, 70%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
}

.via-blue-light {
  --gradient-via-color: hsl(210, 100%, 75%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
}

.via-blue {
  --gradient-via-color: hsl(200, 80%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
}

.via-blue-dark {
  --gradient-via-color: hsl(200, 75%, 45%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
}

.via-blue-darker {
  --gradient-via-color: hsl(200, 75%, 40%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
}

.via-blue-100 {
  --gradient-via-color: #eaf5ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
}

.via-blue-200 {
  --gradient-via-color: #abd9ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
}

.via-blue-300 {
  --gradient-via-color: #82c5ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
}

.via-blue-400 {
  --gradient-via-color: #43a9ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
}

.via-blue-500 {
  --gradient-via-color: #2e9fff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
}

.via-blue-600 {
  --gradient-via-color: #298fe6 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
}

.via-blue-700 {
  --gradient-via-color: #257fcc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
}

.via-blue-800 {
  --gradient-via-color: #206fb3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
}

.via-blue-900 {
  --gradient-via-color: #175080 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
}

.via-red-dark {
  --gradient-via-color: hsl(2, 57%, 53%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
}

.via-red {
  --gradient-via-color: hsl(2, 76%, 60%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
}

.via-red-light {
  --gradient-via-color: hsl(2, 76%, 70%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
}

.via-red-lighter {
  --gradient-via-color: hsl(2, 76%, 95%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
}

.via-yellow {
  --gradient-via-color: #fbfab0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
}

.via-yellow-dark {
  --gradient-via-color: #d8cd1b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
}

.via-orange {
  --gradient-via-color: #f5a82f !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
}

.via-pink {
  --gradient-via-color: #ff269e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
}

.via-purple {
  --gradient-via-color: #c471ed !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
}

.via-darken-10 {
  --gradient-via-color: rgba(0,0,0,.1) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.via-darken-20 {
  --gradient-via-color: rgba(0,0,0,.2) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.via-primary {
  --gradient-via-color: hsl(200, 80%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
}

.to-transparent {
  --gradient-to-color: transparent !important;
}

.to-black {
  --gradient-to-color: #000000 !important;
}

.to-grey-100 {
  --gradient-to-color: hsl(210, 20%, 10%) !important;
}

.to-grey {
  --gradient-to-color: hsl(210, 10%, 50%) !important;
}

.to-grey-90 {
  --gradient-to-color: hsl(196, 31%, 14%) !important;
}

.to-grey-80 {
  --gradient-to-color: hsl(198, 32%, 16%) !important;
}

.to-grey-70 {
  --gradient-to-color: hsl(210, 10%, 50%) !important;
}

.to-grey-60 {
  --gradient-to-color: hsl(210, 15%, 70%) !important;
}

.to-grey-50 {
  --gradient-to-color: hsl(210, 15%, 80%) !important;
}

.to-grey-40 {
  --gradient-to-color: hsl(210, 22%, 89%) !important;
}

.to-grey-30 {
  --gradient-to-color: hsl(210, 30%, 95%) !important;
}

.to-grey-20 {
  --gradient-to-color: hsl(214, 60%, 97.5%) !important;
}

.to-grey-10 {
  --gradient-to-color: hsl(218, 90%, 99%) !important;
}

.to-white {
  --gradient-to-color: #ffffff !important;
}

.to-green {
  --gradient-to-color: #479967 !important;
}

.to-green-light {
  --gradient-to-color: #64BD63 !important;
}

.to-blue-lighter {
  --gradient-to-color: hsl(207, 86%, 70%) !important;
}

.to-blue-light {
  --gradient-to-color: hsl(210, 100%, 75%) !important;
}

.to-blue {
  --gradient-to-color: hsl(200, 80%, 50%) !important;
}

.to-blue-dark {
  --gradient-to-color: hsl(200, 75%, 45%) !important;
}

.to-blue-darker {
  --gradient-to-color: hsl(200, 75%, 40%) !important;
}

.to-blue-100 {
  --gradient-to-color: #eaf5ff !important;
}

.to-blue-200 {
  --gradient-to-color: #abd9ff !important;
}

.to-blue-300 {
  --gradient-to-color: #82c5ff !important;
}

.to-blue-400 {
  --gradient-to-color: #43a9ff !important;
}

.to-blue-500 {
  --gradient-to-color: #2e9fff !important;
}

.to-blue-600 {
  --gradient-to-color: #298fe6 !important;
}

.to-blue-700 {
  --gradient-to-color: #257fcc !important;
}

.to-blue-800 {
  --gradient-to-color: #206fb3 !important;
}

.to-blue-900 {
  --gradient-to-color: #175080 !important;
}

.to-red-dark {
  --gradient-to-color: hsl(2, 57%, 53%) !important;
}

.to-red {
  --gradient-to-color: hsl(2, 76%, 60%) !important;
}

.to-red-light {
  --gradient-to-color: hsl(2, 76%, 70%) !important;
}

.to-red-lighter {
  --gradient-to-color: hsl(2, 76%, 95%) !important;
}

.to-yellow {
  --gradient-to-color: #fbfab0 !important;
}

.to-yellow-dark {
  --gradient-to-color: #d8cd1b !important;
}

.to-orange {
  --gradient-to-color: #f5a82f !important;
}

.to-pink {
  --gradient-to-color: #ff269e !important;
}

.to-purple {
  --gradient-to-color: #c471ed !important;
}

.to-darken-10 {
  --gradient-to-color: rgba(0,0,0,.1) !important;
}

.to-darken-20 {
  --gradient-to-color: rgba(0,0,0,.2) !important;
}

.to-primary {
  --gradient-to-color: hsl(200, 80%, 50%) !important;
}

.hover\:from-transparent:hover {
  --gradient-from-color: transparent !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.hover\:from-black:hover {
  --gradient-from-color: #000000 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.hover\:from-grey-100:hover {
  --gradient-from-color: hsl(210, 20%, 10%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
}

.hover\:from-grey:hover {
  --gradient-from-color: hsl(210, 10%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
}

.hover\:from-grey-90:hover {
  --gradient-from-color: hsl(196, 31%, 14%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
}

.hover\:from-grey-80:hover {
  --gradient-from-color: hsl(198, 32%, 16%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
}

.hover\:from-grey-70:hover {
  --gradient-from-color: hsl(210, 10%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
}

.hover\:from-grey-60:hover {
  --gradient-from-color: hsl(210, 15%, 70%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
}

.hover\:from-grey-50:hover {
  --gradient-from-color: hsl(210, 15%, 80%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
}

.hover\:from-grey-40:hover {
  --gradient-from-color: hsl(210, 22%, 89%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
}

.hover\:from-grey-30:hover {
  --gradient-from-color: hsl(210, 30%, 95%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
}

.hover\:from-grey-20:hover {
  --gradient-from-color: hsl(214, 60%, 97.5%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
}

.hover\:from-grey-10:hover {
  --gradient-from-color: hsl(218, 90%, 99%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
}

.hover\:from-white:hover {
  --gradient-from-color: #ffffff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.hover\:from-green:hover {
  --gradient-from-color: #479967 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
}

.hover\:from-green-light:hover {
  --gradient-from-color: #64BD63 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
}

.hover\:from-blue-lighter:hover {
  --gradient-from-color: hsl(207, 86%, 70%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
}

.hover\:from-blue-light:hover {
  --gradient-from-color: hsl(210, 100%, 75%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
}

.hover\:from-blue:hover {
  --gradient-from-color: hsl(200, 80%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
}

.hover\:from-blue-dark:hover {
  --gradient-from-color: hsl(200, 75%, 45%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
}

.hover\:from-blue-darker:hover {
  --gradient-from-color: hsl(200, 75%, 40%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
}

.hover\:from-blue-100:hover {
  --gradient-from-color: #eaf5ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
}

.hover\:from-blue-200:hover {
  --gradient-from-color: #abd9ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
}

.hover\:from-blue-300:hover {
  --gradient-from-color: #82c5ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
}

.hover\:from-blue-400:hover {
  --gradient-from-color: #43a9ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
}

.hover\:from-blue-500:hover {
  --gradient-from-color: #2e9fff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
}

.hover\:from-blue-600:hover {
  --gradient-from-color: #298fe6 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
}

.hover\:from-blue-700:hover {
  --gradient-from-color: #257fcc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
}

.hover\:from-blue-800:hover {
  --gradient-from-color: #206fb3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
}

.hover\:from-blue-900:hover {
  --gradient-from-color: #175080 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
}

.hover\:from-red-dark:hover {
  --gradient-from-color: hsl(2, 57%, 53%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
}

.hover\:from-red:hover {
  --gradient-from-color: hsl(2, 76%, 60%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
}

.hover\:from-red-light:hover {
  --gradient-from-color: hsl(2, 76%, 70%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
}

.hover\:from-red-lighter:hover {
  --gradient-from-color: hsl(2, 76%, 95%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
}

.hover\:from-yellow:hover {
  --gradient-from-color: #fbfab0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
}

.hover\:from-yellow-dark:hover {
  --gradient-from-color: #d8cd1b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
}

.hover\:from-orange:hover {
  --gradient-from-color: #f5a82f !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
}

.hover\:from-pink:hover {
  --gradient-from-color: #ff269e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
}

.hover\:from-purple:hover {
  --gradient-from-color: #c471ed !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
}

.hover\:from-darken-10:hover {
  --gradient-from-color: rgba(0,0,0,.1) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.hover\:from-darken-20:hover {
  --gradient-from-color: rgba(0,0,0,.2) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.hover\:from-primary:hover {
  --gradient-from-color: hsl(200, 80%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
}

.hover\:via-transparent:hover {
  --gradient-via-color: transparent !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.hover\:via-black:hover {
  --gradient-via-color: #000000 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.hover\:via-grey-100:hover {
  --gradient-via-color: hsl(210, 20%, 10%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
}

.hover\:via-grey:hover {
  --gradient-via-color: hsl(210, 10%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
}

.hover\:via-grey-90:hover {
  --gradient-via-color: hsl(196, 31%, 14%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
}

.hover\:via-grey-80:hover {
  --gradient-via-color: hsl(198, 32%, 16%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
}

.hover\:via-grey-70:hover {
  --gradient-via-color: hsl(210, 10%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
}

.hover\:via-grey-60:hover {
  --gradient-via-color: hsl(210, 15%, 70%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
}

.hover\:via-grey-50:hover {
  --gradient-via-color: hsl(210, 15%, 80%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
}

.hover\:via-grey-40:hover {
  --gradient-via-color: hsl(210, 22%, 89%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
}

.hover\:via-grey-30:hover {
  --gradient-via-color: hsl(210, 30%, 95%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
}

.hover\:via-grey-20:hover {
  --gradient-via-color: hsl(214, 60%, 97.5%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
}

.hover\:via-grey-10:hover {
  --gradient-via-color: hsl(218, 90%, 99%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
}

.hover\:via-white:hover {
  --gradient-via-color: #ffffff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.hover\:via-green:hover {
  --gradient-via-color: #479967 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
}

.hover\:via-green-light:hover {
  --gradient-via-color: #64BD63 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
}

.hover\:via-blue-lighter:hover {
  --gradient-via-color: hsl(207, 86%, 70%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
}

.hover\:via-blue-light:hover {
  --gradient-via-color: hsl(210, 100%, 75%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
}

.hover\:via-blue:hover {
  --gradient-via-color: hsl(200, 80%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
}

.hover\:via-blue-dark:hover {
  --gradient-via-color: hsl(200, 75%, 45%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
}

.hover\:via-blue-darker:hover {
  --gradient-via-color: hsl(200, 75%, 40%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
}

.hover\:via-blue-100:hover {
  --gradient-via-color: #eaf5ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
}

.hover\:via-blue-200:hover {
  --gradient-via-color: #abd9ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
}

.hover\:via-blue-300:hover {
  --gradient-via-color: #82c5ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
}

.hover\:via-blue-400:hover {
  --gradient-via-color: #43a9ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
}

.hover\:via-blue-500:hover {
  --gradient-via-color: #2e9fff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
}

.hover\:via-blue-600:hover {
  --gradient-via-color: #298fe6 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
}

.hover\:via-blue-700:hover {
  --gradient-via-color: #257fcc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
}

.hover\:via-blue-800:hover {
  --gradient-via-color: #206fb3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
}

.hover\:via-blue-900:hover {
  --gradient-via-color: #175080 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
}

.hover\:via-red-dark:hover {
  --gradient-via-color: hsl(2, 57%, 53%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
}

.hover\:via-red:hover {
  --gradient-via-color: hsl(2, 76%, 60%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
}

.hover\:via-red-light:hover {
  --gradient-via-color: hsl(2, 76%, 70%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
}

.hover\:via-red-lighter:hover {
  --gradient-via-color: hsl(2, 76%, 95%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
}

.hover\:via-yellow:hover {
  --gradient-via-color: #fbfab0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
}

.hover\:via-yellow-dark:hover {
  --gradient-via-color: #d8cd1b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
}

.hover\:via-orange:hover {
  --gradient-via-color: #f5a82f !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
}

.hover\:via-pink:hover {
  --gradient-via-color: #ff269e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
}

.hover\:via-purple:hover {
  --gradient-via-color: #c471ed !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
}

.hover\:via-darken-10:hover {
  --gradient-via-color: rgba(0,0,0,.1) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.hover\:via-darken-20:hover {
  --gradient-via-color: rgba(0,0,0,.2) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.hover\:via-primary:hover {
  --gradient-via-color: hsl(200, 80%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
}

.hover\:to-transparent:hover {
  --gradient-to-color: transparent !important;
}

.hover\:to-black:hover {
  --gradient-to-color: #000000 !important;
}

.hover\:to-grey-100:hover {
  --gradient-to-color: hsl(210, 20%, 10%) !important;
}

.hover\:to-grey:hover {
  --gradient-to-color: hsl(210, 10%, 50%) !important;
}

.hover\:to-grey-90:hover {
  --gradient-to-color: hsl(196, 31%, 14%) !important;
}

.hover\:to-grey-80:hover {
  --gradient-to-color: hsl(198, 32%, 16%) !important;
}

.hover\:to-grey-70:hover {
  --gradient-to-color: hsl(210, 10%, 50%) !important;
}

.hover\:to-grey-60:hover {
  --gradient-to-color: hsl(210, 15%, 70%) !important;
}

.hover\:to-grey-50:hover {
  --gradient-to-color: hsl(210, 15%, 80%) !important;
}

.hover\:to-grey-40:hover {
  --gradient-to-color: hsl(210, 22%, 89%) !important;
}

.hover\:to-grey-30:hover {
  --gradient-to-color: hsl(210, 30%, 95%) !important;
}

.hover\:to-grey-20:hover {
  --gradient-to-color: hsl(214, 60%, 97.5%) !important;
}

.hover\:to-grey-10:hover {
  --gradient-to-color: hsl(218, 90%, 99%) !important;
}

.hover\:to-white:hover {
  --gradient-to-color: #ffffff !important;
}

.hover\:to-green:hover {
  --gradient-to-color: #479967 !important;
}

.hover\:to-green-light:hover {
  --gradient-to-color: #64BD63 !important;
}

.hover\:to-blue-lighter:hover {
  --gradient-to-color: hsl(207, 86%, 70%) !important;
}

.hover\:to-blue-light:hover {
  --gradient-to-color: hsl(210, 100%, 75%) !important;
}

.hover\:to-blue:hover {
  --gradient-to-color: hsl(200, 80%, 50%) !important;
}

.hover\:to-blue-dark:hover {
  --gradient-to-color: hsl(200, 75%, 45%) !important;
}

.hover\:to-blue-darker:hover {
  --gradient-to-color: hsl(200, 75%, 40%) !important;
}

.hover\:to-blue-100:hover {
  --gradient-to-color: #eaf5ff !important;
}

.hover\:to-blue-200:hover {
  --gradient-to-color: #abd9ff !important;
}

.hover\:to-blue-300:hover {
  --gradient-to-color: #82c5ff !important;
}

.hover\:to-blue-400:hover {
  --gradient-to-color: #43a9ff !important;
}

.hover\:to-blue-500:hover {
  --gradient-to-color: #2e9fff !important;
}

.hover\:to-blue-600:hover {
  --gradient-to-color: #298fe6 !important;
}

.hover\:to-blue-700:hover {
  --gradient-to-color: #257fcc !important;
}

.hover\:to-blue-800:hover {
  --gradient-to-color: #206fb3 !important;
}

.hover\:to-blue-900:hover {
  --gradient-to-color: #175080 !important;
}

.hover\:to-red-dark:hover {
  --gradient-to-color: hsl(2, 57%, 53%) !important;
}

.hover\:to-red:hover {
  --gradient-to-color: hsl(2, 76%, 60%) !important;
}

.hover\:to-red-light:hover {
  --gradient-to-color: hsl(2, 76%, 70%) !important;
}

.hover\:to-red-lighter:hover {
  --gradient-to-color: hsl(2, 76%, 95%) !important;
}

.hover\:to-yellow:hover {
  --gradient-to-color: #fbfab0 !important;
}

.hover\:to-yellow-dark:hover {
  --gradient-to-color: #d8cd1b !important;
}

.hover\:to-orange:hover {
  --gradient-to-color: #f5a82f !important;
}

.hover\:to-pink:hover {
  --gradient-to-color: #ff269e !important;
}

.hover\:to-purple:hover {
  --gradient-to-color: #c471ed !important;
}

.hover\:to-darken-10:hover {
  --gradient-to-color: rgba(0,0,0,.1) !important;
}

.hover\:to-darken-20:hover {
  --gradient-to-color: rgba(0,0,0,.2) !important;
}

.hover\:to-primary:hover {
  --gradient-to-color: hsl(200, 80%, 50%) !important;
}

.focus\:from-transparent:focus {
  --gradient-from-color: transparent !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.focus\:from-black:focus {
  --gradient-from-color: #000000 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.focus\:from-grey-100:focus {
  --gradient-from-color: hsl(210, 20%, 10%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
}

.focus\:from-grey:focus {
  --gradient-from-color: hsl(210, 10%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
}

.focus\:from-grey-90:focus {
  --gradient-from-color: hsl(196, 31%, 14%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
}

.focus\:from-grey-80:focus {
  --gradient-from-color: hsl(198, 32%, 16%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
}

.focus\:from-grey-70:focus {
  --gradient-from-color: hsl(210, 10%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
}

.focus\:from-grey-60:focus {
  --gradient-from-color: hsl(210, 15%, 70%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
}

.focus\:from-grey-50:focus {
  --gradient-from-color: hsl(210, 15%, 80%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
}

.focus\:from-grey-40:focus {
  --gradient-from-color: hsl(210, 22%, 89%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
}

.focus\:from-grey-30:focus {
  --gradient-from-color: hsl(210, 30%, 95%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
}

.focus\:from-grey-20:focus {
  --gradient-from-color: hsl(214, 60%, 97.5%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
}

.focus\:from-grey-10:focus {
  --gradient-from-color: hsl(218, 90%, 99%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
}

.focus\:from-white:focus {
  --gradient-from-color: #ffffff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.focus\:from-green:focus {
  --gradient-from-color: #479967 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
}

.focus\:from-green-light:focus {
  --gradient-from-color: #64BD63 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
}

.focus\:from-blue-lighter:focus {
  --gradient-from-color: hsl(207, 86%, 70%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
}

.focus\:from-blue-light:focus {
  --gradient-from-color: hsl(210, 100%, 75%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
}

.focus\:from-blue:focus {
  --gradient-from-color: hsl(200, 80%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
}

.focus\:from-blue-dark:focus {
  --gradient-from-color: hsl(200, 75%, 45%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
}

.focus\:from-blue-darker:focus {
  --gradient-from-color: hsl(200, 75%, 40%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
}

.focus\:from-blue-100:focus {
  --gradient-from-color: #eaf5ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
}

.focus\:from-blue-200:focus {
  --gradient-from-color: #abd9ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
}

.focus\:from-blue-300:focus {
  --gradient-from-color: #82c5ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
}

.focus\:from-blue-400:focus {
  --gradient-from-color: #43a9ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
}

.focus\:from-blue-500:focus {
  --gradient-from-color: #2e9fff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
}

.focus\:from-blue-600:focus {
  --gradient-from-color: #298fe6 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
}

.focus\:from-blue-700:focus {
  --gradient-from-color: #257fcc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
}

.focus\:from-blue-800:focus {
  --gradient-from-color: #206fb3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
}

.focus\:from-blue-900:focus {
  --gradient-from-color: #175080 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
}

.focus\:from-red-dark:focus {
  --gradient-from-color: hsl(2, 57%, 53%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
}

.focus\:from-red:focus {
  --gradient-from-color: hsl(2, 76%, 60%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
}

.focus\:from-red-light:focus {
  --gradient-from-color: hsl(2, 76%, 70%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
}

.focus\:from-red-lighter:focus {
  --gradient-from-color: hsl(2, 76%, 95%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
}

.focus\:from-yellow:focus {
  --gradient-from-color: #fbfab0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
}

.focus\:from-yellow-dark:focus {
  --gradient-from-color: #d8cd1b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
}

.focus\:from-orange:focus {
  --gradient-from-color: #f5a82f !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
}

.focus\:from-pink:focus {
  --gradient-from-color: #ff269e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
}

.focus\:from-purple:focus {
  --gradient-from-color: #c471ed !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
}

.focus\:from-darken-10:focus {
  --gradient-from-color: rgba(0,0,0,.1) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.focus\:from-darken-20:focus {
  --gradient-from-color: rgba(0,0,0,.2) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.focus\:from-primary:focus {
  --gradient-from-color: hsl(200, 80%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
}

.focus\:via-transparent:focus {
  --gradient-via-color: transparent !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.focus\:via-black:focus {
  --gradient-via-color: #000000 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.focus\:via-grey-100:focus {
  --gradient-via-color: hsl(210, 20%, 10%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
}

.focus\:via-grey:focus {
  --gradient-via-color: hsl(210, 10%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
}

.focus\:via-grey-90:focus {
  --gradient-via-color: hsl(196, 31%, 14%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
}

.focus\:via-grey-80:focus {
  --gradient-via-color: hsl(198, 32%, 16%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
}

.focus\:via-grey-70:focus {
  --gradient-via-color: hsl(210, 10%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
}

.focus\:via-grey-60:focus {
  --gradient-via-color: hsl(210, 15%, 70%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
}

.focus\:via-grey-50:focus {
  --gradient-via-color: hsl(210, 15%, 80%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
}

.focus\:via-grey-40:focus {
  --gradient-via-color: hsl(210, 22%, 89%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
}

.focus\:via-grey-30:focus {
  --gradient-via-color: hsl(210, 30%, 95%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
}

.focus\:via-grey-20:focus {
  --gradient-via-color: hsl(214, 60%, 97.5%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
}

.focus\:via-grey-10:focus {
  --gradient-via-color: hsl(218, 90%, 99%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
}

.focus\:via-white:focus {
  --gradient-via-color: #ffffff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.focus\:via-green:focus {
  --gradient-via-color: #479967 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
}

.focus\:via-green-light:focus {
  --gradient-via-color: #64BD63 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
}

.focus\:via-blue-lighter:focus {
  --gradient-via-color: hsl(207, 86%, 70%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
}

.focus\:via-blue-light:focus {
  --gradient-via-color: hsl(210, 100%, 75%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
}

.focus\:via-blue:focus {
  --gradient-via-color: hsl(200, 80%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
}

.focus\:via-blue-dark:focus {
  --gradient-via-color: hsl(200, 75%, 45%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
}

.focus\:via-blue-darker:focus {
  --gradient-via-color: hsl(200, 75%, 40%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
}

.focus\:via-blue-100:focus {
  --gradient-via-color: #eaf5ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
}

.focus\:via-blue-200:focus {
  --gradient-via-color: #abd9ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
}

.focus\:via-blue-300:focus {
  --gradient-via-color: #82c5ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
}

.focus\:via-blue-400:focus {
  --gradient-via-color: #43a9ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
}

.focus\:via-blue-500:focus {
  --gradient-via-color: #2e9fff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
}

.focus\:via-blue-600:focus {
  --gradient-via-color: #298fe6 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
}

.focus\:via-blue-700:focus {
  --gradient-via-color: #257fcc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
}

.focus\:via-blue-800:focus {
  --gradient-via-color: #206fb3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
}

.focus\:via-blue-900:focus {
  --gradient-via-color: #175080 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
}

.focus\:via-red-dark:focus {
  --gradient-via-color: hsl(2, 57%, 53%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
}

.focus\:via-red:focus {
  --gradient-via-color: hsl(2, 76%, 60%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
}

.focus\:via-red-light:focus {
  --gradient-via-color: hsl(2, 76%, 70%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
}

.focus\:via-red-lighter:focus {
  --gradient-via-color: hsl(2, 76%, 95%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
}

.focus\:via-yellow:focus {
  --gradient-via-color: #fbfab0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
}

.focus\:via-yellow-dark:focus {
  --gradient-via-color: #d8cd1b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
}

.focus\:via-orange:focus {
  --gradient-via-color: #f5a82f !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
}

.focus\:via-pink:focus {
  --gradient-via-color: #ff269e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
}

.focus\:via-purple:focus {
  --gradient-via-color: #c471ed !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
}

.focus\:via-darken-10:focus {
  --gradient-via-color: rgba(0,0,0,.1) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.focus\:via-darken-20:focus {
  --gradient-via-color: rgba(0,0,0,.2) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.focus\:via-primary:focus {
  --gradient-via-color: hsl(200, 80%, 50%) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
}

.focus\:to-transparent:focus {
  --gradient-to-color: transparent !important;
}

.focus\:to-black:focus {
  --gradient-to-color: #000000 !important;
}

.focus\:to-grey-100:focus {
  --gradient-to-color: hsl(210, 20%, 10%) !important;
}

.focus\:to-grey:focus {
  --gradient-to-color: hsl(210, 10%, 50%) !important;
}

.focus\:to-grey-90:focus {
  --gradient-to-color: hsl(196, 31%, 14%) !important;
}

.focus\:to-grey-80:focus {
  --gradient-to-color: hsl(198, 32%, 16%) !important;
}

.focus\:to-grey-70:focus {
  --gradient-to-color: hsl(210, 10%, 50%) !important;
}

.focus\:to-grey-60:focus {
  --gradient-to-color: hsl(210, 15%, 70%) !important;
}

.focus\:to-grey-50:focus {
  --gradient-to-color: hsl(210, 15%, 80%) !important;
}

.focus\:to-grey-40:focus {
  --gradient-to-color: hsl(210, 22%, 89%) !important;
}

.focus\:to-grey-30:focus {
  --gradient-to-color: hsl(210, 30%, 95%) !important;
}

.focus\:to-grey-20:focus {
  --gradient-to-color: hsl(214, 60%, 97.5%) !important;
}

.focus\:to-grey-10:focus {
  --gradient-to-color: hsl(218, 90%, 99%) !important;
}

.focus\:to-white:focus {
  --gradient-to-color: #ffffff !important;
}

.focus\:to-green:focus {
  --gradient-to-color: #479967 !important;
}

.focus\:to-green-light:focus {
  --gradient-to-color: #64BD63 !important;
}

.focus\:to-blue-lighter:focus {
  --gradient-to-color: hsl(207, 86%, 70%) !important;
}

.focus\:to-blue-light:focus {
  --gradient-to-color: hsl(210, 100%, 75%) !important;
}

.focus\:to-blue:focus {
  --gradient-to-color: hsl(200, 80%, 50%) !important;
}

.focus\:to-blue-dark:focus {
  --gradient-to-color: hsl(200, 75%, 45%) !important;
}

.focus\:to-blue-darker:focus {
  --gradient-to-color: hsl(200, 75%, 40%) !important;
}

.focus\:to-blue-100:focus {
  --gradient-to-color: #eaf5ff !important;
}

.focus\:to-blue-200:focus {
  --gradient-to-color: #abd9ff !important;
}

.focus\:to-blue-300:focus {
  --gradient-to-color: #82c5ff !important;
}

.focus\:to-blue-400:focus {
  --gradient-to-color: #43a9ff !important;
}

.focus\:to-blue-500:focus {
  --gradient-to-color: #2e9fff !important;
}

.focus\:to-blue-600:focus {
  --gradient-to-color: #298fe6 !important;
}

.focus\:to-blue-700:focus {
  --gradient-to-color: #257fcc !important;
}

.focus\:to-blue-800:focus {
  --gradient-to-color: #206fb3 !important;
}

.focus\:to-blue-900:focus {
  --gradient-to-color: #175080 !important;
}

.focus\:to-red-dark:focus {
  --gradient-to-color: hsl(2, 57%, 53%) !important;
}

.focus\:to-red:focus {
  --gradient-to-color: hsl(2, 76%, 60%) !important;
}

.focus\:to-red-light:focus {
  --gradient-to-color: hsl(2, 76%, 70%) !important;
}

.focus\:to-red-lighter:focus {
  --gradient-to-color: hsl(2, 76%, 95%) !important;
}

.focus\:to-yellow:focus {
  --gradient-to-color: #fbfab0 !important;
}

.focus\:to-yellow-dark:focus {
  --gradient-to-color: #d8cd1b !important;
}

.focus\:to-orange:focus {
  --gradient-to-color: #f5a82f !important;
}

.focus\:to-pink:focus {
  --gradient-to-color: #ff269e !important;
}

.focus\:to-purple:focus {
  --gradient-to-color: #c471ed !important;
}

.focus\:to-darken-10:focus {
  --gradient-to-color: rgba(0,0,0,.1) !important;
}

.focus\:to-darken-20:focus {
  --gradient-to-color: rgba(0,0,0,.2) !important;
}

.focus\:to-primary:focus {
  --gradient-to-color: hsl(200, 80%, 50%) !important;
}

.bg-opacity-0 {
  --bg-opacity: 0 !important;
}

.bg-opacity-25 {
  --bg-opacity: 0.25 !important;
}

.bg-opacity-50 {
  --bg-opacity: 0.5 !important;
}

.bg-opacity-75 {
  --bg-opacity: 0.75 !important;
}

.bg-opacity-100 {
  --bg-opacity: 1 !important;
}

.hover\:bg-opacity-0:hover {
  --bg-opacity: 0 !important;
}

.hover\:bg-opacity-25:hover {
  --bg-opacity: 0.25 !important;
}

.hover\:bg-opacity-50:hover {
  --bg-opacity: 0.5 !important;
}

.hover\:bg-opacity-75:hover {
  --bg-opacity: 0.75 !important;
}

.hover\:bg-opacity-100:hover {
  --bg-opacity: 1 !important;
}

.focus\:bg-opacity-0:focus {
  --bg-opacity: 0 !important;
}

.focus\:bg-opacity-25:focus {
  --bg-opacity: 0.25 !important;
}

.focus\:bg-opacity-50:focus {
  --bg-opacity: 0.5 !important;
}

.focus\:bg-opacity-75:focus {
  --bg-opacity: 0.75 !important;
}

.focus\:bg-opacity-100:focus {
  --bg-opacity: 1 !important;
}

.bg-bottom {
  background-position: bottom !important;
}

.bg-center {
  background-position: center !important;
}

.bg-left {
  background-position: left !important;
}

.bg-left-bottom {
  background-position: left bottom !important;
}

.bg-left-top {
  background-position: left top !important;
}

.bg-right {
  background-position: right !important;
}

.bg-right-bottom {
  background-position: right bottom !important;
}

.bg-right-top {
  background-position: right top !important;
}

.bg-top {
  background-position: top !important;
}

.bg-repeat {
  background-repeat: repeat !important;
}

.bg-no-repeat {
  background-repeat: no-repeat !important;
}

.bg-repeat-x {
  background-repeat: repeat-x !important;
}

.bg-repeat-y {
  background-repeat: repeat-y !important;
}

.bg-repeat-round {
  background-repeat: round !important;
}

.bg-repeat-space {
  background-repeat: space !important;
}

.bg-auto {
  background-size: auto !important;
}

.bg-cover {
  background-size: cover !important;
}

.bg-contain {
  background-size: contain !important;
}

.border-collapse {
  border-collapse: collapse !important;
}

.border-separate {
  border-collapse: separate !important;
}

.border-transparent {
  border-color: transparent !important;
}

.border-black {
  --border-opacity: 1 !important;
  border-color: #000000 !important;
  border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}

.border-grey-100 {
  --border-opacity: 1 !important;
  border-color: hsl(210, 20%, 10%) !important;
  border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--border-opacity)) !important;
}

.border-grey {
  --border-opacity: 1 !important;
  border-color: hsl(210, 10%, 50%) !important;
  border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
}

.border-grey-90 {
  --border-opacity: 1 !important;
  border-color: hsl(196, 31%, 14%) !important;
  border-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--border-opacity)) !important;
}

.border-grey-80 {
  --border-opacity: 1 !important;
  border-color: hsl(198, 32%, 16%) !important;
  border-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--border-opacity)) !important;
}

.border-grey-70 {
  --border-opacity: 1 !important;
  border-color: hsl(210, 10%, 50%) !important;
  border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
}

.border-grey-60 {
  --border-opacity: 1 !important;
  border-color: hsl(210, 15%, 70%) !important;
  border-color: rgba(167.02499999999998, 178.5, 189.975, var(--border-opacity)) !important;
}

.border-grey-50 {
  --border-opacity: 1 !important;
  border-color: hsl(210, 15%, 80%) !important;
  border-color: rgba(196.35, 204, 211.65, var(--border-opacity)) !important;
}

.border-grey-40 {
  --border-opacity: 1 !important;
  border-color: hsl(210, 22%, 89%) !important;
  border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--border-opacity)) !important;
}

.border-grey-30 {
  --border-opacity: 1 !important;
  border-color: hsl(210, 30%, 95%) !important;
  border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--border-opacity)) !important;
}

.border-grey-20 {
  --border-opacity: 1 !important;
  border-color: hsl(214, 60%, 97.5%) !important;
  border-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--border-opacity)) !important;
}

.border-grey-10 {
  --border-opacity: 1 !important;
  border-color: hsl(218, 90%, 99%) !important;
  border-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--border-opacity)) !important;
}

.border-white {
  --border-opacity: 1 !important;
  border-color: #ffffff !important;
  border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}

.border-green {
  --border-opacity: 1 !important;
  border-color: #479967 !important;
  border-color: rgba(71, 153, 103, var(--border-opacity)) !important;
}

.border-green-light {
  --border-opacity: 1 !important;
  border-color: #64BD63 !important;
  border-color: rgba(100, 189, 99, var(--border-opacity)) !important;
}

.border-blue-lighter {
  --border-opacity: 1 !important;
  border-color: hsl(207, 86%, 70%) !important;
  border-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--border-opacity)) !important;
}

.border-blue-light {
  --border-opacity: 1 !important;
  border-color: hsl(210, 100%, 75%) !important;
  border-color: rgba(127.5, 191.24999999999994, 255, var(--border-opacity)) !important;
}

.border-blue {
  --border-opacity: 1 !important;
  border-color: hsl(200, 80%, 50%) !important;
  border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
}

.border-blue-dark {
  --border-opacity: 1 !important;
  border-color: hsl(200, 75%, 45%) !important;
  border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--border-opacity)) !important;
}

.border-blue-darker {
  --border-opacity: 1 !important;
  border-color: hsl(200, 75%, 40%) !important;
  border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--border-opacity)) !important;
}

.border-blue-100 {
  --border-opacity: 1 !important;
  border-color: #eaf5ff !important;
  border-color: rgba(234, 245, 255, var(--border-opacity)) !important;
}

.border-blue-200 {
  --border-opacity: 1 !important;
  border-color: #abd9ff !important;
  border-color: rgba(171, 217, 255, var(--border-opacity)) !important;
}

.border-blue-300 {
  --border-opacity: 1 !important;
  border-color: #82c5ff !important;
  border-color: rgba(130, 197, 255, var(--border-opacity)) !important;
}

.border-blue-400 {
  --border-opacity: 1 !important;
  border-color: #43a9ff !important;
  border-color: rgba(67, 169, 255, var(--border-opacity)) !important;
}

.border-blue-500 {
  --border-opacity: 1 !important;
  border-color: #2e9fff !important;
  border-color: rgba(46, 159, 255, var(--border-opacity)) !important;
}

.border-blue-600 {
  --border-opacity: 1 !important;
  border-color: #298fe6 !important;
  border-color: rgba(41, 143, 230, var(--border-opacity)) !important;
}

.border-blue-700 {
  --border-opacity: 1 !important;
  border-color: #257fcc !important;
  border-color: rgba(37, 127, 204, var(--border-opacity)) !important;
}

.border-blue-800 {
  --border-opacity: 1 !important;
  border-color: #206fb3 !important;
  border-color: rgba(32, 111, 179, var(--border-opacity)) !important;
}

.border-blue-900 {
  --border-opacity: 1 !important;
  border-color: #175080 !important;
  border-color: rgba(23, 80, 128, var(--border-opacity)) !important;
}

.border-red-dark {
  --border-opacity: 1 !important;
  border-color: hsl(2, 57%, 53%) !important;
  border-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--border-opacity)) !important;
}

.border-red {
  --border-opacity: 1 !important;
  border-color: hsl(2, 76%, 60%) !important;
  border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--border-opacity)) !important;
}

.border-red-light {
  --border-opacity: 1 !important;
  border-color: hsl(2, 76%, 70%) !important;
  border-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--border-opacity)) !important;
}

.border-red-lighter {
  --border-opacity: 1 !important;
  border-color: hsl(2, 76%, 95%) !important;
  border-color: rgba(251.94, 233.206, 232.55999999999997, var(--border-opacity)) !important;
}

.border-yellow {
  --border-opacity: 1 !important;
  border-color: #fbfab0 !important;
  border-color: rgba(251, 250, 176, var(--border-opacity)) !important;
}

.border-yellow-dark {
  --border-opacity: 1 !important;
  border-color: #d8cd1b !important;
  border-color: rgba(216, 205, 27, var(--border-opacity)) !important;
}

.border-orange {
  --border-opacity: 1 !important;
  border-color: #f5a82f !important;
  border-color: rgba(245, 168, 47, var(--border-opacity)) !important;
}

.border-pink {
  --border-opacity: 1 !important;
  border-color: #ff269e !important;
  border-color: rgba(255, 38, 158, var(--border-opacity)) !important;
}

.border-purple {
  --border-opacity: 1 !important;
  border-color: #c471ed !important;
  border-color: rgba(196, 113, 237, var(--border-opacity)) !important;
}

.border-darken-10 {
  border-color: rgba(0,0,0,.1) !important;
}

.border-darken-20 {
  border-color: rgba(0,0,0,.2) !important;
}

.border-primary {
  --border-opacity: 1 !important;
  border-color: hsl(200, 80%, 50%) !important;
  border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
}

.hover\:border-transparent:hover {
  border-color: transparent !important;
}

.hover\:border-black:hover {
  --border-opacity: 1 !important;
  border-color: #000000 !important;
  border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}

.hover\:border-grey-100:hover {
  --border-opacity: 1 !important;
  border-color: hsl(210, 20%, 10%) !important;
  border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--border-opacity)) !important;
}

.hover\:border-grey:hover {
  --border-opacity: 1 !important;
  border-color: hsl(210, 10%, 50%) !important;
  border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
}

.hover\:border-grey-90:hover {
  --border-opacity: 1 !important;
  border-color: hsl(196, 31%, 14%) !important;
  border-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--border-opacity)) !important;
}

.hover\:border-grey-80:hover {
  --border-opacity: 1 !important;
  border-color: hsl(198, 32%, 16%) !important;
  border-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--border-opacity)) !important;
}

.hover\:border-grey-70:hover {
  --border-opacity: 1 !important;
  border-color: hsl(210, 10%, 50%) !important;
  border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
}

.hover\:border-grey-60:hover {
  --border-opacity: 1 !important;
  border-color: hsl(210, 15%, 70%) !important;
  border-color: rgba(167.02499999999998, 178.5, 189.975, var(--border-opacity)) !important;
}

.hover\:border-grey-50:hover {
  --border-opacity: 1 !important;
  border-color: hsl(210, 15%, 80%) !important;
  border-color: rgba(196.35, 204, 211.65, var(--border-opacity)) !important;
}

.hover\:border-grey-40:hover {
  --border-opacity: 1 !important;
  border-color: hsl(210, 22%, 89%) !important;
  border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--border-opacity)) !important;
}

.hover\:border-grey-30:hover {
  --border-opacity: 1 !important;
  border-color: hsl(210, 30%, 95%) !important;
  border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--border-opacity)) !important;
}

.hover\:border-grey-20:hover {
  --border-opacity: 1 !important;
  border-color: hsl(214, 60%, 97.5%) !important;
  border-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--border-opacity)) !important;
}

.hover\:border-grey-10:hover {
  --border-opacity: 1 !important;
  border-color: hsl(218, 90%, 99%) !important;
  border-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--border-opacity)) !important;
}

.hover\:border-white:hover {
  --border-opacity: 1 !important;
  border-color: #ffffff !important;
  border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}

.hover\:border-green:hover {
  --border-opacity: 1 !important;
  border-color: #479967 !important;
  border-color: rgba(71, 153, 103, var(--border-opacity)) !important;
}

.hover\:border-green-light:hover {
  --border-opacity: 1 !important;
  border-color: #64BD63 !important;
  border-color: rgba(100, 189, 99, var(--border-opacity)) !important;
}

.hover\:border-blue-lighter:hover {
  --border-opacity: 1 !important;
  border-color: hsl(207, 86%, 70%) !important;
  border-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--border-opacity)) !important;
}

.hover\:border-blue-light:hover {
  --border-opacity: 1 !important;
  border-color: hsl(210, 100%, 75%) !important;
  border-color: rgba(127.5, 191.24999999999994, 255, var(--border-opacity)) !important;
}

.hover\:border-blue:hover {
  --border-opacity: 1 !important;
  border-color: hsl(200, 80%, 50%) !important;
  border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
}

.hover\:border-blue-dark:hover {
  --border-opacity: 1 !important;
  border-color: hsl(200, 75%, 45%) !important;
  border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--border-opacity)) !important;
}

.hover\:border-blue-darker:hover {
  --border-opacity: 1 !important;
  border-color: hsl(200, 75%, 40%) !important;
  border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--border-opacity)) !important;
}

.hover\:border-blue-100:hover {
  --border-opacity: 1 !important;
  border-color: #eaf5ff !important;
  border-color: rgba(234, 245, 255, var(--border-opacity)) !important;
}

.hover\:border-blue-200:hover {
  --border-opacity: 1 !important;
  border-color: #abd9ff !important;
  border-color: rgba(171, 217, 255, var(--border-opacity)) !important;
}

.hover\:border-blue-300:hover {
  --border-opacity: 1 !important;
  border-color: #82c5ff !important;
  border-color: rgba(130, 197, 255, var(--border-opacity)) !important;
}

.hover\:border-blue-400:hover {
  --border-opacity: 1 !important;
  border-color: #43a9ff !important;
  border-color: rgba(67, 169, 255, var(--border-opacity)) !important;
}

.hover\:border-blue-500:hover {
  --border-opacity: 1 !important;
  border-color: #2e9fff !important;
  border-color: rgba(46, 159, 255, var(--border-opacity)) !important;
}

.hover\:border-blue-600:hover {
  --border-opacity: 1 !important;
  border-color: #298fe6 !important;
  border-color: rgba(41, 143, 230, var(--border-opacity)) !important;
}

.hover\:border-blue-700:hover {
  --border-opacity: 1 !important;
  border-color: #257fcc !important;
  border-color: rgba(37, 127, 204, var(--border-opacity)) !important;
}

.hover\:border-blue-800:hover {
  --border-opacity: 1 !important;
  border-color: #206fb3 !important;
  border-color: rgba(32, 111, 179, var(--border-opacity)) !important;
}

.hover\:border-blue-900:hover {
  --border-opacity: 1 !important;
  border-color: #175080 !important;
  border-color: rgba(23, 80, 128, var(--border-opacity)) !important;
}

.hover\:border-red-dark:hover {
  --border-opacity: 1 !important;
  border-color: hsl(2, 57%, 53%) !important;
  border-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--border-opacity)) !important;
}

.hover\:border-red:hover {
  --border-opacity: 1 !important;
  border-color: hsl(2, 76%, 60%) !important;
  border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--border-opacity)) !important;
}

.hover\:border-red-light:hover {
  --border-opacity: 1 !important;
  border-color: hsl(2, 76%, 70%) !important;
  border-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--border-opacity)) !important;
}

.hover\:border-red-lighter:hover {
  --border-opacity: 1 !important;
  border-color: hsl(2, 76%, 95%) !important;
  border-color: rgba(251.94, 233.206, 232.55999999999997, var(--border-opacity)) !important;
}

.hover\:border-yellow:hover {
  --border-opacity: 1 !important;
  border-color: #fbfab0 !important;
  border-color: rgba(251, 250, 176, var(--border-opacity)) !important;
}

.hover\:border-yellow-dark:hover {
  --border-opacity: 1 !important;
  border-color: #d8cd1b !important;
  border-color: rgba(216, 205, 27, var(--border-opacity)) !important;
}

.hover\:border-orange:hover {
  --border-opacity: 1 !important;
  border-color: #f5a82f !important;
  border-color: rgba(245, 168, 47, var(--border-opacity)) !important;
}

.hover\:border-pink:hover {
  --border-opacity: 1 !important;
  border-color: #ff269e !important;
  border-color: rgba(255, 38, 158, var(--border-opacity)) !important;
}

.hover\:border-purple:hover {
  --border-opacity: 1 !important;
  border-color: #c471ed !important;
  border-color: rgba(196, 113, 237, var(--border-opacity)) !important;
}

.hover\:border-darken-10:hover {
  border-color: rgba(0,0,0,.1) !important;
}

.hover\:border-darken-20:hover {
  border-color: rgba(0,0,0,.2) !important;
}

.hover\:border-primary:hover {
  --border-opacity: 1 !important;
  border-color: hsl(200, 80%, 50%) !important;
  border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
}

.focus\:border-transparent:focus {
  border-color: transparent !important;
}

.focus\:border-black:focus {
  --border-opacity: 1 !important;
  border-color: #000000 !important;
  border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}

.focus\:border-grey-100:focus {
  --border-opacity: 1 !important;
  border-color: hsl(210, 20%, 10%) !important;
  border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--border-opacity)) !important;
}

.focus\:border-grey:focus {
  --border-opacity: 1 !important;
  border-color: hsl(210, 10%, 50%) !important;
  border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
}

.focus\:border-grey-90:focus {
  --border-opacity: 1 !important;
  border-color: hsl(196, 31%, 14%) !important;
  border-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--border-opacity)) !important;
}

.focus\:border-grey-80:focus {
  --border-opacity: 1 !important;
  border-color: hsl(198, 32%, 16%) !important;
  border-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--border-opacity)) !important;
}

.focus\:border-grey-70:focus {
  --border-opacity: 1 !important;
  border-color: hsl(210, 10%, 50%) !important;
  border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
}

.focus\:border-grey-60:focus {
  --border-opacity: 1 !important;
  border-color: hsl(210, 15%, 70%) !important;
  border-color: rgba(167.02499999999998, 178.5, 189.975, var(--border-opacity)) !important;
}

.focus\:border-grey-50:focus {
  --border-opacity: 1 !important;
  border-color: hsl(210, 15%, 80%) !important;
  border-color: rgba(196.35, 204, 211.65, var(--border-opacity)) !important;
}

.focus\:border-grey-40:focus {
  --border-opacity: 1 !important;
  border-color: hsl(210, 22%, 89%) !important;
  border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--border-opacity)) !important;
}

.focus\:border-grey-30:focus {
  --border-opacity: 1 !important;
  border-color: hsl(210, 30%, 95%) !important;
  border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--border-opacity)) !important;
}

.focus\:border-grey-20:focus {
  --border-opacity: 1 !important;
  border-color: hsl(214, 60%, 97.5%) !important;
  border-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--border-opacity)) !important;
}

.focus\:border-grey-10:focus {
  --border-opacity: 1 !important;
  border-color: hsl(218, 90%, 99%) !important;
  border-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--border-opacity)) !important;
}

.focus\:border-white:focus {
  --border-opacity: 1 !important;
  border-color: #ffffff !important;
  border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}

.focus\:border-green:focus {
  --border-opacity: 1 !important;
  border-color: #479967 !important;
  border-color: rgba(71, 153, 103, var(--border-opacity)) !important;
}

.focus\:border-green-light:focus {
  --border-opacity: 1 !important;
  border-color: #64BD63 !important;
  border-color: rgba(100, 189, 99, var(--border-opacity)) !important;
}

.focus\:border-blue-lighter:focus {
  --border-opacity: 1 !important;
  border-color: hsl(207, 86%, 70%) !important;
  border-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--border-opacity)) !important;
}

.focus\:border-blue-light:focus {
  --border-opacity: 1 !important;
  border-color: hsl(210, 100%, 75%) !important;
  border-color: rgba(127.5, 191.24999999999994, 255, var(--border-opacity)) !important;
}

.focus\:border-blue:focus {
  --border-opacity: 1 !important;
  border-color: hsl(200, 80%, 50%) !important;
  border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
}

.focus\:border-blue-dark:focus {
  --border-opacity: 1 !important;
  border-color: hsl(200, 75%, 45%) !important;
  border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--border-opacity)) !important;
}

.focus\:border-blue-darker:focus {
  --border-opacity: 1 !important;
  border-color: hsl(200, 75%, 40%) !important;
  border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--border-opacity)) !important;
}

.focus\:border-blue-100:focus {
  --border-opacity: 1 !important;
  border-color: #eaf5ff !important;
  border-color: rgba(234, 245, 255, var(--border-opacity)) !important;
}

.focus\:border-blue-200:focus {
  --border-opacity: 1 !important;
  border-color: #abd9ff !important;
  border-color: rgba(171, 217, 255, var(--border-opacity)) !important;
}

.focus\:border-blue-300:focus {
  --border-opacity: 1 !important;
  border-color: #82c5ff !important;
  border-color: rgba(130, 197, 255, var(--border-opacity)) !important;
}

.focus\:border-blue-400:focus {
  --border-opacity: 1 !important;
  border-color: #43a9ff !important;
  border-color: rgba(67, 169, 255, var(--border-opacity)) !important;
}

.focus\:border-blue-500:focus {
  --border-opacity: 1 !important;
  border-color: #2e9fff !important;
  border-color: rgba(46, 159, 255, var(--border-opacity)) !important;
}

.focus\:border-blue-600:focus {
  --border-opacity: 1 !important;
  border-color: #298fe6 !important;
  border-color: rgba(41, 143, 230, var(--border-opacity)) !important;
}

.focus\:border-blue-700:focus {
  --border-opacity: 1 !important;
  border-color: #257fcc !important;
  border-color: rgba(37, 127, 204, var(--border-opacity)) !important;
}

.focus\:border-blue-800:focus {
  --border-opacity: 1 !important;
  border-color: #206fb3 !important;
  border-color: rgba(32, 111, 179, var(--border-opacity)) !important;
}

.focus\:border-blue-900:focus {
  --border-opacity: 1 !important;
  border-color: #175080 !important;
  border-color: rgba(23, 80, 128, var(--border-opacity)) !important;
}

.focus\:border-red-dark:focus {
  --border-opacity: 1 !important;
  border-color: hsl(2, 57%, 53%) !important;
  border-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--border-opacity)) !important;
}

.focus\:border-red:focus {
  --border-opacity: 1 !important;
  border-color: hsl(2, 76%, 60%) !important;
  border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--border-opacity)) !important;
}

.focus\:border-red-light:focus {
  --border-opacity: 1 !important;
  border-color: hsl(2, 76%, 70%) !important;
  border-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--border-opacity)) !important;
}

.focus\:border-red-lighter:focus {
  --border-opacity: 1 !important;
  border-color: hsl(2, 76%, 95%) !important;
  border-color: rgba(251.94, 233.206, 232.55999999999997, var(--border-opacity)) !important;
}

.focus\:border-yellow:focus {
  --border-opacity: 1 !important;
  border-color: #fbfab0 !important;
  border-color: rgba(251, 250, 176, var(--border-opacity)) !important;
}

.focus\:border-yellow-dark:focus {
  --border-opacity: 1 !important;
  border-color: #d8cd1b !important;
  border-color: rgba(216, 205, 27, var(--border-opacity)) !important;
}

.focus\:border-orange:focus {
  --border-opacity: 1 !important;
  border-color: #f5a82f !important;
  border-color: rgba(245, 168, 47, var(--border-opacity)) !important;
}

.focus\:border-pink:focus {
  --border-opacity: 1 !important;
  border-color: #ff269e !important;
  border-color: rgba(255, 38, 158, var(--border-opacity)) !important;
}

.focus\:border-purple:focus {
  --border-opacity: 1 !important;
  border-color: #c471ed !important;
  border-color: rgba(196, 113, 237, var(--border-opacity)) !important;
}

.focus\:border-darken-10:focus {
  border-color: rgba(0,0,0,.1) !important;
}

.focus\:border-darken-20:focus {
  border-color: rgba(0,0,0,.2) !important;
}

.focus\:border-primary:focus {
  --border-opacity: 1 !important;
  border-color: hsl(200, 80%, 50%) !important;
  border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
}

.border-opacity-0 {
  --border-opacity: 0 !important;
}

.border-opacity-25 {
  --border-opacity: 0.25 !important;
}

.border-opacity-50 {
  --border-opacity: 0.5 !important;
}

.border-opacity-75 {
  --border-opacity: 0.75 !important;
}

.border-opacity-100 {
  --border-opacity: 1 !important;
}

.hover\:border-opacity-0:hover {
  --border-opacity: 0 !important;
}

.hover\:border-opacity-25:hover {
  --border-opacity: 0.25 !important;
}

.hover\:border-opacity-50:hover {
  --border-opacity: 0.5 !important;
}

.hover\:border-opacity-75:hover {
  --border-opacity: 0.75 !important;
}

.hover\:border-opacity-100:hover {
  --border-opacity: 1 !important;
}

.focus\:border-opacity-0:focus {
  --border-opacity: 0 !important;
}

.focus\:border-opacity-25:focus {
  --border-opacity: 0.25 !important;
}

.focus\:border-opacity-50:focus {
  --border-opacity: 0.5 !important;
}

.focus\:border-opacity-75:focus {
  --border-opacity: 0.75 !important;
}

.focus\:border-opacity-100:focus {
  --border-opacity: 1 !important;
}

.rounded {
  border-radius: 3px !important;
}

.rounded-sm {
  border-radius: 2px !important;
}

.rounded-md {
  border-radius: 4px !important;
}

.rounded-lg {
  border-radius: 8px !important;
}

.rounded-full {
  border-radius: 9999px !important;
}

.rounded-none {
  border-radius: 0 !important;
}

.rounded-t {
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}

.rounded-r {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

.rounded-b {
  border-bottom-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}

.rounded-l {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}

.rounded-t-sm {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
}

.rounded-r-sm {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

.rounded-b-sm {
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}

.rounded-l-sm {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}

.rounded-t-md {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.rounded-r-md {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.rounded-b-md {
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.rounded-l-md {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.rounded-t-lg {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

.rounded-r-lg {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.rounded-b-lg {
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.rounded-l-lg {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.rounded-t-full {
  border-top-left-radius: 9999px !important;
  border-top-right-radius: 9999px !important;
}

.rounded-r-full {
  border-top-right-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.rounded-b-full {
  border-bottom-right-radius: 9999px !important;
  border-bottom-left-radius: 9999px !important;
}

.rounded-l-full {
  border-top-left-radius: 9999px !important;
  border-bottom-left-radius: 9999px !important;
}

.rounded-t-none {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-r-none {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-b-none {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-l-none {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-tl {
  border-top-left-radius: 3px !important;
}

.rounded-tr {
  border-top-right-radius: 3px !important;
}

.rounded-br {
  border-bottom-right-radius: 3px !important;
}

.rounded-bl {
  border-bottom-left-radius: 3px !important;
}

.rounded-tl-sm {
  border-top-left-radius: 2px !important;
}

.rounded-tr-sm {
  border-top-right-radius: 2px !important;
}

.rounded-br-sm {
  border-bottom-right-radius: 2px !important;
}

.rounded-bl-sm {
  border-bottom-left-radius: 2px !important;
}

.rounded-tl-md {
  border-top-left-radius: 4px !important;
}

.rounded-tr-md {
  border-top-right-radius: 4px !important;
}

.rounded-br-md {
  border-bottom-right-radius: 4px !important;
}

.rounded-bl-md {
  border-bottom-left-radius: 4px !important;
}

.rounded-tl-lg {
  border-top-left-radius: 8px !important;
}

.rounded-tr-lg {
  border-top-right-radius: 8px !important;
}

.rounded-br-lg {
  border-bottom-right-radius: 8px !important;
}

.rounded-bl-lg {
  border-bottom-left-radius: 8px !important;
}

.rounded-tl-full {
  border-top-left-radius: 9999px !important;
}

.rounded-tr-full {
  border-top-right-radius: 9999px !important;
}

.rounded-br-full {
  border-bottom-right-radius: 9999px !important;
}

.rounded-bl-full {
  border-bottom-left-radius: 9999px !important;
}

.rounded-tl-none {
  border-top-left-radius: 0 !important;
}

.rounded-tr-none {
  border-top-right-radius: 0 !important;
}

.rounded-br-none {
  border-bottom-right-radius: 0 !important;
}

.rounded-bl-none {
  border-bottom-left-radius: 0 !important;
}

.border-solid {
  border-style: solid !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-dotted {
  border-style: dotted !important;
}

.border-double {
  border-style: double !important;
}

.border-none {
  border-style: none !important;
}

.border-0 {
  border-width: 0 !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-6 {
  border-width: 6px !important;
}

.border-8 {
  border-width: 8px !important;
}

.border {
  border-width: 1px !important;
}

.border-t-0 {
  border-top-width: 0 !important;
}

.border-r-0 {
  border-right-width: 0 !important;
}

.border-b-0 {
  border-bottom-width: 0 !important;
}

.border-l-0 {
  border-left-width: 0 !important;
}

.border-t-2 {
  border-top-width: 2px !important;
}

.border-r-2 {
  border-right-width: 2px !important;
}

.border-b-2 {
  border-bottom-width: 2px !important;
}

.border-l-2 {
  border-left-width: 2px !important;
}

.border-t-3 {
  border-top-width: 3px !important;
}

.border-r-3 {
  border-right-width: 3px !important;
}

.border-b-3 {
  border-bottom-width: 3px !important;
}

.border-l-3 {
  border-left-width: 3px !important;
}

.border-t-4 {
  border-top-width: 4px !important;
}

.border-r-4 {
  border-right-width: 4px !important;
}

.border-b-4 {
  border-bottom-width: 4px !important;
}

.border-l-4 {
  border-left-width: 4px !important;
}

.border-t-6 {
  border-top-width: 6px !important;
}

.border-r-6 {
  border-right-width: 6px !important;
}

.border-b-6 {
  border-bottom-width: 6px !important;
}

.border-l-6 {
  border-left-width: 6px !important;
}

.border-t-8 {
  border-top-width: 8px !important;
}

.border-r-8 {
  border-right-width: 8px !important;
}

.border-b-8 {
  border-bottom-width: 8px !important;
}

.border-l-8 {
  border-left-width: 8px !important;
}

.border-t {
  border-top-width: 1px !important;
}

.border-r {
  border-right-width: 1px !important;
}

.border-b {
  border-bottom-width: 1px !important;
}

.border-l {
  border-left-width: 1px !important;
}

.hover\:border-0:hover {
  border-width: 0 !important;
}

.hover\:border-2:hover {
  border-width: 2px !important;
}

.hover\:border-3:hover {
  border-width: 3px !important;
}

.hover\:border-4:hover {
  border-width: 4px !important;
}

.hover\:border-6:hover {
  border-width: 6px !important;
}

.hover\:border-8:hover {
  border-width: 8px !important;
}

.hover\:border:hover {
  border-width: 1px !important;
}

.hover\:border-t-0:hover {
  border-top-width: 0 !important;
}

.hover\:border-r-0:hover {
  border-right-width: 0 !important;
}

.hover\:border-b-0:hover {
  border-bottom-width: 0 !important;
}

.hover\:border-l-0:hover {
  border-left-width: 0 !important;
}

.hover\:border-t-2:hover {
  border-top-width: 2px !important;
}

.hover\:border-r-2:hover {
  border-right-width: 2px !important;
}

.hover\:border-b-2:hover {
  border-bottom-width: 2px !important;
}

.hover\:border-l-2:hover {
  border-left-width: 2px !important;
}

.hover\:border-t-3:hover {
  border-top-width: 3px !important;
}

.hover\:border-r-3:hover {
  border-right-width: 3px !important;
}

.hover\:border-b-3:hover {
  border-bottom-width: 3px !important;
}

.hover\:border-l-3:hover {
  border-left-width: 3px !important;
}

.hover\:border-t-4:hover {
  border-top-width: 4px !important;
}

.hover\:border-r-4:hover {
  border-right-width: 4px !important;
}

.hover\:border-b-4:hover {
  border-bottom-width: 4px !important;
}

.hover\:border-l-4:hover {
  border-left-width: 4px !important;
}

.hover\:border-t-6:hover {
  border-top-width: 6px !important;
}

.hover\:border-r-6:hover {
  border-right-width: 6px !important;
}

.hover\:border-b-6:hover {
  border-bottom-width: 6px !important;
}

.hover\:border-l-6:hover {
  border-left-width: 6px !important;
}

.hover\:border-t-8:hover {
  border-top-width: 8px !important;
}

.hover\:border-r-8:hover {
  border-right-width: 8px !important;
}

.hover\:border-b-8:hover {
  border-bottom-width: 8px !important;
}

.hover\:border-l-8:hover {
  border-left-width: 8px !important;
}

.hover\:border-t:hover {
  border-top-width: 1px !important;
}

.hover\:border-r:hover {
  border-right-width: 1px !important;
}

.hover\:border-b:hover {
  border-bottom-width: 1px !important;
}

.hover\:border-l:hover {
  border-left-width: 1px !important;
}

.box-border {
  box-sizing: border-box !important;
}

.box-content {
  box-sizing: content-box !important;
}

.cursor-auto {
  cursor: auto !important;
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-wait {
  cursor: wait !important;
}

.cursor-text {
  cursor: text !important;
}

.cursor-move {
  cursor: move !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.block {
  display: block !important;
}

.inline-block {
  display: inline-block !important;
}

.inline {
  display: inline !important;
}

.flex {
  display: flex !important;
}

.inline-flex {
  display: inline-flex !important;
}

.table {
  display: table !important;
}

.table-caption {
  display: table-caption !important;
}

.table-cell {
  display: table-cell !important;
}

.table-column {
  display: table-column !important;
}

.table-column-group {
  display: table-column-group !important;
}

.table-footer-group {
  display: table-footer-group !important;
}

.table-header-group {
  display: table-header-group !important;
}

.table-row-group {
  display: table-row-group !important;
}

.table-row {
  display: table-row !important;
}

.flow-root {
  display: flow-root !important;
}

.grid {
  display: grid !important;
}

.inline-grid {
  display: inline-grid !important;
}

.contents {
  display: contents !important;
}

.hidden {
  display: none !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-col {
  flex-direction: column !important;
}

.flex-col-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-no-wrap {
  flex-wrap: nowrap !important;
}

.place-items-auto {
  place-items: auto !important;
}

.place-items-start {
  place-items: start !important;
}

.place-items-end {
  place-items: end !important;
}

.place-items-center {
  place-items: center !important;
}

.place-items-stretch {
  place-items: stretch !important;
}

.place-content-center {
  place-content: center !important;
}

.place-content-start {
  place-content: start !important;
}

.place-content-end {
  place-content: end !important;
}

.place-content-between {
  place-content: space-between !important;
}

.place-content-around {
  place-content: space-around !important;
}

.place-content-evenly {
  place-content: space-evenly !important;
}

.place-content-stretch {
  place-content: stretch !important;
}

.place-self-auto {
  place-self: auto !important;
}

.place-self-start {
  place-self: start !important;
}

.place-self-end {
  place-self: end !important;
}

.place-self-center {
  place-self: center !important;
}

.place-self-stretch {
  place-self: stretch !important;
}

.items-start {
  align-items: flex-start !important;
}

.items-end {
  align-items: flex-end !important;
}

.items-center {
  align-items: center !important;
}

.items-baseline {
  align-items: baseline !important;
}

.items-stretch {
  align-items: stretch !important;
}

.content-center {
  align-content: center !important;
}

.content-start {
  align-content: flex-start !important;
}

.content-end {
  align-content: flex-end !important;
}

.content-between {
  align-content: space-between !important;
}

.content-around {
  align-content: space-around !important;
}

.content-evenly {
  align-content: space-evenly !important;
}

.self-auto {
  align-self: auto !important;
}

.self-start {
  align-self: flex-start !important;
}

.self-end {
  align-self: flex-end !important;
}

.self-center {
  align-self: center !important;
}

.self-stretch {
  align-self: stretch !important;
}

.justify-items-auto {
  justify-items: auto !important;
}

.justify-items-start {
  justify-items: start !important;
}

.justify-items-end {
  justify-items: end !important;
}

.justify-items-center {
  justify-items: center !important;
}

.justify-items-stretch {
  justify-items: stretch !important;
}

.justify-start {
  justify-content: flex-start !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-between {
  justify-content: space-between !important;
}

.justify-around {
  justify-content: space-around !important;
}

.justify-evenly {
  justify-content: space-evenly !important;
}

.justify-self-auto {
  justify-self: auto !important;
}

.justify-self-start {
  justify-self: start !important;
}

.justify-self-end {
  justify-self: end !important;
}

.justify-self-center {
  justify-self: center !important;
}

.justify-self-stretch {
  justify-self: stretch !important;
}

.flex-1 {
  flex: 1 1 0% !important;
}

.flex-auto {
  flex: 1 1 auto !important;
}

.flex-initial {
  flex: 0 1 auto !important;
}

.flex-none {
  flex: none !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink {
  flex-shrink: 1 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-6 {
  order: 6 !important;
}

.order-7 {
  order: 7 !important;
}

.order-8 {
  order: 8 !important;
}

.order-9 {
  order: 9 !important;
}

.order-10 {
  order: 10 !important;
}

.order-11 {
  order: 11 !important;
}

.order-12 {
  order: 12 !important;
}

.order-first {
  order: -9999 !important;
}

.order-last {
  order: 9999 !important;
}

.order-none {
  order: 0 !important;
}

.float-right {
  float: right !important;
}

.float-left {
  float: left !important;
}

.float-none {
  float: none !important;
}

.clearfix:after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

.clear-left {
  clear: left !important;
}

.clear-right {
  clear: right !important;
}

.clear-both {
  clear: both !important;
}

.clear-none {
  clear: none !important;
}

.font-serif {
  font-family: Georgia, serif !important;
}

.font-mono {
  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important;
}

.font-sans {
  font-family: Inter UI, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue !important;
}

.font-normal {
  font-weight: 400 !important;
}

.font-medium {
  font-weight: 500 !important;
}

.font-bold {
  font-weight: 700 !important;
}

.font-black {
  font-weight: 900 !important;
}

.hover\:font-normal:hover {
  font-weight: 400 !important;
}

.hover\:font-medium:hover {
  font-weight: 500 !important;
}

.hover\:font-bold:hover {
  font-weight: 700 !important;
}

.hover\:font-black:hover {
  font-weight: 900 !important;
}

.h-1 {
  height: 2px !important;
}

.h-2 {
  height: 4px !important;
}

.h-3 {
  height: 8px !important;
}

.h-4 {
  height: 16px !important;
}

.h-5 {
  height: 1.25rem !important;
}

.h-6 {
  height: 24px !important;
}

.h-7 {
  height: 28px !important;
}

.h-8 {
  height: 32px !important;
}

.h-9 {
  height: 36px !important;
}

.h-10 {
  height: 40px !important;
}

.h-12 {
  height: 48px !important;
}

.h-13 {
  height: 52px !important;
}

.h-14 {
  height: 56px !important;
}

.h-16 {
  height: 64px !important;
}

.h-20 {
  height: 80px !important;
}

.h-24 {
  height: 96px !important;
}

.h-48 {
  height: 160px !important;
}

.h-64 {
  height: 192px !important;
}

.h-80 {
  height: 220px !important;
}

.h-96 {
  height: 24rem !important;
}

.h-auto {
  height: auto !important;
}

.h-px {
  height: 1px !important;
}

.h-full {
  height: 100% !important;
}

.h-screen {
  height: 100vh !important;
}

.text-5xs {
  font-size: 9px !important;
}

.text-4xs {
  font-size: 10px !important;
}

.text-3xs {
  font-size: 11px !important;
}

.text-2xs {
  font-size: 12px !important;
}

.text-xs {
  font-size: 13px !important;
}

.text-sm {
  font-size: 14px !important;
}

.text-base {
  font-size: 16px !important;
}

.text-lg {
  font-size: 18px !important;
}

.text-xl {
  font-size: 21px !important;
}

.text-2xl {
  font-size: 24px !important;
}

.text-3xl {
  font-size: 32px !important;
}

.text-4xl {
  font-size: 48px !important;
}

.text-5xl {
  font-size: 60px !important;
}

.leading-none {
  line-height: 1 !important;
}

.leading-tight {
  line-height: 1.25 !important;
}

.leading-normal {
  line-height: 1.5 !important;
}

.leading-loose {
  line-height: 1.75 !important;
}

.list-inside {
  list-style-position: inside !important;
}

.list-outside {
  list-style-position: outside !important;
}

.list-none {
  list-style-type: none !important;
}

.list-disc {
  list-style-type: disc !important;
}

.list-decimal {
  list-style-type: decimal !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 8px !important;
}

.m-2 {
  margin: 16px !important;
}

.m-3 {
  margin: 24px !important;
}

.m-4 {
  margin: 32px !important;
}

.m-5 {
  margin: 40px !important;
}

.m-6 {
  margin: 64px !important;
}

.m-7 {
  margin: 80px !important;
}

.m-8 {
  margin: 120px !important;
}

.m-auto {
  margin: auto !important;
}

.m-px {
  margin: 1px !important;
}

.m-sm {
  margin: 4px !important;
}

.m-1\.5 {
  margin: 12px !important;
}

.-m-1 {
  margin: -8px !important;
}

.-m-2 {
  margin: -16px !important;
}

.-m-3 {
  margin: -24px !important;
}

.-m-4 {
  margin: -32px !important;
}

.-m-5 {
  margin: -40px !important;
}

.-m-6 {
  margin: -64px !important;
}

.-m-7 {
  margin: -80px !important;
}

.-m-8 {
  margin: -120px !important;
}

.-m-px {
  margin: -1px !important;
}

.-m-sm {
  margin: -4px !important;
}

.-m-1\.5 {
  margin: -12px !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-1 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.mx-1 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.my-2 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.mx-2 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.my-3 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.mx-3 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.my-4 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.mx-4 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.my-5 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.mx-5 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.my-6 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.mx-6 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.my-7 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.mx-7 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.my-8 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.mx-8 {
  margin-left: 120px !important;
  margin-right: 120px !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-px {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.mx-px {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.my-sm {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.mx-sm {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.my-1\.5 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.mx-1\.5 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.-my-1 {
  margin-top: -8px !important;
  margin-bottom: -8px !important;
}

.-mx-1 {
  margin-left: -8px !important;
  margin-right: -8px !important;
}

.-my-2 {
  margin-top: -16px !important;
  margin-bottom: -16px !important;
}

.-mx-2 {
  margin-left: -16px !important;
  margin-right: -16px !important;
}

.-my-3 {
  margin-top: -24px !important;
  margin-bottom: -24px !important;
}

.-mx-3 {
  margin-left: -24px !important;
  margin-right: -24px !important;
}

.-my-4 {
  margin-top: -32px !important;
  margin-bottom: -32px !important;
}

.-mx-4 {
  margin-left: -32px !important;
  margin-right: -32px !important;
}

.-my-5 {
  margin-top: -40px !important;
  margin-bottom: -40px !important;
}

.-mx-5 {
  margin-left: -40px !important;
  margin-right: -40px !important;
}

.-my-6 {
  margin-top: -64px !important;
  margin-bottom: -64px !important;
}

.-mx-6 {
  margin-left: -64px !important;
  margin-right: -64px !important;
}

.-my-7 {
  margin-top: -80px !important;
  margin-bottom: -80px !important;
}

.-mx-7 {
  margin-left: -80px !important;
  margin-right: -80px !important;
}

.-my-8 {
  margin-top: -120px !important;
  margin-bottom: -120px !important;
}

.-mx-8 {
  margin-left: -120px !important;
  margin-right: -120px !important;
}

.-my-px {
  margin-top: -1px !important;
  margin-bottom: -1px !important;
}

.-mx-px {
  margin-left: -1px !important;
  margin-right: -1px !important;
}

.-my-sm {
  margin-top: -4px !important;
  margin-bottom: -4px !important;
}

.-mx-sm {
  margin-left: -4px !important;
  margin-right: -4px !important;
}

.-my-1\.5 {
  margin-top: -12px !important;
  margin-bottom: -12px !important;
}

.-mx-1\.5 {
  margin-left: -12px !important;
  margin-right: -12px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mt-1 {
  margin-top: 8px !important;
}

.mr-1 {
  margin-right: 8px !important;
}

.mb-1 {
  margin-bottom: 8px !important;
}

.ml-1 {
  margin-left: 8px !important;
}

.mt-2 {
  margin-top: 16px !important;
}

.mr-2 {
  margin-right: 16px !important;
}

.mb-2 {
  margin-bottom: 16px !important;
}

.ml-2 {
  margin-left: 16px !important;
}

.mt-3 {
  margin-top: 24px !important;
}

.mr-3 {
  margin-right: 24px !important;
}

.mb-3 {
  margin-bottom: 24px !important;
}

.ml-3 {
  margin-left: 24px !important;
}

.mt-4 {
  margin-top: 32px !important;
}

.mr-4 {
  margin-right: 32px !important;
}

.mb-4 {
  margin-bottom: 32px !important;
}

.ml-4 {
  margin-left: 32px !important;
}

.mt-5 {
  margin-top: 40px !important;
}

.mr-5 {
  margin-right: 40px !important;
}

.mb-5 {
  margin-bottom: 40px !important;
}

.ml-5 {
  margin-left: 40px !important;
}

.mt-6 {
  margin-top: 64px !important;
}

.mr-6 {
  margin-right: 64px !important;
}

.mb-6 {
  margin-bottom: 64px !important;
}

.ml-6 {
  margin-left: 64px !important;
}

.mt-7 {
  margin-top: 80px !important;
}

.mr-7 {
  margin-right: 80px !important;
}

.mb-7 {
  margin-bottom: 80px !important;
}

.ml-7 {
  margin-left: 80px !important;
}

.mt-8 {
  margin-top: 120px !important;
}

.mr-8 {
  margin-right: 120px !important;
}

.mb-8 {
  margin-bottom: 120px !important;
}

.ml-8 {
  margin-left: 120px !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mt-px {
  margin-top: 1px !important;
}

.mr-px {
  margin-right: 1px !important;
}

.mb-px {
  margin-bottom: 1px !important;
}

.ml-px {
  margin-left: 1px !important;
}

.mt-sm {
  margin-top: 4px !important;
}

.mr-sm {
  margin-right: 4px !important;
}

.mb-sm {
  margin-bottom: 4px !important;
}

.ml-sm {
  margin-left: 4px !important;
}

.mt-1\.5 {
  margin-top: 12px !important;
}

.mr-1\.5 {
  margin-right: 12px !important;
}

.mb-1\.5 {
  margin-bottom: 12px !important;
}

.ml-1\.5 {
  margin-left: 12px !important;
}

.-mt-1 {
  margin-top: -8px !important;
}

.-mr-1 {
  margin-right: -8px !important;
}

.-mb-1 {
  margin-bottom: -8px !important;
}

.-ml-1 {
  margin-left: -8px !important;
}

.-mt-2 {
  margin-top: -16px !important;
}

.-mr-2 {
  margin-right: -16px !important;
}

.-mb-2 {
  margin-bottom: -16px !important;
}

.-ml-2 {
  margin-left: -16px !important;
}

.-mt-3 {
  margin-top: -24px !important;
}

.-mr-3 {
  margin-right: -24px !important;
}

.-mb-3 {
  margin-bottom: -24px !important;
}

.-ml-3 {
  margin-left: -24px !important;
}

.-mt-4 {
  margin-top: -32px !important;
}

.-mr-4 {
  margin-right: -32px !important;
}

.-mb-4 {
  margin-bottom: -32px !important;
}

.-ml-4 {
  margin-left: -32px !important;
}

.-mt-5 {
  margin-top: -40px !important;
}

.-mr-5 {
  margin-right: -40px !important;
}

.-mb-5 {
  margin-bottom: -40px !important;
}

.-ml-5 {
  margin-left: -40px !important;
}

.-mt-6 {
  margin-top: -64px !important;
}

.-mr-6 {
  margin-right: -64px !important;
}

.-mb-6 {
  margin-bottom: -64px !important;
}

.-ml-6 {
  margin-left: -64px !important;
}

.-mt-7 {
  margin-top: -80px !important;
}

.-mr-7 {
  margin-right: -80px !important;
}

.-mb-7 {
  margin-bottom: -80px !important;
}

.-ml-7 {
  margin-left: -80px !important;
}

.-mt-8 {
  margin-top: -120px !important;
}

.-mr-8 {
  margin-right: -120px !important;
}

.-mb-8 {
  margin-bottom: -120px !important;
}

.-ml-8 {
  margin-left: -120px !important;
}

.-mt-px {
  margin-top: -1px !important;
}

.-mr-px {
  margin-right: -1px !important;
}

.-mb-px {
  margin-bottom: -1px !important;
}

.-ml-px {
  margin-left: -1px !important;
}

.-mt-sm {
  margin-top: -4px !important;
}

.-mr-sm {
  margin-right: -4px !important;
}

.-mb-sm {
  margin-bottom: -4px !important;
}

.-ml-sm {
  margin-left: -4px !important;
}

.-mt-1\.5 {
  margin-top: -12px !important;
}

.-mr-1\.5 {
  margin-right: -12px !important;
}

.-mb-1\.5 {
  margin-bottom: -12px !important;
}

.-ml-1\.5 {
  margin-left: -12px !important;
}

.max-h-full {
  max-height: 100% !important;
}

.max-h-screen {
  max-height: 100vh !important;
}

.max-h-screen-1\/2 {
  max-height: 50vh !important;
}

.max-w-3xs {
  max-width: 5rem !important;
}

.max-w-2xs {
  max-width: 10rem !important;
}

.max-w-xs {
  max-width: 20rem !important;
}

.max-w-sm {
  max-width: 30rem !important;
}

.max-w-md {
  max-width: 40rem !important;
}

.max-w-lg {
  max-width: 50rem !important;
}

.max-w-xl {
  max-width: 60rem !important;
}

.max-w-2xl {
  max-width: 70rem !important;
}

.max-w-3xl {
  max-width: 80rem !important;
}

.max-w-4xl {
  max-width: 90rem !important;
}

.max-w-5xl {
  max-width: 100rem !important;
}

.max-w-full {
  max-width: 100% !important;
}

.min-h-0 {
  min-height: 0 !important;
}

.min-h-16 {
  min-height: 64px !important;
}

.min-h-24 {
  min-height: 80px !important;
}

.min-h-48 {
  min-height: 160px !important;
}

.min-h-full {
  min-height: 100% !important;
}

.min-h-screen {
  min-height: 100vh !important;
}

.min-w-0 {
  min-width: 0 !important;
}

.min-w-100 {
  min-width: 100px !important;
}

.min-w-120 {
  min-width: 120px !important;
}

.min-w-xs {
  min-width: 10rem !important;
}

.min-w-md {
  min-width: 160px !important;
}

.min-w-lg {
  min-width: 200px !important;
}

.min-w-full {
  min-width: 100% !important;
}

.object-contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.object-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.object-fill {
  -o-object-fit: fill !important;
     object-fit: fill !important;
}

.object-none {
  -o-object-fit: none !important;
     object-fit: none !important;
}

.object-scale-down {
  -o-object-fit: scale-down !important;
     object-fit: scale-down !important;
}

.object-bottom {
  -o-object-position: bottom !important;
     object-position: bottom !important;
}

.object-center {
  -o-object-position: center !important;
     object-position: center !important;
}

.object-left {
  -o-object-position: left !important;
     object-position: left !important;
}

.object-left-bottom {
  -o-object-position: left bottom !important;
     object-position: left bottom !important;
}

.object-left-top {
  -o-object-position: left top !important;
     object-position: left top !important;
}

.object-right {
  -o-object-position: right !important;
     object-position: right !important;
}

.object-right-bottom {
  -o-object-position: right bottom !important;
     object-position: right bottom !important;
}

.object-right-top {
  -o-object-position: right top !important;
     object-position: right top !important;
}

.object-top {
  -o-object-position: top !important;
     object-position: top !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.hover\:opacity-0:hover {
  opacity: 0 !important;
}

.hover\:opacity-25:hover {
  opacity: 0.25 !important;
}

.hover\:opacity-50:hover {
  opacity: 0.5 !important;
}

.hover\:opacity-75:hover {
  opacity: 0.75 !important;
}

.hover\:opacity-100:hover {
  opacity: 1 !important;
}

.group:hover .group-hover\:opacity-0 {
  opacity: 0 !important;
}

.group:hover .group-hover\:opacity-25 {
  opacity: 0.25 !important;
}

.group:hover .group-hover\:opacity-50 {
  opacity: 0.5 !important;
}

.group:hover .group-hover\:opacity-75 {
  opacity: 0.75 !important;
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1 !important;
}

.outline-none {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.outline-white {
  outline: 2px dotted white !important;
  outline-offset: 2px !important;
}

.outline-black {
  outline: 2px dotted black !important;
  outline-offset: 2px !important;
}

.focus\:outline-none:focus {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.focus\:outline-white:focus {
  outline: 2px dotted white !important;
  outline-offset: 2px !important;
}

.focus\:outline-black:focus {
  outline: 2px dotted black !important;
  outline-offset: 2px !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.scrolling-touch {
  -webkit-overflow-scrolling: touch !important;
}

.scrolling-auto {
  -webkit-overflow-scrolling: auto !important;
}

.overscroll-auto {
  -ms-scroll-chaining: chained !important;
      overscroll-behavior: auto !important;
}

.overscroll-contain {
  -ms-scroll-chaining: none !important;
      overscroll-behavior: contain !important;
}

.overscroll-none {
  -ms-scroll-chaining: none !important;
      overscroll-behavior: none !important;
}

.overscroll-y-auto {
  overscroll-behavior-y: auto !important;
}

.overscroll-y-contain {
  overscroll-behavior-y: contain !important;
}

.overscroll-y-none {
  overscroll-behavior-y: none !important;
}

.overscroll-x-auto {
  overscroll-behavior-x: auto !important;
}

.overscroll-x-contain {
  overscroll-behavior-x: contain !important;
}

.overscroll-x-none {
  overscroll-behavior-x: none !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 8px !important;
}

.p-2 {
  padding: 16px !important;
}

.p-3 {
  padding: 24px !important;
}

.p-4 {
  padding: 32px !important;
}

.p-5 {
  padding: 40px !important;
}

.p-6 {
  padding: 64px !important;
}

.p-7 {
  padding: 80px !important;
}

.p-8 {
  padding: 120px !important;
}

.p-px {
  padding: 1px !important;
}

.p-sm {
  padding: 4px !important;
}

.p-1\.5 {
  padding: 12px !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-1 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.px-1 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.py-2 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.px-2 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.py-3 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.px-3 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.py-4 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.px-4 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.py-5 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.px-5 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.py-6 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.px-6 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}

.py-7 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.px-7 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.py-8 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.px-8 {
  padding-left: 120px !important;
  padding-right: 120px !important;
}

.py-px {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.px-px {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.py-sm {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.px-sm {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.py-1\.5 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.px-1\.5 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pt-1 {
  padding-top: 8px !important;
}

.pr-1 {
  padding-right: 8px !important;
}

.pb-1 {
  padding-bottom: 8px !important;
}

.pl-1 {
  padding-left: 8px !important;
}

.pt-2 {
  padding-top: 16px !important;
}

.pr-2 {
  padding-right: 16px !important;
}

.pb-2 {
  padding-bottom: 16px !important;
}

.pl-2 {
  padding-left: 16px !important;
}

.pt-3 {
  padding-top: 24px !important;
}

.pr-3 {
  padding-right: 24px !important;
}

.pb-3 {
  padding-bottom: 24px !important;
}

.pl-3 {
  padding-left: 24px !important;
}

.pt-4 {
  padding-top: 32px !important;
}

.pr-4 {
  padding-right: 32px !important;
}

.pb-4 {
  padding-bottom: 32px !important;
}

.pl-4 {
  padding-left: 32px !important;
}

.pt-5 {
  padding-top: 40px !important;
}

.pr-5 {
  padding-right: 40px !important;
}

.pb-5 {
  padding-bottom: 40px !important;
}

.pl-5 {
  padding-left: 40px !important;
}

.pt-6 {
  padding-top: 64px !important;
}

.pr-6 {
  padding-right: 64px !important;
}

.pb-6 {
  padding-bottom: 64px !important;
}

.pl-6 {
  padding-left: 64px !important;
}

.pt-7 {
  padding-top: 80px !important;
}

.pr-7 {
  padding-right: 80px !important;
}

.pb-7 {
  padding-bottom: 80px !important;
}

.pl-7 {
  padding-left: 80px !important;
}

.pt-8 {
  padding-top: 120px !important;
}

.pr-8 {
  padding-right: 120px !important;
}

.pb-8 {
  padding-bottom: 120px !important;
}

.pl-8 {
  padding-left: 120px !important;
}

.pt-px {
  padding-top: 1px !important;
}

.pr-px {
  padding-right: 1px !important;
}

.pb-px {
  padding-bottom: 1px !important;
}

.pl-px {
  padding-left: 1px !important;
}

.pt-sm {
  padding-top: 4px !important;
}

.pr-sm {
  padding-right: 4px !important;
}

.pb-sm {
  padding-bottom: 4px !important;
}

.pl-sm {
  padding-left: 4px !important;
}

.pt-1\.5 {
  padding-top: 12px !important;
}

.pr-1\.5 {
  padding-right: 12px !important;
}

.pb-1\.5 {
  padding-bottom: 12px !important;
}

.pl-1\.5 {
  padding-left: 12px !important;
}

.placeholder-transparent::-moz-placeholder {
  color: transparent !important;
}

.placeholder-transparent:-ms-input-placeholder {
  color: transparent !important;
}

.placeholder-transparent::placeholder {
  color: transparent !important;
}

.placeholder-black::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #000000 !important;
  color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}

.placeholder-black:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #000000 !important;
  color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}

.placeholder-black::placeholder {
  --placeholder-opacity: 1 !important;
  color: #000000 !important;
  color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}

.placeholder-grey-100::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 20%, 10%) !important;
  color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
}

.placeholder-grey-100:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 20%, 10%) !important;
  color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
}

.placeholder-grey-100::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 20%, 10%) !important;
  color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
}

.placeholder-grey::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 10%, 50%) !important;
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
}

.placeholder-grey:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 10%, 50%) !important;
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
}

.placeholder-grey::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 10%, 50%) !important;
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
}

.placeholder-grey-90::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(196, 31%, 14%) !important;
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
}

.placeholder-grey-90:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(196, 31%, 14%) !important;
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
}

.placeholder-grey-90::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(196, 31%, 14%) !important;
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
}

.placeholder-grey-80::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(198, 32%, 16%) !important;
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
}

.placeholder-grey-80:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(198, 32%, 16%) !important;
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
}

.placeholder-grey-80::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(198, 32%, 16%) !important;
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
}

.placeholder-grey-70::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 10%, 50%) !important;
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
}

.placeholder-grey-70:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 10%, 50%) !important;
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
}

.placeholder-grey-70::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 10%, 50%) !important;
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
}

.placeholder-grey-60::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 15%, 70%) !important;
  color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
}

.placeholder-grey-60:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 15%, 70%) !important;
  color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
}

.placeholder-grey-60::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 15%, 70%) !important;
  color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
}

.placeholder-grey-50::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 15%, 80%) !important;
  color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
}

.placeholder-grey-50:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 15%, 80%) !important;
  color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
}

.placeholder-grey-50::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 15%, 80%) !important;
  color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
}

.placeholder-grey-40::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 22%, 89%) !important;
  color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
}

.placeholder-grey-40:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 22%, 89%) !important;
  color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
}

.placeholder-grey-40::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 22%, 89%) !important;
  color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
}

.placeholder-grey-30::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 30%, 95%) !important;
  color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
}

.placeholder-grey-30:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 30%, 95%) !important;
  color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
}

.placeholder-grey-30::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 30%, 95%) !important;
  color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
}

.placeholder-grey-20::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(214, 60%, 97.5%) !important;
  color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
}

.placeholder-grey-20:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(214, 60%, 97.5%) !important;
  color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
}

.placeholder-grey-20::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(214, 60%, 97.5%) !important;
  color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
}

.placeholder-grey-10::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(218, 90%, 99%) !important;
  color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
}

.placeholder-grey-10:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(218, 90%, 99%) !important;
  color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
}

.placeholder-grey-10::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(218, 90%, 99%) !important;
  color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
}

.placeholder-white::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #ffffff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}

.placeholder-white:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #ffffff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}

.placeholder-white::placeholder {
  --placeholder-opacity: 1 !important;
  color: #ffffff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}

.placeholder-green::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #479967 !important;
  color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
}

.placeholder-green:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #479967 !important;
  color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
}

.placeholder-green::placeholder {
  --placeholder-opacity: 1 !important;
  color: #479967 !important;
  color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
}

.placeholder-green-light::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #64BD63 !important;
  color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
}

.placeholder-green-light:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #64BD63 !important;
  color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
}

.placeholder-green-light::placeholder {
  --placeholder-opacity: 1 !important;
  color: #64BD63 !important;
  color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
}

.placeholder-blue-lighter::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(207, 86%, 70%) !important;
  color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
}

.placeholder-blue-lighter:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(207, 86%, 70%) !important;
  color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
}

.placeholder-blue-lighter::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(207, 86%, 70%) !important;
  color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
}

.placeholder-blue-light::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 100%, 75%) !important;
  color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-light:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 100%, 75%) !important;
  color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-light::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 100%, 75%) !important;
  color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 80%, 50%) !important;
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
}

.placeholder-blue:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 80%, 50%) !important;
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
}

.placeholder-blue::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 80%, 50%) !important;
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
}

.placeholder-blue-dark::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 75%, 45%) !important;
  color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
}

.placeholder-blue-dark:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 75%, 45%) !important;
  color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
}

.placeholder-blue-dark::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 75%, 45%) !important;
  color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
}

.placeholder-blue-darker::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 75%, 40%) !important;
  color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
}

.placeholder-blue-darker:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 75%, 40%) !important;
  color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
}

.placeholder-blue-darker::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 75%, 40%) !important;
  color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
}

.placeholder-blue-100::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #eaf5ff !important;
  color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-100:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #eaf5ff !important;
  color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-100::placeholder {
  --placeholder-opacity: 1 !important;
  color: #eaf5ff !important;
  color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-200::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #abd9ff !important;
  color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-200:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #abd9ff !important;
  color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-200::placeholder {
  --placeholder-opacity: 1 !important;
  color: #abd9ff !important;
  color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-300::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #82c5ff !important;
  color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-300:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #82c5ff !important;
  color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-300::placeholder {
  --placeholder-opacity: 1 !important;
  color: #82c5ff !important;
  color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-400::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #43a9ff !important;
  color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-400:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #43a9ff !important;
  color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-400::placeholder {
  --placeholder-opacity: 1 !important;
  color: #43a9ff !important;
  color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-500::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #2e9fff !important;
  color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-500:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #2e9fff !important;
  color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-500::placeholder {
  --placeholder-opacity: 1 !important;
  color: #2e9fff !important;
  color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-600::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #298fe6 !important;
  color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
}

.placeholder-blue-600:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #298fe6 !important;
  color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
}

.placeholder-blue-600::placeholder {
  --placeholder-opacity: 1 !important;
  color: #298fe6 !important;
  color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
}

.placeholder-blue-700::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #257fcc !important;
  color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
}

.placeholder-blue-700:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #257fcc !important;
  color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
}

.placeholder-blue-700::placeholder {
  --placeholder-opacity: 1 !important;
  color: #257fcc !important;
  color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
}

.placeholder-blue-800::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #206fb3 !important;
  color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
}

.placeholder-blue-800:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #206fb3 !important;
  color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
}

.placeholder-blue-800::placeholder {
  --placeholder-opacity: 1 !important;
  color: #206fb3 !important;
  color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
}

.placeholder-blue-900::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #175080 !important;
  color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
}

.placeholder-blue-900:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #175080 !important;
  color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
}

.placeholder-blue-900::placeholder {
  --placeholder-opacity: 1 !important;
  color: #175080 !important;
  color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
}

.placeholder-red-dark::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 57%, 53%) !important;
  color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
}

.placeholder-red-dark:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 57%, 53%) !important;
  color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
}

.placeholder-red-dark::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 57%, 53%) !important;
  color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
}

.placeholder-red::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 76%, 60%) !important;
  color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
}

.placeholder-red:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 76%, 60%) !important;
  color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
}

.placeholder-red::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 76%, 60%) !important;
  color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
}

.placeholder-red-light::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 76%, 70%) !important;
  color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
}

.placeholder-red-light:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 76%, 70%) !important;
  color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
}

.placeholder-red-light::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 76%, 70%) !important;
  color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
}

.placeholder-red-lighter::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 76%, 95%) !important;
  color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
}

.placeholder-red-lighter:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 76%, 95%) !important;
  color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
}

.placeholder-red-lighter::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 76%, 95%) !important;
  color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
}

.placeholder-yellow::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #fbfab0 !important;
  color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
}

.placeholder-yellow:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #fbfab0 !important;
  color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
}

.placeholder-yellow::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fbfab0 !important;
  color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-dark::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #d8cd1b !important;
  color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-dark:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #d8cd1b !important;
  color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-dark::placeholder {
  --placeholder-opacity: 1 !important;
  color: #d8cd1b !important;
  color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
}

.placeholder-orange::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #f5a82f !important;
  color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
}

.placeholder-orange:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #f5a82f !important;
  color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
}

.placeholder-orange::placeholder {
  --placeholder-opacity: 1 !important;
  color: #f5a82f !important;
  color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
}

.placeholder-pink::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #ff269e !important;
  color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
}

.placeholder-pink:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #ff269e !important;
  color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
}

.placeholder-pink::placeholder {
  --placeholder-opacity: 1 !important;
  color: #ff269e !important;
  color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
}

.placeholder-purple::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #c471ed !important;
  color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
}

.placeholder-purple:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #c471ed !important;
  color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
}

.placeholder-purple::placeholder {
  --placeholder-opacity: 1 !important;
  color: #c471ed !important;
  color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
}

.placeholder-darken-10::-moz-placeholder {
  color: rgba(0,0,0,.1) !important;
}

.placeholder-darken-10:-ms-input-placeholder {
  color: rgba(0,0,0,.1) !important;
}

.placeholder-darken-10::placeholder {
  color: rgba(0,0,0,.1) !important;
}

.placeholder-darken-20::-moz-placeholder {
  color: rgba(0,0,0,.2) !important;
}

.placeholder-darken-20:-ms-input-placeholder {
  color: rgba(0,0,0,.2) !important;
}

.placeholder-darken-20::placeholder {
  color: rgba(0,0,0,.2) !important;
}

.placeholder-primary::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 80%, 50%) !important;
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
}

.placeholder-primary:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 80%, 50%) !important;
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
}

.placeholder-primary::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 80%, 50%) !important;
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-transparent:focus::-moz-placeholder {
  color: transparent !important;
}

.focus\:placeholder-transparent:focus:-ms-input-placeholder {
  color: transparent !important;
}

.focus\:placeholder-transparent:focus::placeholder {
  color: transparent !important;
}

.focus\:placeholder-black:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #000000 !important;
  color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-black:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #000000 !important;
  color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-black:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #000000 !important;
  color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-100:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 20%, 10%) !important;
  color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-100:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 20%, 10%) !important;
  color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-100:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 20%, 10%) !important;
  color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 10%, 50%) !important;
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 10%, 50%) !important;
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 10%, 50%) !important;
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-90:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(196, 31%, 14%) !important;
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-90:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(196, 31%, 14%) !important;
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-90:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(196, 31%, 14%) !important;
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-80:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(198, 32%, 16%) !important;
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-80:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(198, 32%, 16%) !important;
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-80:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(198, 32%, 16%) !important;
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-70:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 10%, 50%) !important;
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-70:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 10%, 50%) !important;
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-70:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 10%, 50%) !important;
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-60:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 15%, 70%) !important;
  color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-60:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 15%, 70%) !important;
  color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-60:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 15%, 70%) !important;
  color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-50:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 15%, 80%) !important;
  color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-50:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 15%, 80%) !important;
  color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-50:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 15%, 80%) !important;
  color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-40:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 22%, 89%) !important;
  color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-40:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 22%, 89%) !important;
  color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-40:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 22%, 89%) !important;
  color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-30:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 30%, 95%) !important;
  color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-30:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 30%, 95%) !important;
  color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-30:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 30%, 95%) !important;
  color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-20:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(214, 60%, 97.5%) !important;
  color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-20:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(214, 60%, 97.5%) !important;
  color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-20:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(214, 60%, 97.5%) !important;
  color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-10:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(218, 90%, 99%) !important;
  color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-10:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(218, 90%, 99%) !important;
  color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-grey-10:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(218, 90%, 99%) !important;
  color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-white:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #ffffff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-white:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #ffffff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-white:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #ffffff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #479967 !important;
  color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #479967 !important;
  color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #479967 !important;
  color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-light:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #64BD63 !important;
  color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-light:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #64BD63 !important;
  color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-light:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #64BD63 !important;
  color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-lighter:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(207, 86%, 70%) !important;
  color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-lighter:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(207, 86%, 70%) !important;
  color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-lighter:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(207, 86%, 70%) !important;
  color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-light:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 100%, 75%) !important;
  color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-light:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 100%, 75%) !important;
  color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-light:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(210, 100%, 75%) !important;
  color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 80%, 50%) !important;
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 80%, 50%) !important;
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 80%, 50%) !important;
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-dark:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 75%, 45%) !important;
  color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-dark:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 75%, 45%) !important;
  color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-dark:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 75%, 45%) !important;
  color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-darker:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 75%, 40%) !important;
  color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-darker:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 75%, 40%) !important;
  color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-darker:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 75%, 40%) !important;
  color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-100:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #eaf5ff !important;
  color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-100:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #eaf5ff !important;
  color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-100:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #eaf5ff !important;
  color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-200:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #abd9ff !important;
  color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-200:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #abd9ff !important;
  color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-200:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #abd9ff !important;
  color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-300:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #82c5ff !important;
  color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-300:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #82c5ff !important;
  color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-300:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #82c5ff !important;
  color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-400:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #43a9ff !important;
  color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-400:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #43a9ff !important;
  color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-400:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #43a9ff !important;
  color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-500:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #2e9fff !important;
  color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-500:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #2e9fff !important;
  color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-500:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #2e9fff !important;
  color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-600:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #298fe6 !important;
  color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-600:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #298fe6 !important;
  color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-600:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #298fe6 !important;
  color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-700:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #257fcc !important;
  color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-700:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #257fcc !important;
  color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-700:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #257fcc !important;
  color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-800:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #206fb3 !important;
  color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-800:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #206fb3 !important;
  color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-800:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #206fb3 !important;
  color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-900:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #175080 !important;
  color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-900:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #175080 !important;
  color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-900:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #175080 !important;
  color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-red-dark:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 57%, 53%) !important;
  color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-red-dark:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 57%, 53%) !important;
  color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-red-dark:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 57%, 53%) !important;
  color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-red:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 76%, 60%) !important;
  color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-red:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 76%, 60%) !important;
  color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-red:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 76%, 60%) !important;
  color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-red-light:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 76%, 70%) !important;
  color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-red-light:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 76%, 70%) !important;
  color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-red-light:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 76%, 70%) !important;
  color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-red-lighter:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 76%, 95%) !important;
  color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-red-lighter:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 76%, 95%) !important;
  color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-red-lighter:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(2, 76%, 95%) !important;
  color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #fbfab0 !important;
  color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #fbfab0 !important;
  color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fbfab0 !important;
  color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-dark:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #d8cd1b !important;
  color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-dark:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #d8cd1b !important;
  color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-dark:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #d8cd1b !important;
  color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #f5a82f !important;
  color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #f5a82f !important;
  color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #f5a82f !important;
  color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #ff269e !important;
  color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #ff269e !important;
  color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #ff269e !important;
  color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: #c471ed !important;
  color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: #c471ed !important;
  color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #c471ed !important;
  color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-darken-10:focus::-moz-placeholder {
  color: rgba(0,0,0,.1) !important;
}

.focus\:placeholder-darken-10:focus:-ms-input-placeholder {
  color: rgba(0,0,0,.1) !important;
}

.focus\:placeholder-darken-10:focus::placeholder {
  color: rgba(0,0,0,.1) !important;
}

.focus\:placeholder-darken-20:focus::-moz-placeholder {
  color: rgba(0,0,0,.2) !important;
}

.focus\:placeholder-darken-20:focus:-ms-input-placeholder {
  color: rgba(0,0,0,.2) !important;
}

.focus\:placeholder-darken-20:focus::placeholder {
  color: rgba(0,0,0,.2) !important;
}

.focus\:placeholder-primary:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 80%, 50%) !important;
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-primary:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 80%, 50%) !important;
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-primary:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: hsl(200, 80%, 50%) !important;
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
}

.placeholder-opacity-0::-moz-placeholder {
  --placeholder-opacity: 0 !important;
}

.placeholder-opacity-0:-ms-input-placeholder {
  --placeholder-opacity: 0 !important;
}

.placeholder-opacity-0::placeholder {
  --placeholder-opacity: 0 !important;
}

.placeholder-opacity-25::-moz-placeholder {
  --placeholder-opacity: 0.25 !important;
}

.placeholder-opacity-25:-ms-input-placeholder {
  --placeholder-opacity: 0.25 !important;
}

.placeholder-opacity-25::placeholder {
  --placeholder-opacity: 0.25 !important;
}

.placeholder-opacity-50::-moz-placeholder {
  --placeholder-opacity: 0.5 !important;
}

.placeholder-opacity-50:-ms-input-placeholder {
  --placeholder-opacity: 0.5 !important;
}

.placeholder-opacity-50::placeholder {
  --placeholder-opacity: 0.5 !important;
}

.placeholder-opacity-75::-moz-placeholder {
  --placeholder-opacity: 0.75 !important;
}

.placeholder-opacity-75:-ms-input-placeholder {
  --placeholder-opacity: 0.75 !important;
}

.placeholder-opacity-75::placeholder {
  --placeholder-opacity: 0.75 !important;
}

.placeholder-opacity-100::-moz-placeholder {
  --placeholder-opacity: 1 !important;
}

.placeholder-opacity-100:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
}

.placeholder-opacity-100::placeholder {
  --placeholder-opacity: 1 !important;
}

.focus\:placeholder-opacity-0:focus::-moz-placeholder {
  --placeholder-opacity: 0 !important;
}

.focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
  --placeholder-opacity: 0 !important;
}

.focus\:placeholder-opacity-0:focus::placeholder {
  --placeholder-opacity: 0 !important;
}

.focus\:placeholder-opacity-25:focus::-moz-placeholder {
  --placeholder-opacity: 0.25 !important;
}

.focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
  --placeholder-opacity: 0.25 !important;
}

.focus\:placeholder-opacity-25:focus::placeholder {
  --placeholder-opacity: 0.25 !important;
}

.focus\:placeholder-opacity-50:focus::-moz-placeholder {
  --placeholder-opacity: 0.5 !important;
}

.focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
  --placeholder-opacity: 0.5 !important;
}

.focus\:placeholder-opacity-50:focus::placeholder {
  --placeholder-opacity: 0.5 !important;
}

.focus\:placeholder-opacity-75:focus::-moz-placeholder {
  --placeholder-opacity: 0.75 !important;
}

.focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
  --placeholder-opacity: 0.75 !important;
}

.focus\:placeholder-opacity-75:focus::placeholder {
  --placeholder-opacity: 0.75 !important;
}

.focus\:placeholder-opacity-100:focus::-moz-placeholder {
  --placeholder-opacity: 1 !important;
}

.focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
  --placeholder-opacity: 1 !important;
}

.focus\:placeholder-opacity-100:focus::placeholder {
  --placeholder-opacity: 1 !important;
}

.pointer-events-none {
  pointer-events: none !important;
}

.pointer-events-auto {
  pointer-events: auto !important;
}

.static {
  position: static !important;
}

.fixed {
  position: fixed !important;
}

.absolute {
  position: absolute !important;
}

.relative {
  position: relative !important;
}

.sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.inset-0 {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

.inset-1 {
  top: 8px !important;
  right: 8px !important;
  bottom: 8px !important;
  left: 8px !important;
}

.inset-2 {
  top: 16px !important;
  right: 16px !important;
  bottom: 16px !important;
  left: 16px !important;
}

.inset-3 {
  top: 24px !important;
  right: 24px !important;
  bottom: 24px !important;
  left: 24px !important;
}

.inset-4 {
  top: 32px !important;
  right: 32px !important;
  bottom: 32px !important;
  left: 32px !important;
}

.inset-5 {
  top: 40px !important;
  right: 40px !important;
  bottom: 40px !important;
  left: 40px !important;
}

.inset-6 {
  top: 64px !important;
  right: 64px !important;
  bottom: 64px !important;
  left: 64px !important;
}

.inset-7 {
  top: 80px !important;
  right: 80px !important;
  bottom: 80px !important;
  left: 80px !important;
}

.inset-8 {
  top: 120px !important;
  right: 120px !important;
  bottom: 120px !important;
  left: 120px !important;
}

.inset-px {
  top: 1px !important;
  right: 1px !important;
  bottom: 1px !important;
  left: 1px !important;
}

.inset-sm {
  top: 4px !important;
  right: 4px !important;
  bottom: 4px !important;
  left: 4px !important;
}

.inset-1\.5 {
  top: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  left: 12px !important;
}

.-inset-1 {
  top: -8px !important;
  right: -8px !important;
  bottom: -8px !important;
  left: -8px !important;
}

.-inset-2 {
  top: -16px !important;
  right: -16px !important;
  bottom: -16px !important;
  left: -16px !important;
}

.-inset-3 {
  top: -24px !important;
  right: -24px !important;
  bottom: -24px !important;
  left: -24px !important;
}

.-inset-4 {
  top: -32px !important;
  right: -32px !important;
  bottom: -32px !important;
  left: -32px !important;
}

.-inset-5 {
  top: -40px !important;
  right: -40px !important;
  bottom: -40px !important;
  left: -40px !important;
}

.-inset-6 {
  top: -64px !important;
  right: -64px !important;
  bottom: -64px !important;
  left: -64px !important;
}

.-inset-7 {
  top: -80px !important;
  right: -80px !important;
  bottom: -80px !important;
  left: -80px !important;
}

.-inset-8 {
  top: -120px !important;
  right: -120px !important;
  bottom: -120px !important;
  left: -120px !important;
}

.-inset-px {
  top: -1px !important;
  right: -1px !important;
  bottom: -1px !important;
  left: -1px !important;
}

.-inset-sm {
  top: -4px !important;
  right: -4px !important;
  bottom: -4px !important;
  left: -4px !important;
}

.-inset-1\.5 {
  top: -12px !important;
  right: -12px !important;
  bottom: -12px !important;
  left: -12px !important;
}

.inset-auto {
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
}

.inset-y-0 {
  top: 0 !important;
  bottom: 0 !important;
}

.inset-x-0 {
  right: 0 !important;
  left: 0 !important;
}

.inset-y-1 {
  top: 8px !important;
  bottom: 8px !important;
}

.inset-x-1 {
  right: 8px !important;
  left: 8px !important;
}

.inset-y-2 {
  top: 16px !important;
  bottom: 16px !important;
}

.inset-x-2 {
  right: 16px !important;
  left: 16px !important;
}

.inset-y-3 {
  top: 24px !important;
  bottom: 24px !important;
}

.inset-x-3 {
  right: 24px !important;
  left: 24px !important;
}

.inset-y-4 {
  top: 32px !important;
  bottom: 32px !important;
}

.inset-x-4 {
  right: 32px !important;
  left: 32px !important;
}

.inset-y-5 {
  top: 40px !important;
  bottom: 40px !important;
}

.inset-x-5 {
  right: 40px !important;
  left: 40px !important;
}

.inset-y-6 {
  top: 64px !important;
  bottom: 64px !important;
}

.inset-x-6 {
  right: 64px !important;
  left: 64px !important;
}

.inset-y-7 {
  top: 80px !important;
  bottom: 80px !important;
}

.inset-x-7 {
  right: 80px !important;
  left: 80px !important;
}

.inset-y-8 {
  top: 120px !important;
  bottom: 120px !important;
}

.inset-x-8 {
  right: 120px !important;
  left: 120px !important;
}

.inset-y-px {
  top: 1px !important;
  bottom: 1px !important;
}

.inset-x-px {
  right: 1px !important;
  left: 1px !important;
}

.inset-y-sm {
  top: 4px !important;
  bottom: 4px !important;
}

.inset-x-sm {
  right: 4px !important;
  left: 4px !important;
}

.inset-y-1\.5 {
  top: 12px !important;
  bottom: 12px !important;
}

.inset-x-1\.5 {
  right: 12px !important;
  left: 12px !important;
}

.-inset-y-1 {
  top: -8px !important;
  bottom: -8px !important;
}

.-inset-x-1 {
  right: -8px !important;
  left: -8px !important;
}

.-inset-y-2 {
  top: -16px !important;
  bottom: -16px !important;
}

.-inset-x-2 {
  right: -16px !important;
  left: -16px !important;
}

.-inset-y-3 {
  top: -24px !important;
  bottom: -24px !important;
}

.-inset-x-3 {
  right: -24px !important;
  left: -24px !important;
}

.-inset-y-4 {
  top: -32px !important;
  bottom: -32px !important;
}

.-inset-x-4 {
  right: -32px !important;
  left: -32px !important;
}

.-inset-y-5 {
  top: -40px !important;
  bottom: -40px !important;
}

.-inset-x-5 {
  right: -40px !important;
  left: -40px !important;
}

.-inset-y-6 {
  top: -64px !important;
  bottom: -64px !important;
}

.-inset-x-6 {
  right: -64px !important;
  left: -64px !important;
}

.-inset-y-7 {
  top: -80px !important;
  bottom: -80px !important;
}

.-inset-x-7 {
  right: -80px !important;
  left: -80px !important;
}

.-inset-y-8 {
  top: -120px !important;
  bottom: -120px !important;
}

.-inset-x-8 {
  right: -120px !important;
  left: -120px !important;
}

.-inset-y-px {
  top: -1px !important;
  bottom: -1px !important;
}

.-inset-x-px {
  right: -1px !important;
  left: -1px !important;
}

.-inset-y-sm {
  top: -4px !important;
  bottom: -4px !important;
}

.-inset-x-sm {
  right: -4px !important;
  left: -4px !important;
}

.-inset-y-1\.5 {
  top: -12px !important;
  bottom: -12px !important;
}

.-inset-x-1\.5 {
  right: -12px !important;
  left: -12px !important;
}

.inset-y-auto {
  top: auto !important;
  bottom: auto !important;
}

.inset-x-auto {
  right: auto !important;
  left: auto !important;
}

.top-0 {
  top: 0 !important;
}

.right-0 {
  right: 0 !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.left-0 {
  left: 0 !important;
}

.top-1 {
  top: 8px !important;
}

.right-1 {
  right: 8px !important;
}

.bottom-1 {
  bottom: 8px !important;
}

.left-1 {
  left: 8px !important;
}

.top-2 {
  top: 16px !important;
}

.right-2 {
  right: 16px !important;
}

.bottom-2 {
  bottom: 16px !important;
}

.left-2 {
  left: 16px !important;
}

.top-3 {
  top: 24px !important;
}

.right-3 {
  right: 24px !important;
}

.bottom-3 {
  bottom: 24px !important;
}

.left-3 {
  left: 24px !important;
}

.top-4 {
  top: 32px !important;
}

.right-4 {
  right: 32px !important;
}

.bottom-4 {
  bottom: 32px !important;
}

.left-4 {
  left: 32px !important;
}

.top-5 {
  top: 40px !important;
}

.right-5 {
  right: 40px !important;
}

.bottom-5 {
  bottom: 40px !important;
}

.left-5 {
  left: 40px !important;
}

.top-6 {
  top: 64px !important;
}

.right-6 {
  right: 64px !important;
}

.bottom-6 {
  bottom: 64px !important;
}

.left-6 {
  left: 64px !important;
}

.top-7 {
  top: 80px !important;
}

.right-7 {
  right: 80px !important;
}

.bottom-7 {
  bottom: 80px !important;
}

.left-7 {
  left: 80px !important;
}

.top-8 {
  top: 120px !important;
}

.right-8 {
  right: 120px !important;
}

.bottom-8 {
  bottom: 120px !important;
}

.left-8 {
  left: 120px !important;
}

.top-px {
  top: 1px !important;
}

.right-px {
  right: 1px !important;
}

.bottom-px {
  bottom: 1px !important;
}

.left-px {
  left: 1px !important;
}

.top-sm {
  top: 4px !important;
}

.right-sm {
  right: 4px !important;
}

.bottom-sm {
  bottom: 4px !important;
}

.left-sm {
  left: 4px !important;
}

.top-1\.5 {
  top: 12px !important;
}

.right-1\.5 {
  right: 12px !important;
}

.bottom-1\.5 {
  bottom: 12px !important;
}

.left-1\.5 {
  left: 12px !important;
}

.-top-1 {
  top: -8px !important;
}

.-right-1 {
  right: -8px !important;
}

.-bottom-1 {
  bottom: -8px !important;
}

.-left-1 {
  left: -8px !important;
}

.-top-2 {
  top: -16px !important;
}

.-right-2 {
  right: -16px !important;
}

.-bottom-2 {
  bottom: -16px !important;
}

.-left-2 {
  left: -16px !important;
}

.-top-3 {
  top: -24px !important;
}

.-right-3 {
  right: -24px !important;
}

.-bottom-3 {
  bottom: -24px !important;
}

.-left-3 {
  left: -24px !important;
}

.-top-4 {
  top: -32px !important;
}

.-right-4 {
  right: -32px !important;
}

.-bottom-4 {
  bottom: -32px !important;
}

.-left-4 {
  left: -32px !important;
}

.-top-5 {
  top: -40px !important;
}

.-right-5 {
  right: -40px !important;
}

.-bottom-5 {
  bottom: -40px !important;
}

.-left-5 {
  left: -40px !important;
}

.-top-6 {
  top: -64px !important;
}

.-right-6 {
  right: -64px !important;
}

.-bottom-6 {
  bottom: -64px !important;
}

.-left-6 {
  left: -64px !important;
}

.-top-7 {
  top: -80px !important;
}

.-right-7 {
  right: -80px !important;
}

.-bottom-7 {
  bottom: -80px !important;
}

.-left-7 {
  left: -80px !important;
}

.-top-8 {
  top: -120px !important;
}

.-right-8 {
  right: -120px !important;
}

.-bottom-8 {
  bottom: -120px !important;
}

.-left-8 {
  left: -120px !important;
}

.-top-px {
  top: -1px !important;
}

.-right-px {
  right: -1px !important;
}

.-bottom-px {
  bottom: -1px !important;
}

.-left-px {
  left: -1px !important;
}

.-top-sm {
  top: -4px !important;
}

.-right-sm {
  right: -4px !important;
}

.-bottom-sm {
  bottom: -4px !important;
}

.-left-sm {
  left: -4px !important;
}

.-top-1\.5 {
  top: -12px !important;
}

.-right-1\.5 {
  right: -12px !important;
}

.-bottom-1\.5 {
  bottom: -12px !important;
}

.-left-1\.5 {
  left: -12px !important;
}

.top-auto {
  top: auto !important;
}

.right-auto {
  right: auto !important;
}

.bottom-auto {
  bottom: auto !important;
}

.left-auto {
  left: auto !important;
}

.resize-none {
  resize: none !important;
}

.resize-y {
  resize: vertical !important;
}

.resize-x {
  resize: horizontal !important;
}

.resize {
  resize: both !important;
}

.shadow-sm {
  box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03) !important;
}

.shadow {
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15) !important;
}

.shadow-lg {
  box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075) !important;
}

.shadow-xl {
  box-shadow: 0 12px 24px 0 rgba(50, 50, 93, .1), 0 10px 20px 0 rgba(0, 0, 0, .075) !important;
}

.shadow-popover {
  box-shadow: 0 0 0 1px rgba(40,45,50,0.05), 0 0 0 1px rgba(40,45,50,0.05), 0 2px 7px 1px rgba(40,45,50,0.16) !important;
}

.shadow-set {
  box-shadow: rgba(50,50,93,.1) 0 0 0 1px, rgba(50,50,93,.08) 0 2px 5px, rgba(0,0,0,.07) 0 1px 1.5px,rgba(0,0,0,.08) 0 1px 2px 0, transparent 0 0 0 0 !important;
}

.shadow-button {
  box-shadow: 0 1px 0 0 rgba(25,30,35,.05) !important;
}

.shadow-inner {
  box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.hover\:shadow-sm:hover {
  box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03) !important;
}

.hover\:shadow:hover {
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15) !important;
}

.hover\:shadow-lg:hover {
  box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075) !important;
}

.hover\:shadow-xl:hover {
  box-shadow: 0 12px 24px 0 rgba(50, 50, 93, .1), 0 10px 20px 0 rgba(0, 0, 0, .075) !important;
}

.hover\:shadow-popover:hover {
  box-shadow: 0 0 0 1px rgba(40,45,50,0.05), 0 0 0 1px rgba(40,45,50,0.05), 0 2px 7px 1px rgba(40,45,50,0.16) !important;
}

.hover\:shadow-set:hover {
  box-shadow: rgba(50,50,93,.1) 0 0 0 1px, rgba(50,50,93,.08) 0 2px 5px, rgba(0,0,0,.07) 0 1px 1.5px,rgba(0,0,0,.08) 0 1px 2px 0, transparent 0 0 0 0 !important;
}

.hover\:shadow-button:hover {
  box-shadow: 0 1px 0 0 rgba(25,30,35,.05) !important;
}

.hover\:shadow-inner:hover {
  box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05) !important;
}

.hover\:shadow-none:hover {
  box-shadow: none !important;
}

.focus\:shadow-sm:focus {
  box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03) !important;
}

.focus\:shadow:focus {
  box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15) !important;
}

.focus\:shadow-lg:focus {
  box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075) !important;
}

.focus\:shadow-xl:focus {
  box-shadow: 0 12px 24px 0 rgba(50, 50, 93, .1), 0 10px 20px 0 rgba(0, 0, 0, .075) !important;
}

.focus\:shadow-popover:focus {
  box-shadow: 0 0 0 1px rgba(40,45,50,0.05), 0 0 0 1px rgba(40,45,50,0.05), 0 2px 7px 1px rgba(40,45,50,0.16) !important;
}

.focus\:shadow-set:focus {
  box-shadow: rgba(50,50,93,.1) 0 0 0 1px, rgba(50,50,93,.08) 0 2px 5px, rgba(0,0,0,.07) 0 1px 1.5px,rgba(0,0,0,.08) 0 1px 2px 0, transparent 0 0 0 0 !important;
}

.focus\:shadow-button:focus {
  box-shadow: 0 1px 0 0 rgba(25,30,35,.05) !important;
}

.focus\:shadow-inner:focus {
  box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05) !important;
}

.focus\:shadow-none:focus {
  box-shadow: none !important;
}

.fill-current {
  fill: currentColor !important;
}

.stroke-current {
  stroke: currentColor !important;
}

.stroke-0 {
  stroke-width: 0 !important;
}

.stroke-1 {
  stroke-width: 1 !important;
}

.stroke-2 {
  stroke-width: 2 !important;
}

.table-auto {
  table-layout: auto !important;
}

.table-fixed {
  table-layout: fixed !important;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-justify {
  text-align: justify !important;
}

.text-transparent {
  color: transparent !important;
}

.text-black {
  --text-opacity: 1 !important;
  color: #000000 !important;
  color: rgba(0, 0, 0, var(--text-opacity)) !important;
}

.text-grey-100 {
  --text-opacity: 1 !important;
  color: hsl(210, 20%, 10%) !important;
  color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity)) !important;
}

.text-grey {
  --text-opacity: 1 !important;
  color: hsl(210, 10%, 50%) !important;
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
}

.text-grey-90 {
  --text-opacity: 1 !important;
  color: hsl(196, 31%, 14%) !important;
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity)) !important;
}

.text-grey-80 {
  --text-opacity: 1 !important;
  color: hsl(198, 32%, 16%) !important;
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity)) !important;
}

.text-grey-70 {
  --text-opacity: 1 !important;
  color: hsl(210, 10%, 50%) !important;
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
}

.text-grey-60 {
  --text-opacity: 1 !important;
  color: hsl(210, 15%, 70%) !important;
  color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity)) !important;
}

.text-grey-50 {
  --text-opacity: 1 !important;
  color: hsl(210, 15%, 80%) !important;
  color: rgba(196.35, 204, 211.65, var(--text-opacity)) !important;
}

.text-grey-40 {
  --text-opacity: 1 !important;
  color: hsl(210, 22%, 89%) !important;
  color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity)) !important;
}

.text-grey-30 {
  --text-opacity: 1 !important;
  color: hsl(210, 30%, 95%) !important;
  color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--text-opacity)) !important;
}

.text-grey-20 {
  --text-opacity: 1 !important;
  color: hsl(214, 60%, 97.5%) !important;
  color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity)) !important;
}

.text-grey-10 {
  --text-opacity: 1 !important;
  color: hsl(218, 90%, 99%) !important;
  color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--text-opacity)) !important;
}

.text-white {
  --text-opacity: 1 !important;
  color: #ffffff !important;
  color: rgba(255, 255, 255, var(--text-opacity)) !important;
}

.text-green {
  --text-opacity: 1 !important;
  color: #479967 !important;
  color: rgba(71, 153, 103, var(--text-opacity)) !important;
}

.text-green-light {
  --text-opacity: 1 !important;
  color: #64BD63 !important;
  color: rgba(100, 189, 99, var(--text-opacity)) !important;
}

.text-blue-lighter {
  --text-opacity: 1 !important;
  color: hsl(207, 86%, 70%) !important;
  color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--text-opacity)) !important;
}

.text-blue-light {
  --text-opacity: 1 !important;
  color: hsl(210, 100%, 75%) !important;
  color: rgba(127.5, 191.24999999999994, 255, var(--text-opacity)) !important;
}

.text-blue {
  --text-opacity: 1 !important;
  color: hsl(200, 80%, 50%) !important;
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
}

.text-blue-dark {
  --text-opacity: 1 !important;
  color: hsl(200, 75%, 45%) !important;
  color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity)) !important;
}

.text-blue-darker {
  --text-opacity: 1 !important;
  color: hsl(200, 75%, 40%) !important;
  color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--text-opacity)) !important;
}

.text-blue-100 {
  --text-opacity: 1 !important;
  color: #eaf5ff !important;
  color: rgba(234, 245, 255, var(--text-opacity)) !important;
}

.text-blue-200 {
  --text-opacity: 1 !important;
  color: #abd9ff !important;
  color: rgba(171, 217, 255, var(--text-opacity)) !important;
}

.text-blue-300 {
  --text-opacity: 1 !important;
  color: #82c5ff !important;
  color: rgba(130, 197, 255, var(--text-opacity)) !important;
}

.text-blue-400 {
  --text-opacity: 1 !important;
  color: #43a9ff !important;
  color: rgba(67, 169, 255, var(--text-opacity)) !important;
}

.text-blue-500 {
  --text-opacity: 1 !important;
  color: #2e9fff !important;
  color: rgba(46, 159, 255, var(--text-opacity)) !important;
}

.text-blue-600 {
  --text-opacity: 1 !important;
  color: #298fe6 !important;
  color: rgba(41, 143, 230, var(--text-opacity)) !important;
}

.text-blue-700 {
  --text-opacity: 1 !important;
  color: #257fcc !important;
  color: rgba(37, 127, 204, var(--text-opacity)) !important;
}

.text-blue-800 {
  --text-opacity: 1 !important;
  color: #206fb3 !important;
  color: rgba(32, 111, 179, var(--text-opacity)) !important;
}

.text-blue-900 {
  --text-opacity: 1 !important;
  color: #175080 !important;
  color: rgba(23, 80, 128, var(--text-opacity)) !important;
}

.text-red-dark {
  --text-opacity: 1 !important;
  color: hsl(2, 57%, 53%) !important;
  color: rgba(203.46450000000002, 71.3898, 66.8355, var(--text-opacity)) !important;
}

.text-red {
  --text-opacity: 1 !important;
  color: hsl(2, 76%, 60%) !important;
  color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity)) !important;
}

.text-red-light {
  --text-opacity: 1 !important;
  color: hsl(2, 76%, 70%) !important;
  color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--text-opacity)) !important;
}

.text-red-lighter {
  --text-opacity: 1 !important;
  color: hsl(2, 76%, 95%) !important;
  color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity)) !important;
}

.text-yellow {
  --text-opacity: 1 !important;
  color: #fbfab0 !important;
  color: rgba(251, 250, 176, var(--text-opacity)) !important;
}

.text-yellow-dark {
  --text-opacity: 1 !important;
  color: #d8cd1b !important;
  color: rgba(216, 205, 27, var(--text-opacity)) !important;
}

.text-orange {
  --text-opacity: 1 !important;
  color: #f5a82f !important;
  color: rgba(245, 168, 47, var(--text-opacity)) !important;
}

.text-pink {
  --text-opacity: 1 !important;
  color: #ff269e !important;
  color: rgba(255, 38, 158, var(--text-opacity)) !important;
}

.text-purple {
  --text-opacity: 1 !important;
  color: #c471ed !important;
  color: rgba(196, 113, 237, var(--text-opacity)) !important;
}

.text-darken-10 {
  color: rgba(0,0,0,.1) !important;
}

.text-darken-20 {
  color: rgba(0,0,0,.2) !important;
}

.text-primary {
  --text-opacity: 1 !important;
  color: hsl(200, 80%, 50%) !important;
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
}

.hover\:text-transparent:hover {
  color: transparent !important;
}

.hover\:text-black:hover {
  --text-opacity: 1 !important;
  color: #000000 !important;
  color: rgba(0, 0, 0, var(--text-opacity)) !important;
}

.hover\:text-grey-100:hover {
  --text-opacity: 1 !important;
  color: hsl(210, 20%, 10%) !important;
  color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity)) !important;
}

.hover\:text-grey:hover {
  --text-opacity: 1 !important;
  color: hsl(210, 10%, 50%) !important;
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
}

.hover\:text-grey-90:hover {
  --text-opacity: 1 !important;
  color: hsl(196, 31%, 14%) !important;
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity)) !important;
}

.hover\:text-grey-80:hover {
  --text-opacity: 1 !important;
  color: hsl(198, 32%, 16%) !important;
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity)) !important;
}

.hover\:text-grey-70:hover {
  --text-opacity: 1 !important;
  color: hsl(210, 10%, 50%) !important;
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
}

.hover\:text-grey-60:hover {
  --text-opacity: 1 !important;
  color: hsl(210, 15%, 70%) !important;
  color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity)) !important;
}

.hover\:text-grey-50:hover {
  --text-opacity: 1 !important;
  color: hsl(210, 15%, 80%) !important;
  color: rgba(196.35, 204, 211.65, var(--text-opacity)) !important;
}

.hover\:text-grey-40:hover {
  --text-opacity: 1 !important;
  color: hsl(210, 22%, 89%) !important;
  color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity)) !important;
}

.hover\:text-grey-30:hover {
  --text-opacity: 1 !important;
  color: hsl(210, 30%, 95%) !important;
  color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--text-opacity)) !important;
}

.hover\:text-grey-20:hover {
  --text-opacity: 1 !important;
  color: hsl(214, 60%, 97.5%) !important;
  color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity)) !important;
}

.hover\:text-grey-10:hover {
  --text-opacity: 1 !important;
  color: hsl(218, 90%, 99%) !important;
  color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--text-opacity)) !important;
}

.hover\:text-white:hover {
  --text-opacity: 1 !important;
  color: #ffffff !important;
  color: rgba(255, 255, 255, var(--text-opacity)) !important;
}

.hover\:text-green:hover {
  --text-opacity: 1 !important;
  color: #479967 !important;
  color: rgba(71, 153, 103, var(--text-opacity)) !important;
}

.hover\:text-green-light:hover {
  --text-opacity: 1 !important;
  color: #64BD63 !important;
  color: rgba(100, 189, 99, var(--text-opacity)) !important;
}

.hover\:text-blue-lighter:hover {
  --text-opacity: 1 !important;
  color: hsl(207, 86%, 70%) !important;
  color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--text-opacity)) !important;
}

.hover\:text-blue-light:hover {
  --text-opacity: 1 !important;
  color: hsl(210, 100%, 75%) !important;
  color: rgba(127.5, 191.24999999999994, 255, var(--text-opacity)) !important;
}

.hover\:text-blue:hover {
  --text-opacity: 1 !important;
  color: hsl(200, 80%, 50%) !important;
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
}

.hover\:text-blue-dark:hover {
  --text-opacity: 1 !important;
  color: hsl(200, 75%, 45%) !important;
  color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity)) !important;
}

.hover\:text-blue-darker:hover {
  --text-opacity: 1 !important;
  color: hsl(200, 75%, 40%) !important;
  color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--text-opacity)) !important;
}

.hover\:text-blue-100:hover {
  --text-opacity: 1 !important;
  color: #eaf5ff !important;
  color: rgba(234, 245, 255, var(--text-opacity)) !important;
}

.hover\:text-blue-200:hover {
  --text-opacity: 1 !important;
  color: #abd9ff !important;
  color: rgba(171, 217, 255, var(--text-opacity)) !important;
}

.hover\:text-blue-300:hover {
  --text-opacity: 1 !important;
  color: #82c5ff !important;
  color: rgba(130, 197, 255, var(--text-opacity)) !important;
}

.hover\:text-blue-400:hover {
  --text-opacity: 1 !important;
  color: #43a9ff !important;
  color: rgba(67, 169, 255, var(--text-opacity)) !important;
}

.hover\:text-blue-500:hover {
  --text-opacity: 1 !important;
  color: #2e9fff !important;
  color: rgba(46, 159, 255, var(--text-opacity)) !important;
}

.hover\:text-blue-600:hover {
  --text-opacity: 1 !important;
  color: #298fe6 !important;
  color: rgba(41, 143, 230, var(--text-opacity)) !important;
}

.hover\:text-blue-700:hover {
  --text-opacity: 1 !important;
  color: #257fcc !important;
  color: rgba(37, 127, 204, var(--text-opacity)) !important;
}

.hover\:text-blue-800:hover {
  --text-opacity: 1 !important;
  color: #206fb3 !important;
  color: rgba(32, 111, 179, var(--text-opacity)) !important;
}

.hover\:text-blue-900:hover {
  --text-opacity: 1 !important;
  color: #175080 !important;
  color: rgba(23, 80, 128, var(--text-opacity)) !important;
}

.hover\:text-red-dark:hover {
  --text-opacity: 1 !important;
  color: hsl(2, 57%, 53%) !important;
  color: rgba(203.46450000000002, 71.3898, 66.8355, var(--text-opacity)) !important;
}

.hover\:text-red:hover {
  --text-opacity: 1 !important;
  color: hsl(2, 76%, 60%) !important;
  color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity)) !important;
}

.hover\:text-red-light:hover {
  --text-opacity: 1 !important;
  color: hsl(2, 76%, 70%) !important;
  color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--text-opacity)) !important;
}

.hover\:text-red-lighter:hover {
  --text-opacity: 1 !important;
  color: hsl(2, 76%, 95%) !important;
  color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity)) !important;
}

.hover\:text-yellow:hover {
  --text-opacity: 1 !important;
  color: #fbfab0 !important;
  color: rgba(251, 250, 176, var(--text-opacity)) !important;
}

.hover\:text-yellow-dark:hover {
  --text-opacity: 1 !important;
  color: #d8cd1b !important;
  color: rgba(216, 205, 27, var(--text-opacity)) !important;
}

.hover\:text-orange:hover {
  --text-opacity: 1 !important;
  color: #f5a82f !important;
  color: rgba(245, 168, 47, var(--text-opacity)) !important;
}

.hover\:text-pink:hover {
  --text-opacity: 1 !important;
  color: #ff269e !important;
  color: rgba(255, 38, 158, var(--text-opacity)) !important;
}

.hover\:text-purple:hover {
  --text-opacity: 1 !important;
  color: #c471ed !important;
  color: rgba(196, 113, 237, var(--text-opacity)) !important;
}

.hover\:text-darken-10:hover {
  color: rgba(0,0,0,.1) !important;
}

.hover\:text-darken-20:hover {
  color: rgba(0,0,0,.2) !important;
}

.hover\:text-primary:hover {
  --text-opacity: 1 !important;
  color: hsl(200, 80%, 50%) !important;
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-transparent {
  color: transparent !important;
}

.group:hover .group-hover\:text-black {
  --text-opacity: 1 !important;
  color: #000000 !important;
  color: rgba(0, 0, 0, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-grey-100 {
  --text-opacity: 1 !important;
  color: hsl(210, 20%, 10%) !important;
  color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-grey {
  --text-opacity: 1 !important;
  color: hsl(210, 10%, 50%) !important;
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-grey-90 {
  --text-opacity: 1 !important;
  color: hsl(196, 31%, 14%) !important;
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-grey-80 {
  --text-opacity: 1 !important;
  color: hsl(198, 32%, 16%) !important;
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-grey-70 {
  --text-opacity: 1 !important;
  color: hsl(210, 10%, 50%) !important;
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-grey-60 {
  --text-opacity: 1 !important;
  color: hsl(210, 15%, 70%) !important;
  color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-grey-50 {
  --text-opacity: 1 !important;
  color: hsl(210, 15%, 80%) !important;
  color: rgba(196.35, 204, 211.65, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-grey-40 {
  --text-opacity: 1 !important;
  color: hsl(210, 22%, 89%) !important;
  color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-grey-30 {
  --text-opacity: 1 !important;
  color: hsl(210, 30%, 95%) !important;
  color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-grey-20 {
  --text-opacity: 1 !important;
  color: hsl(214, 60%, 97.5%) !important;
  color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-grey-10 {
  --text-opacity: 1 !important;
  color: hsl(218, 90%, 99%) !important;
  color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-white {
  --text-opacity: 1 !important;
  color: #ffffff !important;
  color: rgba(255, 255, 255, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-green {
  --text-opacity: 1 !important;
  color: #479967 !important;
  color: rgba(71, 153, 103, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-green-light {
  --text-opacity: 1 !important;
  color: #64BD63 !important;
  color: rgba(100, 189, 99, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-blue-lighter {
  --text-opacity: 1 !important;
  color: hsl(207, 86%, 70%) !important;
  color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-blue-light {
  --text-opacity: 1 !important;
  color: hsl(210, 100%, 75%) !important;
  color: rgba(127.5, 191.24999999999994, 255, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-blue {
  --text-opacity: 1 !important;
  color: hsl(200, 80%, 50%) !important;
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-blue-dark {
  --text-opacity: 1 !important;
  color: hsl(200, 75%, 45%) !important;
  color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-blue-darker {
  --text-opacity: 1 !important;
  color: hsl(200, 75%, 40%) !important;
  color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-blue-100 {
  --text-opacity: 1 !important;
  color: #eaf5ff !important;
  color: rgba(234, 245, 255, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-blue-200 {
  --text-opacity: 1 !important;
  color: #abd9ff !important;
  color: rgba(171, 217, 255, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-blue-300 {
  --text-opacity: 1 !important;
  color: #82c5ff !important;
  color: rgba(130, 197, 255, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-blue-400 {
  --text-opacity: 1 !important;
  color: #43a9ff !important;
  color: rgba(67, 169, 255, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-blue-500 {
  --text-opacity: 1 !important;
  color: #2e9fff !important;
  color: rgba(46, 159, 255, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-blue-600 {
  --text-opacity: 1 !important;
  color: #298fe6 !important;
  color: rgba(41, 143, 230, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-blue-700 {
  --text-opacity: 1 !important;
  color: #257fcc !important;
  color: rgba(37, 127, 204, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-blue-800 {
  --text-opacity: 1 !important;
  color: #206fb3 !important;
  color: rgba(32, 111, 179, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-blue-900 {
  --text-opacity: 1 !important;
  color: #175080 !important;
  color: rgba(23, 80, 128, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-red-dark {
  --text-opacity: 1 !important;
  color: hsl(2, 57%, 53%) !important;
  color: rgba(203.46450000000002, 71.3898, 66.8355, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-red {
  --text-opacity: 1 !important;
  color: hsl(2, 76%, 60%) !important;
  color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-red-light {
  --text-opacity: 1 !important;
  color: hsl(2, 76%, 70%) !important;
  color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-red-lighter {
  --text-opacity: 1 !important;
  color: hsl(2, 76%, 95%) !important;
  color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-yellow {
  --text-opacity: 1 !important;
  color: #fbfab0 !important;
  color: rgba(251, 250, 176, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-yellow-dark {
  --text-opacity: 1 !important;
  color: #d8cd1b !important;
  color: rgba(216, 205, 27, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-orange {
  --text-opacity: 1 !important;
  color: #f5a82f !important;
  color: rgba(245, 168, 47, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-pink {
  --text-opacity: 1 !important;
  color: #ff269e !important;
  color: rgba(255, 38, 158, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-purple {
  --text-opacity: 1 !important;
  color: #c471ed !important;
  color: rgba(196, 113, 237, var(--text-opacity)) !important;
}

.group:hover .group-hover\:text-darken-10 {
  color: rgba(0,0,0,.1) !important;
}

.group:hover .group-hover\:text-darken-20 {
  color: rgba(0,0,0,.2) !important;
}

.group:hover .group-hover\:text-primary {
  --text-opacity: 1 !important;
  color: hsl(200, 80%, 50%) !important;
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
}

.focus\:text-transparent:focus {
  color: transparent !important;
}

.focus\:text-black:focus {
  --text-opacity: 1 !important;
  color: #000000 !important;
  color: rgba(0, 0, 0, var(--text-opacity)) !important;
}

.focus\:text-grey-100:focus {
  --text-opacity: 1 !important;
  color: hsl(210, 20%, 10%) !important;
  color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity)) !important;
}

.focus\:text-grey:focus {
  --text-opacity: 1 !important;
  color: hsl(210, 10%, 50%) !important;
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
}

.focus\:text-grey-90:focus {
  --text-opacity: 1 !important;
  color: hsl(196, 31%, 14%) !important;
  color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity)) !important;
}

.focus\:text-grey-80:focus {
  --text-opacity: 1 !important;
  color: hsl(198, 32%, 16%) !important;
  color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity)) !important;
}

.focus\:text-grey-70:focus {
  --text-opacity: 1 !important;
  color: hsl(210, 10%, 50%) !important;
  color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
}

.focus\:text-grey-60:focus {
  --text-opacity: 1 !important;
  color: hsl(210, 15%, 70%) !important;
  color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity)) !important;
}

.focus\:text-grey-50:focus {
  --text-opacity: 1 !important;
  color: hsl(210, 15%, 80%) !important;
  color: rgba(196.35, 204, 211.65, var(--text-opacity)) !important;
}

.focus\:text-grey-40:focus {
  --text-opacity: 1 !important;
  color: hsl(210, 22%, 89%) !important;
  color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity)) !important;
}

.focus\:text-grey-30:focus {
  --text-opacity: 1 !important;
  color: hsl(210, 30%, 95%) !important;
  color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--text-opacity)) !important;
}

.focus\:text-grey-20:focus {
  --text-opacity: 1 !important;
  color: hsl(214, 60%, 97.5%) !important;
  color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity)) !important;
}

.focus\:text-grey-10:focus {
  --text-opacity: 1 !important;
  color: hsl(218, 90%, 99%) !important;
  color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--text-opacity)) !important;
}

.focus\:text-white:focus {
  --text-opacity: 1 !important;
  color: #ffffff !important;
  color: rgba(255, 255, 255, var(--text-opacity)) !important;
}

.focus\:text-green:focus {
  --text-opacity: 1 !important;
  color: #479967 !important;
  color: rgba(71, 153, 103, var(--text-opacity)) !important;
}

.focus\:text-green-light:focus {
  --text-opacity: 1 !important;
  color: #64BD63 !important;
  color: rgba(100, 189, 99, var(--text-opacity)) !important;
}

.focus\:text-blue-lighter:focus {
  --text-opacity: 1 !important;
  color: hsl(207, 86%, 70%) !important;
  color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--text-opacity)) !important;
}

.focus\:text-blue-light:focus {
  --text-opacity: 1 !important;
  color: hsl(210, 100%, 75%) !important;
  color: rgba(127.5, 191.24999999999994, 255, var(--text-opacity)) !important;
}

.focus\:text-blue:focus {
  --text-opacity: 1 !important;
  color: hsl(200, 80%, 50%) !important;
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
}

.focus\:text-blue-dark:focus {
  --text-opacity: 1 !important;
  color: hsl(200, 75%, 45%) !important;
  color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity)) !important;
}

.focus\:text-blue-darker:focus {
  --text-opacity: 1 !important;
  color: hsl(200, 75%, 40%) !important;
  color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--text-opacity)) !important;
}

.focus\:text-blue-100:focus {
  --text-opacity: 1 !important;
  color: #eaf5ff !important;
  color: rgba(234, 245, 255, var(--text-opacity)) !important;
}

.focus\:text-blue-200:focus {
  --text-opacity: 1 !important;
  color: #abd9ff !important;
  color: rgba(171, 217, 255, var(--text-opacity)) !important;
}

.focus\:text-blue-300:focus {
  --text-opacity: 1 !important;
  color: #82c5ff !important;
  color: rgba(130, 197, 255, var(--text-opacity)) !important;
}

.focus\:text-blue-400:focus {
  --text-opacity: 1 !important;
  color: #43a9ff !important;
  color: rgba(67, 169, 255, var(--text-opacity)) !important;
}

.focus\:text-blue-500:focus {
  --text-opacity: 1 !important;
  color: #2e9fff !important;
  color: rgba(46, 159, 255, var(--text-opacity)) !important;
}

.focus\:text-blue-600:focus {
  --text-opacity: 1 !important;
  color: #298fe6 !important;
  color: rgba(41, 143, 230, var(--text-opacity)) !important;
}

.focus\:text-blue-700:focus {
  --text-opacity: 1 !important;
  color: #257fcc !important;
  color: rgba(37, 127, 204, var(--text-opacity)) !important;
}

.focus\:text-blue-800:focus {
  --text-opacity: 1 !important;
  color: #206fb3 !important;
  color: rgba(32, 111, 179, var(--text-opacity)) !important;
}

.focus\:text-blue-900:focus {
  --text-opacity: 1 !important;
  color: #175080 !important;
  color: rgba(23, 80, 128, var(--text-opacity)) !important;
}

.focus\:text-red-dark:focus {
  --text-opacity: 1 !important;
  color: hsl(2, 57%, 53%) !important;
  color: rgba(203.46450000000002, 71.3898, 66.8355, var(--text-opacity)) !important;
}

.focus\:text-red:focus {
  --text-opacity: 1 !important;
  color: hsl(2, 76%, 60%) !important;
  color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity)) !important;
}

.focus\:text-red-light:focus {
  --text-opacity: 1 !important;
  color: hsl(2, 76%, 70%) !important;
  color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--text-opacity)) !important;
}

.focus\:text-red-lighter:focus {
  --text-opacity: 1 !important;
  color: hsl(2, 76%, 95%) !important;
  color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity)) !important;
}

.focus\:text-yellow:focus {
  --text-opacity: 1 !important;
  color: #fbfab0 !important;
  color: rgba(251, 250, 176, var(--text-opacity)) !important;
}

.focus\:text-yellow-dark:focus {
  --text-opacity: 1 !important;
  color: #d8cd1b !important;
  color: rgba(216, 205, 27, var(--text-opacity)) !important;
}

.focus\:text-orange:focus {
  --text-opacity: 1 !important;
  color: #f5a82f !important;
  color: rgba(245, 168, 47, var(--text-opacity)) !important;
}

.focus\:text-pink:focus {
  --text-opacity: 1 !important;
  color: #ff269e !important;
  color: rgba(255, 38, 158, var(--text-opacity)) !important;
}

.focus\:text-purple:focus {
  --text-opacity: 1 !important;
  color: #c471ed !important;
  color: rgba(196, 113, 237, var(--text-opacity)) !important;
}

.focus\:text-darken-10:focus {
  color: rgba(0,0,0,.1) !important;
}

.focus\:text-darken-20:focus {
  color: rgba(0,0,0,.2) !important;
}

.focus\:text-primary:focus {
  --text-opacity: 1 !important;
  color: hsl(200, 80%, 50%) !important;
  color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
}

.text-opacity-0 {
  --text-opacity: 0 !important;
}

.text-opacity-25 {
  --text-opacity: 0.25 !important;
}

.text-opacity-50 {
  --text-opacity: 0.5 !important;
}

.text-opacity-75 {
  --text-opacity: 0.75 !important;
}

.text-opacity-100 {
  --text-opacity: 1 !important;
}

.hover\:text-opacity-0:hover {
  --text-opacity: 0 !important;
}

.hover\:text-opacity-25:hover {
  --text-opacity: 0.25 !important;
}

.hover\:text-opacity-50:hover {
  --text-opacity: 0.5 !important;
}

.hover\:text-opacity-75:hover {
  --text-opacity: 0.75 !important;
}

.hover\:text-opacity-100:hover {
  --text-opacity: 1 !important;
}

.focus\:text-opacity-0:focus {
  --text-opacity: 0 !important;
}

.focus\:text-opacity-25:focus {
  --text-opacity: 0.25 !important;
}

.focus\:text-opacity-50:focus {
  --text-opacity: 0.5 !important;
}

.focus\:text-opacity-75:focus {
  --text-opacity: 0.75 !important;
}

.focus\:text-opacity-100:focus {
  --text-opacity: 1 !important;
}

.italic {
  font-style: italic !important;
}

.not-italic {
  font-style: normal !important;
}

.hover\:italic:hover {
  font-style: italic !important;
}

.hover\:not-italic:hover {
  font-style: normal !important;
}

.focus\:italic:focus {
  font-style: italic !important;
}

.focus\:not-italic:focus {
  font-style: normal !important;
}

.uppercase {
  text-transform: uppercase !important;
}

.lowercase {
  text-transform: lowercase !important;
}

.capitalize {
  text-transform: capitalize !important;
}

.normal-case {
  text-transform: none !important;
}

.hover\:uppercase:hover {
  text-transform: uppercase !important;
}

.hover\:lowercase:hover {
  text-transform: lowercase !important;
}

.hover\:capitalize:hover {
  text-transform: capitalize !important;
}

.hover\:normal-case:hover {
  text-transform: none !important;
}

.focus\:uppercase:focus {
  text-transform: uppercase !important;
}

.focus\:lowercase:focus {
  text-transform: lowercase !important;
}

.focus\:capitalize:focus {
  text-transform: capitalize !important;
}

.focus\:normal-case:focus {
  text-transform: none !important;
}

.underline {
  text-decoration: underline !important;
}

.line-through {
  text-decoration: line-through !important;
}

.no-underline {
  text-decoration: none !important;
}

.hover\:underline:hover {
  text-decoration: underline !important;
}

.hover\:line-through:hover {
  text-decoration: line-through !important;
}

.hover\:no-underline:hover {
  text-decoration: none !important;
}

.focus\:underline:focus {
  text-decoration: underline !important;
}

.focus\:line-through:focus {
  text-decoration: line-through !important;
}

.focus\:no-underline:focus {
  text-decoration: none !important;
}

.antialiased {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.subpixel-antialiased {
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto !important;
}

.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions {
  --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important;
  --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important;
  --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important;
  --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important;
  --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important;
  font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important;
}

.normal-nums {
  font-variant-numeric: normal !important;
}

.ordinal {
  --font-variant-numeric-ordinal: ordinal !important;
}

.slashed-zero {
  --font-variant-numeric-slashed-zero: slashed-zero !important;
}

.lining-nums {
  --font-variant-numeric-figure: lining-nums !important;
}

.oldstyle-nums {
  --font-variant-numeric-figure: oldstyle-nums !important;
}

.proportional-nums {
  --font-variant-numeric-spacing: proportional-nums !important;
}

.tabular-nums {
  --font-variant-numeric-spacing: tabular-nums !important;
}

.diagonal-fractions {
  --font-variant-numeric-fraction: diagonal-fractions !important;
}

.stacked-fractions {
  --font-variant-numeric-fraction: stacked-fractions !important;
}

.tracking-tight {
  letter-spacing: -0.05em !important;
}

.tracking-normal {
  letter-spacing: -0.004em !important;
}

.tracking-wide {
  letter-spacing: 0.14em !important;
}

.select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}

.select-text {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
      -ms-user-select: text !important;
          user-select: text !important;
}

.select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
      -ms-user-select: all !important;
          user-select: all !important;
}

.select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.whitespace-normal {
  white-space: normal !important;
}

.whitespace-no-wrap {
  white-space: nowrap !important;
}

.whitespace-pre {
  white-space: pre !important;
}

.whitespace-pre-line {
  white-space: pre-line !important;
}

.whitespace-pre-wrap {
  white-space: pre-wrap !important;
}

.break-normal {
  word-wrap: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.break-words {
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

.break-all {
  word-break: break-all !important;
}

.truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.w-1 {
  width: 0.25rem !important;
}

.w-2 {
  width: 0.5rem !important;
}

.w-3 {
  width: 0.75rem !important;
}

.w-4 {
  width: 1rem !important;
}

.w-5 {
  width: 1.25rem !important;
}

.w-6 {
  width: 1.5rem !important;
}

.w-7 {
  width: 1.75rem !important;
}

.w-8 {
  width: 2rem !important;
}

.w-10 {
  width: 2.5rem !important;
}

.w-12 {
  width: 3rem !important;
}

.w-16 {
  width: 4rem !important;
}

.w-24 {
  width: 6rem !important;
}

.w-32 {
  width: 8rem !important;
}

.w-40 {
  width: 10rem !important;
}

.w-48 {
  width: 12rem !important;
}

.w-52 {
  width: 13rem !important;
}

.w-56 {
  width: 14rem !important;
}

.w-60 {
  width: 15rem !important;
}

.w-64 {
  width: 16rem !important;
}

.w-80 {
  width: 20rem !important;
}

.w-96 {
  width: 24rem !important;
}

.w-128 {
  width: 32rem !important;
}

.w-160 {
  width: 40rem !important;
}

.w-240 {
  width: 60rem !important;
}

.w-auto {
  width: auto !important;
}

.w-px {
  width: 1px !important;
}

.w-1\/2 {
  width: 50% !important;
}

.w-1\/3 {
  width: 33.33333% !important;
}

.w-2\/3 {
  width: 66.66667% !important;
}

.w-1\/4 {
  width: 25% !important;
}

.w-3\/4 {
  width: 75% !important;
}

.w-1\/5 {
  width: 20% !important;
}

.w-2\/5 {
  width: 40% !important;
}

.w-3\/5 {
  width: 60% !important;
}

.w-4\/5 {
  width: 80% !important;
}

.w-1\/6 {
  width: 16.66667% !important;
}

.w-5\/6 {
  width: 83.33333% !important;
}

.w-full {
  width: 100% !important;
}

.w-screen {
  width: 100vw !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-5 {
  z-index: 5 !important;
}

.z-10 {
  z-index: 10 !important;
}

.z-20 {
  z-index: 20 !important;
}

.z-30 {
  z-index: 30 !important;
}

.z-40 {
  z-index: 40 !important;
}

.z-50 {
  z-index: 50 !important;
}

.z-200 {
  z-index: 200 !important;
}

.z-top {
  z-index: 1001 !important;
}

.z-max {
  z-index: 9999 !important;
}

.z-auto {
  z-index: auto !important;
}

.gap-0 {
  grid-gap: 0 !important;
  gap: 0 !important;
}

.gap-1 {
  grid-gap: 8px !important;
  gap: 8px !important;
}

.gap-2 {
  grid-gap: 16px !important;
  gap: 16px !important;
}

.gap-3 {
  grid-gap: 24px !important;
  gap: 24px !important;
}

.gap-4 {
  grid-gap: 32px !important;
  gap: 32px !important;
}

.gap-5 {
  grid-gap: 40px !important;
  gap: 40px !important;
}

.gap-6 {
  grid-gap: 64px !important;
  gap: 64px !important;
}

.gap-7 {
  grid-gap: 80px !important;
  gap: 80px !important;
}

.gap-8 {
  grid-gap: 120px !important;
  gap: 120px !important;
}

.gap-px {
  grid-gap: 1px !important;
  gap: 1px !important;
}

.gap-sm {
  grid-gap: 4px !important;
  gap: 4px !important;
}

.gap-1\.5 {
  grid-gap: 12px !important;
  gap: 12px !important;
}

.col-gap-0 {
  grid-column-gap: 0 !important;
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}

.col-gap-1 {
  grid-column-gap: 8px !important;
  -moz-column-gap: 8px !important;
       column-gap: 8px !important;
}

.col-gap-2 {
  grid-column-gap: 16px !important;
  -moz-column-gap: 16px !important;
       column-gap: 16px !important;
}

.col-gap-3 {
  grid-column-gap: 24px !important;
  -moz-column-gap: 24px !important;
       column-gap: 24px !important;
}

.col-gap-4 {
  grid-column-gap: 32px !important;
  -moz-column-gap: 32px !important;
       column-gap: 32px !important;
}

.col-gap-5 {
  grid-column-gap: 40px !important;
  -moz-column-gap: 40px !important;
       column-gap: 40px !important;
}

.col-gap-6 {
  grid-column-gap: 64px !important;
  -moz-column-gap: 64px !important;
       column-gap: 64px !important;
}

.col-gap-7 {
  grid-column-gap: 80px !important;
  -moz-column-gap: 80px !important;
       column-gap: 80px !important;
}

.col-gap-8 {
  grid-column-gap: 120px !important;
  -moz-column-gap: 120px !important;
       column-gap: 120px !important;
}

.col-gap-px {
  grid-column-gap: 1px !important;
  -moz-column-gap: 1px !important;
       column-gap: 1px !important;
}

.col-gap-sm {
  grid-column-gap: 4px !important;
  -moz-column-gap: 4px !important;
       column-gap: 4px !important;
}

.col-gap-1\.5 {
  grid-column-gap: 12px !important;
  -moz-column-gap: 12px !important;
       column-gap: 12px !important;
}

.gap-x-0 {
  grid-column-gap: 0 !important;
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}

.gap-x-1 {
  grid-column-gap: 8px !important;
  -moz-column-gap: 8px !important;
       column-gap: 8px !important;
}

.gap-x-2 {
  grid-column-gap: 16px !important;
  -moz-column-gap: 16px !important;
       column-gap: 16px !important;
}

.gap-x-3 {
  grid-column-gap: 24px !important;
  -moz-column-gap: 24px !important;
       column-gap: 24px !important;
}

.gap-x-4 {
  grid-column-gap: 32px !important;
  -moz-column-gap: 32px !important;
       column-gap: 32px !important;
}

.gap-x-5 {
  grid-column-gap: 40px !important;
  -moz-column-gap: 40px !important;
       column-gap: 40px !important;
}

.gap-x-6 {
  grid-column-gap: 64px !important;
  -moz-column-gap: 64px !important;
       column-gap: 64px !important;
}

.gap-x-7 {
  grid-column-gap: 80px !important;
  -moz-column-gap: 80px !important;
       column-gap: 80px !important;
}

.gap-x-8 {
  grid-column-gap: 120px !important;
  -moz-column-gap: 120px !important;
       column-gap: 120px !important;
}

.gap-x-px {
  grid-column-gap: 1px !important;
  -moz-column-gap: 1px !important;
       column-gap: 1px !important;
}

.gap-x-sm {
  grid-column-gap: 4px !important;
  -moz-column-gap: 4px !important;
       column-gap: 4px !important;
}

.gap-x-1\.5 {
  grid-column-gap: 12px !important;
  -moz-column-gap: 12px !important;
       column-gap: 12px !important;
}

.row-gap-0 {
  grid-row-gap: 0 !important;
  row-gap: 0 !important;
}

.row-gap-1 {
  grid-row-gap: 8px !important;
  row-gap: 8px !important;
}

.row-gap-2 {
  grid-row-gap: 16px !important;
  row-gap: 16px !important;
}

.row-gap-3 {
  grid-row-gap: 24px !important;
  row-gap: 24px !important;
}

.row-gap-4 {
  grid-row-gap: 32px !important;
  row-gap: 32px !important;
}

.row-gap-5 {
  grid-row-gap: 40px !important;
  row-gap: 40px !important;
}

.row-gap-6 {
  grid-row-gap: 64px !important;
  row-gap: 64px !important;
}

.row-gap-7 {
  grid-row-gap: 80px !important;
  row-gap: 80px !important;
}

.row-gap-8 {
  grid-row-gap: 120px !important;
  row-gap: 120px !important;
}

.row-gap-px {
  grid-row-gap: 1px !important;
  row-gap: 1px !important;
}

.row-gap-sm {
  grid-row-gap: 4px !important;
  row-gap: 4px !important;
}

.row-gap-1\.5 {
  grid-row-gap: 12px !important;
  row-gap: 12px !important;
}

.gap-y-0 {
  grid-row-gap: 0 !important;
  row-gap: 0 !important;
}

.gap-y-1 {
  grid-row-gap: 8px !important;
  row-gap: 8px !important;
}

.gap-y-2 {
  grid-row-gap: 16px !important;
  row-gap: 16px !important;
}

.gap-y-3 {
  grid-row-gap: 24px !important;
  row-gap: 24px !important;
}

.gap-y-4 {
  grid-row-gap: 32px !important;
  row-gap: 32px !important;
}

.gap-y-5 {
  grid-row-gap: 40px !important;
  row-gap: 40px !important;
}

.gap-y-6 {
  grid-row-gap: 64px !important;
  row-gap: 64px !important;
}

.gap-y-7 {
  grid-row-gap: 80px !important;
  row-gap: 80px !important;
}

.gap-y-8 {
  grid-row-gap: 120px !important;
  row-gap: 120px !important;
}

.gap-y-px {
  grid-row-gap: 1px !important;
  row-gap: 1px !important;
}

.gap-y-sm {
  grid-row-gap: 4px !important;
  row-gap: 4px !important;
}

.gap-y-1\.5 {
  grid-row-gap: 12px !important;
  row-gap: 12px !important;
}

.grid-flow-row {
  grid-auto-flow: row !important;
}

.grid-flow-col {
  grid-auto-flow: column !important;
}

.grid-flow-row-dense {
  grid-auto-flow: row dense !important;
}

.grid-flow-col-dense {
  grid-auto-flow: column dense !important;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}

.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}

.grid-cols-none {
  grid-template-columns: none !important;
}

.auto-cols-auto {
  grid-auto-columns: auto !important;
}

.auto-cols-min {
  grid-auto-columns: -webkit-min-content !important;
  grid-auto-columns: min-content !important;
}

.auto-cols-max {
  grid-auto-columns: -webkit-max-content !important;
  grid-auto-columns: max-content !important;
}

.auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr) !important;
}

.col-auto {
  grid-column: auto !important;
}

.col-span-1 {
  grid-column: span 1 / span 1 !important;
}

.col-span-2 {
  grid-column: span 2 / span 2 !important;
}

.col-span-3 {
  grid-column: span 3 / span 3 !important;
}

.col-span-4 {
  grid-column: span 4 / span 4 !important;
}

.col-span-5 {
  grid-column: span 5 / span 5 !important;
}

.col-span-6 {
  grid-column: span 6 / span 6 !important;
}

.col-span-7 {
  grid-column: span 7 / span 7 !important;
}

.col-span-8 {
  grid-column: span 8 / span 8 !important;
}

.col-span-9 {
  grid-column: span 9 / span 9 !important;
}

.col-span-10 {
  grid-column: span 10 / span 10 !important;
}

.col-span-11 {
  grid-column: span 11 / span 11 !important;
}

.col-span-12 {
  grid-column: span 12 / span 12 !important;
}

.col-span-full {
  grid-column: 1 / -1 !important;
}

.col-start-1 {
  grid-column-start: 1 !important;
}

.col-start-2 {
  grid-column-start: 2 !important;
}

.col-start-3 {
  grid-column-start: 3 !important;
}

.col-start-4 {
  grid-column-start: 4 !important;
}

.col-start-5 {
  grid-column-start: 5 !important;
}

.col-start-6 {
  grid-column-start: 6 !important;
}

.col-start-7 {
  grid-column-start: 7 !important;
}

.col-start-8 {
  grid-column-start: 8 !important;
}

.col-start-9 {
  grid-column-start: 9 !important;
}

.col-start-10 {
  grid-column-start: 10 !important;
}

.col-start-11 {
  grid-column-start: 11 !important;
}

.col-start-12 {
  grid-column-start: 12 !important;
}

.col-start-13 {
  grid-column-start: 13 !important;
}

.col-start-auto {
  grid-column-start: auto !important;
}

.col-end-1 {
  grid-column-end: 1 !important;
}

.col-end-2 {
  grid-column-end: 2 !important;
}

.col-end-3 {
  grid-column-end: 3 !important;
}

.col-end-4 {
  grid-column-end: 4 !important;
}

.col-end-5 {
  grid-column-end: 5 !important;
}

.col-end-6 {
  grid-column-end: 6 !important;
}

.col-end-7 {
  grid-column-end: 7 !important;
}

.col-end-8 {
  grid-column-end: 8 !important;
}

.col-end-9 {
  grid-column-end: 9 !important;
}

.col-end-10 {
  grid-column-end: 10 !important;
}

.col-end-11 {
  grid-column-end: 11 !important;
}

.col-end-12 {
  grid-column-end: 12 !important;
}

.col-end-13 {
  grid-column-end: 13 !important;
}

.col-end-auto {
  grid-column-end: auto !important;
}

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
}

.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
}

.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
}

.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
}

.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
}

.grid-rows-none {
  grid-template-rows: none !important;
}

.auto-rows-auto {
  grid-auto-rows: auto !important;
}

.auto-rows-min {
  grid-auto-rows: -webkit-min-content !important;
  grid-auto-rows: min-content !important;
}

.auto-rows-max {
  grid-auto-rows: -webkit-max-content !important;
  grid-auto-rows: max-content !important;
}

.auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr) !important;
}

.row-auto {
  grid-row: auto !important;
}

.row-span-1 {
  grid-row: span 1 / span 1 !important;
}

.row-span-2 {
  grid-row: span 2 / span 2 !important;
}

.row-span-3 {
  grid-row: span 3 / span 3 !important;
}

.row-span-4 {
  grid-row: span 4 / span 4 !important;
}

.row-span-5 {
  grid-row: span 5 / span 5 !important;
}

.row-span-6 {
  grid-row: span 6 / span 6 !important;
}

.row-span-full {
  grid-row: 1 / -1 !important;
}

.row-start-1 {
  grid-row-start: 1 !important;
}

.row-start-2 {
  grid-row-start: 2 !important;
}

.row-start-3 {
  grid-row-start: 3 !important;
}

.row-start-4 {
  grid-row-start: 4 !important;
}

.row-start-5 {
  grid-row-start: 5 !important;
}

.row-start-6 {
  grid-row-start: 6 !important;
}

.row-start-7 {
  grid-row-start: 7 !important;
}

.row-start-auto {
  grid-row-start: auto !important;
}

.row-end-1 {
  grid-row-end: 1 !important;
}

.row-end-2 {
  grid-row-end: 2 !important;
}

.row-end-3 {
  grid-row-end: 3 !important;
}

.row-end-4 {
  grid-row-end: 4 !important;
}

.row-end-5 {
  grid-row-end: 5 !important;
}

.row-end-6 {
  grid-row-end: 6 !important;
}

.row-end-7 {
  grid-row-end: 7 !important;
}

.row-end-auto {
  grid-row-end: auto !important;
}

.transform {
  --transform-translate-x: 0 !important;
  --transform-translate-y: 0 !important;
  --transform-rotate: 0 !important;
  --transform-skew-x: 0 !important;
  --transform-skew-y: 0 !important;
  --transform-scale-x: 1 !important;
  --transform-scale-y: 1 !important;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
}

.transform-none {
  transform: none !important;
}

.origin-center {
  transform-origin: center !important;
}

.origin-top {
  transform-origin: top !important;
}

.origin-top-right {
  transform-origin: top right !important;
}

.origin-right {
  transform-origin: right !important;
}

.origin-bottom-right {
  transform-origin: bottom right !important;
}

.origin-bottom {
  transform-origin: bottom !important;
}

.origin-bottom-left {
  transform-origin: bottom left !important;
}

.origin-left {
  transform-origin: left !important;
}

.origin-top-left {
  transform-origin: top left !important;
}

.scale-0 {
  --transform-scale-x: 0 !important;
  --transform-scale-y: 0 !important;
}

.scale-50 {
  --transform-scale-x: .5 !important;
  --transform-scale-y: .5 !important;
}

.scale-75 {
  --transform-scale-x: .75 !important;
  --transform-scale-y: .75 !important;
}

.scale-90 {
  --transform-scale-x: .9 !important;
  --transform-scale-y: .9 !important;
}

.scale-95 {
  --transform-scale-x: .95 !important;
  --transform-scale-y: .95 !important;
}

.scale-100 {
  --transform-scale-x: 1 !important;
  --transform-scale-y: 1 !important;
}

.scale-105 {
  --transform-scale-x: 1.05 !important;
  --transform-scale-y: 1.05 !important;
}

.scale-110 {
  --transform-scale-x: 1.1 !important;
  --transform-scale-y: 1.1 !important;
}

.scale-125 {
  --transform-scale-x: 1.25 !important;
  --transform-scale-y: 1.25 !important;
}

.scale-150 {
  --transform-scale-x: 1.5 !important;
  --transform-scale-y: 1.5 !important;
}

.scale-x-0 {
  --transform-scale-x: 0 !important;
}

.scale-x-50 {
  --transform-scale-x: .5 !important;
}

.scale-x-75 {
  --transform-scale-x: .75 !important;
}

.scale-x-90 {
  --transform-scale-x: .9 !important;
}

.scale-x-95 {
  --transform-scale-x: .95 !important;
}

.scale-x-100 {
  --transform-scale-x: 1 !important;
}

.scale-x-105 {
  --transform-scale-x: 1.05 !important;
}

.scale-x-110 {
  --transform-scale-x: 1.1 !important;
}

.scale-x-125 {
  --transform-scale-x: 1.25 !important;
}

.scale-x-150 {
  --transform-scale-x: 1.5 !important;
}

.scale-y-0 {
  --transform-scale-y: 0 !important;
}

.scale-y-50 {
  --transform-scale-y: .5 !important;
}

.scale-y-75 {
  --transform-scale-y: .75 !important;
}

.scale-y-90 {
  --transform-scale-y: .9 !important;
}

.scale-y-95 {
  --transform-scale-y: .95 !important;
}

.scale-y-100 {
  --transform-scale-y: 1 !important;
}

.scale-y-105 {
  --transform-scale-y: 1.05 !important;
}

.scale-y-110 {
  --transform-scale-y: 1.1 !important;
}

.scale-y-125 {
  --transform-scale-y: 1.25 !important;
}

.scale-y-150 {
  --transform-scale-y: 1.5 !important;
}

.hover\:scale-0:hover {
  --transform-scale-x: 0 !important;
  --transform-scale-y: 0 !important;
}

.hover\:scale-50:hover {
  --transform-scale-x: .5 !important;
  --transform-scale-y: .5 !important;
}

.hover\:scale-75:hover {
  --transform-scale-x: .75 !important;
  --transform-scale-y: .75 !important;
}

.hover\:scale-90:hover {
  --transform-scale-x: .9 !important;
  --transform-scale-y: .9 !important;
}

.hover\:scale-95:hover {
  --transform-scale-x: .95 !important;
  --transform-scale-y: .95 !important;
}

.hover\:scale-100:hover {
  --transform-scale-x: 1 !important;
  --transform-scale-y: 1 !important;
}

.hover\:scale-105:hover {
  --transform-scale-x: 1.05 !important;
  --transform-scale-y: 1.05 !important;
}

.hover\:scale-110:hover {
  --transform-scale-x: 1.1 !important;
  --transform-scale-y: 1.1 !important;
}

.hover\:scale-125:hover {
  --transform-scale-x: 1.25 !important;
  --transform-scale-y: 1.25 !important;
}

.hover\:scale-150:hover {
  --transform-scale-x: 1.5 !important;
  --transform-scale-y: 1.5 !important;
}

.hover\:scale-x-0:hover {
  --transform-scale-x: 0 !important;
}

.hover\:scale-x-50:hover {
  --transform-scale-x: .5 !important;
}

.hover\:scale-x-75:hover {
  --transform-scale-x: .75 !important;
}

.hover\:scale-x-90:hover {
  --transform-scale-x: .9 !important;
}

.hover\:scale-x-95:hover {
  --transform-scale-x: .95 !important;
}

.hover\:scale-x-100:hover {
  --transform-scale-x: 1 !important;
}

.hover\:scale-x-105:hover {
  --transform-scale-x: 1.05 !important;
}

.hover\:scale-x-110:hover {
  --transform-scale-x: 1.1 !important;
}

.hover\:scale-x-125:hover {
  --transform-scale-x: 1.25 !important;
}

.hover\:scale-x-150:hover {
  --transform-scale-x: 1.5 !important;
}

.hover\:scale-y-0:hover {
  --transform-scale-y: 0 !important;
}

.hover\:scale-y-50:hover {
  --transform-scale-y: .5 !important;
}

.hover\:scale-y-75:hover {
  --transform-scale-y: .75 !important;
}

.hover\:scale-y-90:hover {
  --transform-scale-y: .9 !important;
}

.hover\:scale-y-95:hover {
  --transform-scale-y: .95 !important;
}

.hover\:scale-y-100:hover {
  --transform-scale-y: 1 !important;
}

.hover\:scale-y-105:hover {
  --transform-scale-y: 1.05 !important;
}

.hover\:scale-y-110:hover {
  --transform-scale-y: 1.1 !important;
}

.hover\:scale-y-125:hover {
  --transform-scale-y: 1.25 !important;
}

.hover\:scale-y-150:hover {
  --transform-scale-y: 1.5 !important;
}

.focus\:scale-0:focus {
  --transform-scale-x: 0 !important;
  --transform-scale-y: 0 !important;
}

.focus\:scale-50:focus {
  --transform-scale-x: .5 !important;
  --transform-scale-y: .5 !important;
}

.focus\:scale-75:focus {
  --transform-scale-x: .75 !important;
  --transform-scale-y: .75 !important;
}

.focus\:scale-90:focus {
  --transform-scale-x: .9 !important;
  --transform-scale-y: .9 !important;
}

.focus\:scale-95:focus {
  --transform-scale-x: .95 !important;
  --transform-scale-y: .95 !important;
}

.focus\:scale-100:focus {
  --transform-scale-x: 1 !important;
  --transform-scale-y: 1 !important;
}

.focus\:scale-105:focus {
  --transform-scale-x: 1.05 !important;
  --transform-scale-y: 1.05 !important;
}

.focus\:scale-110:focus {
  --transform-scale-x: 1.1 !important;
  --transform-scale-y: 1.1 !important;
}

.focus\:scale-125:focus {
  --transform-scale-x: 1.25 !important;
  --transform-scale-y: 1.25 !important;
}

.focus\:scale-150:focus {
  --transform-scale-x: 1.5 !important;
  --transform-scale-y: 1.5 !important;
}

.focus\:scale-x-0:focus {
  --transform-scale-x: 0 !important;
}

.focus\:scale-x-50:focus {
  --transform-scale-x: .5 !important;
}

.focus\:scale-x-75:focus {
  --transform-scale-x: .75 !important;
}

.focus\:scale-x-90:focus {
  --transform-scale-x: .9 !important;
}

.focus\:scale-x-95:focus {
  --transform-scale-x: .95 !important;
}

.focus\:scale-x-100:focus {
  --transform-scale-x: 1 !important;
}

.focus\:scale-x-105:focus {
  --transform-scale-x: 1.05 !important;
}

.focus\:scale-x-110:focus {
  --transform-scale-x: 1.1 !important;
}

.focus\:scale-x-125:focus {
  --transform-scale-x: 1.25 !important;
}

.focus\:scale-x-150:focus {
  --transform-scale-x: 1.5 !important;
}

.focus\:scale-y-0:focus {
  --transform-scale-y: 0 !important;
}

.focus\:scale-y-50:focus {
  --transform-scale-y: .5 !important;
}

.focus\:scale-y-75:focus {
  --transform-scale-y: .75 !important;
}

.focus\:scale-y-90:focus {
  --transform-scale-y: .9 !important;
}

.focus\:scale-y-95:focus {
  --transform-scale-y: .95 !important;
}

.focus\:scale-y-100:focus {
  --transform-scale-y: 1 !important;
}

.focus\:scale-y-105:focus {
  --transform-scale-y: 1.05 !important;
}

.focus\:scale-y-110:focus {
  --transform-scale-y: 1.1 !important;
}

.focus\:scale-y-125:focus {
  --transform-scale-y: 1.25 !important;
}

.focus\:scale-y-150:focus {
  --transform-scale-y: 1.5 !important;
}

.rotate-0 {
  --transform-rotate: 0 !important;
}

.rotate-1 {
  --transform-rotate: 1deg !important;
}

.rotate-2 {
  --transform-rotate: 2deg !important;
}

.rotate-3 {
  --transform-rotate: 3deg !important;
}

.rotate-6 {
  --transform-rotate: 6deg !important;
}

.rotate-12 {
  --transform-rotate: 12deg !important;
}

.rotate-45 {
  --transform-rotate: 45deg !important;
}

.rotate-90 {
  --transform-rotate: 90deg !important;
}

.rotate-180 {
  --transform-rotate: 180deg !important;
}

.-rotate-180 {
  --transform-rotate: -180deg !important;
}

.-rotate-90 {
  --transform-rotate: -90deg !important;
}

.-rotate-45 {
  --transform-rotate: -45deg !important;
}

.-rotate-12 {
  --transform-rotate: -12deg !important;
}

.-rotate-6 {
  --transform-rotate: -6deg !important;
}

.-rotate-3 {
  --transform-rotate: -3deg !important;
}

.-rotate-2 {
  --transform-rotate: -2deg !important;
}

.-rotate-1 {
  --transform-rotate: -1deg !important;
}

.hover\:rotate-0:hover {
  --transform-rotate: 0 !important;
}

.hover\:rotate-1:hover {
  --transform-rotate: 1deg !important;
}

.hover\:rotate-2:hover {
  --transform-rotate: 2deg !important;
}

.hover\:rotate-3:hover {
  --transform-rotate: 3deg !important;
}

.hover\:rotate-6:hover {
  --transform-rotate: 6deg !important;
}

.hover\:rotate-12:hover {
  --transform-rotate: 12deg !important;
}

.hover\:rotate-45:hover {
  --transform-rotate: 45deg !important;
}

.hover\:rotate-90:hover {
  --transform-rotate: 90deg !important;
}

.hover\:rotate-180:hover {
  --transform-rotate: 180deg !important;
}

.hover\:-rotate-180:hover {
  --transform-rotate: -180deg !important;
}

.hover\:-rotate-90:hover {
  --transform-rotate: -90deg !important;
}

.hover\:-rotate-45:hover {
  --transform-rotate: -45deg !important;
}

.hover\:-rotate-12:hover {
  --transform-rotate: -12deg !important;
}

.hover\:-rotate-6:hover {
  --transform-rotate: -6deg !important;
}

.hover\:-rotate-3:hover {
  --transform-rotate: -3deg !important;
}

.hover\:-rotate-2:hover {
  --transform-rotate: -2deg !important;
}

.hover\:-rotate-1:hover {
  --transform-rotate: -1deg !important;
}

.focus\:rotate-0:focus {
  --transform-rotate: 0 !important;
}

.focus\:rotate-1:focus {
  --transform-rotate: 1deg !important;
}

.focus\:rotate-2:focus {
  --transform-rotate: 2deg !important;
}

.focus\:rotate-3:focus {
  --transform-rotate: 3deg !important;
}

.focus\:rotate-6:focus {
  --transform-rotate: 6deg !important;
}

.focus\:rotate-12:focus {
  --transform-rotate: 12deg !important;
}

.focus\:rotate-45:focus {
  --transform-rotate: 45deg !important;
}

.focus\:rotate-90:focus {
  --transform-rotate: 90deg !important;
}

.focus\:rotate-180:focus {
  --transform-rotate: 180deg !important;
}

.focus\:-rotate-180:focus {
  --transform-rotate: -180deg !important;
}

.focus\:-rotate-90:focus {
  --transform-rotate: -90deg !important;
}

.focus\:-rotate-45:focus {
  --transform-rotate: -45deg !important;
}

.focus\:-rotate-12:focus {
  --transform-rotate: -12deg !important;
}

.focus\:-rotate-6:focus {
  --transform-rotate: -6deg !important;
}

.focus\:-rotate-3:focus {
  --transform-rotate: -3deg !important;
}

.focus\:-rotate-2:focus {
  --transform-rotate: -2deg !important;
}

.focus\:-rotate-1:focus {
  --transform-rotate: -1deg !important;
}

.translate-x-0 {
  --transform-translate-x: 0 !important;
}

.translate-x-1 {
  --transform-translate-x: 8px !important;
}

.translate-x-2 {
  --transform-translate-x: 16px !important;
}

.translate-x-3 {
  --transform-translate-x: 24px !important;
}

.translate-x-4 {
  --transform-translate-x: 32px !important;
}

.translate-x-5 {
  --transform-translate-x: 40px !important;
}

.translate-x-6 {
  --transform-translate-x: 64px !important;
}

.translate-x-7 {
  --transform-translate-x: 80px !important;
}

.translate-x-8 {
  --transform-translate-x: 120px !important;
}

.translate-x-px {
  --transform-translate-x: 1px !important;
}

.translate-x-sm {
  --transform-translate-x: 4px !important;
}

.translate-x-1\.5 {
  --transform-translate-x: 12px !important;
}

.-translate-x-1 {
  --transform-translate-x: -8px !important;
}

.-translate-x-2 {
  --transform-translate-x: -16px !important;
}

.-translate-x-3 {
  --transform-translate-x: -24px !important;
}

.-translate-x-4 {
  --transform-translate-x: -32px !important;
}

.-translate-x-5 {
  --transform-translate-x: -40px !important;
}

.-translate-x-6 {
  --transform-translate-x: -64px !important;
}

.-translate-x-7 {
  --transform-translate-x: -80px !important;
}

.-translate-x-8 {
  --transform-translate-x: -120px !important;
}

.-translate-x-px {
  --transform-translate-x: -1px !important;
}

.-translate-x-sm {
  --transform-translate-x: -4px !important;
}

.-translate-x-1\.5 {
  --transform-translate-x: -12px !important;
}

.-translate-x-full {
  --transform-translate-x: -100% !important;
}

.-translate-x-1\/2 {
  --transform-translate-x: -50% !important;
}

.translate-x-1\/2 {
  --transform-translate-x: 50% !important;
}

.translate-x-full {
  --transform-translate-x: 100% !important;
}

.translate-y-0 {
  --transform-translate-y: 0 !important;
}

.translate-y-1 {
  --transform-translate-y: 8px !important;
}

.translate-y-2 {
  --transform-translate-y: 16px !important;
}

.translate-y-3 {
  --transform-translate-y: 24px !important;
}

.translate-y-4 {
  --transform-translate-y: 32px !important;
}

.translate-y-5 {
  --transform-translate-y: 40px !important;
}

.translate-y-6 {
  --transform-translate-y: 64px !important;
}

.translate-y-7 {
  --transform-translate-y: 80px !important;
}

.translate-y-8 {
  --transform-translate-y: 120px !important;
}

.translate-y-px {
  --transform-translate-y: 1px !important;
}

.translate-y-sm {
  --transform-translate-y: 4px !important;
}

.translate-y-1\.5 {
  --transform-translate-y: 12px !important;
}

.-translate-y-1 {
  --transform-translate-y: -8px !important;
}

.-translate-y-2 {
  --transform-translate-y: -16px !important;
}

.-translate-y-3 {
  --transform-translate-y: -24px !important;
}

.-translate-y-4 {
  --transform-translate-y: -32px !important;
}

.-translate-y-5 {
  --transform-translate-y: -40px !important;
}

.-translate-y-6 {
  --transform-translate-y: -64px !important;
}

.-translate-y-7 {
  --transform-translate-y: -80px !important;
}

.-translate-y-8 {
  --transform-translate-y: -120px !important;
}

.-translate-y-px {
  --transform-translate-y: -1px !important;
}

.-translate-y-sm {
  --transform-translate-y: -4px !important;
}

.-translate-y-1\.5 {
  --transform-translate-y: -12px !important;
}

.-translate-y-full {
  --transform-translate-y: -100% !important;
}

.-translate-y-1\/2 {
  --transform-translate-y: -50% !important;
}

.translate-y-1\/2 {
  --transform-translate-y: 50% !important;
}

.translate-y-full {
  --transform-translate-y: 100% !important;
}

.hover\:translate-x-0:hover {
  --transform-translate-x: 0 !important;
}

.hover\:translate-x-1:hover {
  --transform-translate-x: 8px !important;
}

.hover\:translate-x-2:hover {
  --transform-translate-x: 16px !important;
}

.hover\:translate-x-3:hover {
  --transform-translate-x: 24px !important;
}

.hover\:translate-x-4:hover {
  --transform-translate-x: 32px !important;
}

.hover\:translate-x-5:hover {
  --transform-translate-x: 40px !important;
}

.hover\:translate-x-6:hover {
  --transform-translate-x: 64px !important;
}

.hover\:translate-x-7:hover {
  --transform-translate-x: 80px !important;
}

.hover\:translate-x-8:hover {
  --transform-translate-x: 120px !important;
}

.hover\:translate-x-px:hover {
  --transform-translate-x: 1px !important;
}

.hover\:translate-x-sm:hover {
  --transform-translate-x: 4px !important;
}

.hover\:translate-x-1\.5:hover {
  --transform-translate-x: 12px !important;
}

.hover\:-translate-x-1:hover {
  --transform-translate-x: -8px !important;
}

.hover\:-translate-x-2:hover {
  --transform-translate-x: -16px !important;
}

.hover\:-translate-x-3:hover {
  --transform-translate-x: -24px !important;
}

.hover\:-translate-x-4:hover {
  --transform-translate-x: -32px !important;
}

.hover\:-translate-x-5:hover {
  --transform-translate-x: -40px !important;
}

.hover\:-translate-x-6:hover {
  --transform-translate-x: -64px !important;
}

.hover\:-translate-x-7:hover {
  --transform-translate-x: -80px !important;
}

.hover\:-translate-x-8:hover {
  --transform-translate-x: -120px !important;
}

.hover\:-translate-x-px:hover {
  --transform-translate-x: -1px !important;
}

.hover\:-translate-x-sm:hover {
  --transform-translate-x: -4px !important;
}

.hover\:-translate-x-1\.5:hover {
  --transform-translate-x: -12px !important;
}

.hover\:-translate-x-full:hover {
  --transform-translate-x: -100% !important;
}

.hover\:-translate-x-1\/2:hover {
  --transform-translate-x: -50% !important;
}

.hover\:translate-x-1\/2:hover {
  --transform-translate-x: 50% !important;
}

.hover\:translate-x-full:hover {
  --transform-translate-x: 100% !important;
}

.hover\:translate-y-0:hover {
  --transform-translate-y: 0 !important;
}

.hover\:translate-y-1:hover {
  --transform-translate-y: 8px !important;
}

.hover\:translate-y-2:hover {
  --transform-translate-y: 16px !important;
}

.hover\:translate-y-3:hover {
  --transform-translate-y: 24px !important;
}

.hover\:translate-y-4:hover {
  --transform-translate-y: 32px !important;
}

.hover\:translate-y-5:hover {
  --transform-translate-y: 40px !important;
}

.hover\:translate-y-6:hover {
  --transform-translate-y: 64px !important;
}

.hover\:translate-y-7:hover {
  --transform-translate-y: 80px !important;
}

.hover\:translate-y-8:hover {
  --transform-translate-y: 120px !important;
}

.hover\:translate-y-px:hover {
  --transform-translate-y: 1px !important;
}

.hover\:translate-y-sm:hover {
  --transform-translate-y: 4px !important;
}

.hover\:translate-y-1\.5:hover {
  --transform-translate-y: 12px !important;
}

.hover\:-translate-y-1:hover {
  --transform-translate-y: -8px !important;
}

.hover\:-translate-y-2:hover {
  --transform-translate-y: -16px !important;
}

.hover\:-translate-y-3:hover {
  --transform-translate-y: -24px !important;
}

.hover\:-translate-y-4:hover {
  --transform-translate-y: -32px !important;
}

.hover\:-translate-y-5:hover {
  --transform-translate-y: -40px !important;
}

.hover\:-translate-y-6:hover {
  --transform-translate-y: -64px !important;
}

.hover\:-translate-y-7:hover {
  --transform-translate-y: -80px !important;
}

.hover\:-translate-y-8:hover {
  --transform-translate-y: -120px !important;
}

.hover\:-translate-y-px:hover {
  --transform-translate-y: -1px !important;
}

.hover\:-translate-y-sm:hover {
  --transform-translate-y: -4px !important;
}

.hover\:-translate-y-1\.5:hover {
  --transform-translate-y: -12px !important;
}

.hover\:-translate-y-full:hover {
  --transform-translate-y: -100% !important;
}

.hover\:-translate-y-1\/2:hover {
  --transform-translate-y: -50% !important;
}

.hover\:translate-y-1\/2:hover {
  --transform-translate-y: 50% !important;
}

.hover\:translate-y-full:hover {
  --transform-translate-y: 100% !important;
}

.focus\:translate-x-0:focus {
  --transform-translate-x: 0 !important;
}

.focus\:translate-x-1:focus {
  --transform-translate-x: 8px !important;
}

.focus\:translate-x-2:focus {
  --transform-translate-x: 16px !important;
}

.focus\:translate-x-3:focus {
  --transform-translate-x: 24px !important;
}

.focus\:translate-x-4:focus {
  --transform-translate-x: 32px !important;
}

.focus\:translate-x-5:focus {
  --transform-translate-x: 40px !important;
}

.focus\:translate-x-6:focus {
  --transform-translate-x: 64px !important;
}

.focus\:translate-x-7:focus {
  --transform-translate-x: 80px !important;
}

.focus\:translate-x-8:focus {
  --transform-translate-x: 120px !important;
}

.focus\:translate-x-px:focus {
  --transform-translate-x: 1px !important;
}

.focus\:translate-x-sm:focus {
  --transform-translate-x: 4px !important;
}

.focus\:translate-x-1\.5:focus {
  --transform-translate-x: 12px !important;
}

.focus\:-translate-x-1:focus {
  --transform-translate-x: -8px !important;
}

.focus\:-translate-x-2:focus {
  --transform-translate-x: -16px !important;
}

.focus\:-translate-x-3:focus {
  --transform-translate-x: -24px !important;
}

.focus\:-translate-x-4:focus {
  --transform-translate-x: -32px !important;
}

.focus\:-translate-x-5:focus {
  --transform-translate-x: -40px !important;
}

.focus\:-translate-x-6:focus {
  --transform-translate-x: -64px !important;
}

.focus\:-translate-x-7:focus {
  --transform-translate-x: -80px !important;
}

.focus\:-translate-x-8:focus {
  --transform-translate-x: -120px !important;
}

.focus\:-translate-x-px:focus {
  --transform-translate-x: -1px !important;
}

.focus\:-translate-x-sm:focus {
  --transform-translate-x: -4px !important;
}

.focus\:-translate-x-1\.5:focus {
  --transform-translate-x: -12px !important;
}

.focus\:-translate-x-full:focus {
  --transform-translate-x: -100% !important;
}

.focus\:-translate-x-1\/2:focus {
  --transform-translate-x: -50% !important;
}

.focus\:translate-x-1\/2:focus {
  --transform-translate-x: 50% !important;
}

.focus\:translate-x-full:focus {
  --transform-translate-x: 100% !important;
}

.focus\:translate-y-0:focus {
  --transform-translate-y: 0 !important;
}

.focus\:translate-y-1:focus {
  --transform-translate-y: 8px !important;
}

.focus\:translate-y-2:focus {
  --transform-translate-y: 16px !important;
}

.focus\:translate-y-3:focus {
  --transform-translate-y: 24px !important;
}

.focus\:translate-y-4:focus {
  --transform-translate-y: 32px !important;
}

.focus\:translate-y-5:focus {
  --transform-translate-y: 40px !important;
}

.focus\:translate-y-6:focus {
  --transform-translate-y: 64px !important;
}

.focus\:translate-y-7:focus {
  --transform-translate-y: 80px !important;
}

.focus\:translate-y-8:focus {
  --transform-translate-y: 120px !important;
}

.focus\:translate-y-px:focus {
  --transform-translate-y: 1px !important;
}

.focus\:translate-y-sm:focus {
  --transform-translate-y: 4px !important;
}

.focus\:translate-y-1\.5:focus {
  --transform-translate-y: 12px !important;
}

.focus\:-translate-y-1:focus {
  --transform-translate-y: -8px !important;
}

.focus\:-translate-y-2:focus {
  --transform-translate-y: -16px !important;
}

.focus\:-translate-y-3:focus {
  --transform-translate-y: -24px !important;
}

.focus\:-translate-y-4:focus {
  --transform-translate-y: -32px !important;
}

.focus\:-translate-y-5:focus {
  --transform-translate-y: -40px !important;
}

.focus\:-translate-y-6:focus {
  --transform-translate-y: -64px !important;
}

.focus\:-translate-y-7:focus {
  --transform-translate-y: -80px !important;
}

.focus\:-translate-y-8:focus {
  --transform-translate-y: -120px !important;
}

.focus\:-translate-y-px:focus {
  --transform-translate-y: -1px !important;
}

.focus\:-translate-y-sm:focus {
  --transform-translate-y: -4px !important;
}

.focus\:-translate-y-1\.5:focus {
  --transform-translate-y: -12px !important;
}

.focus\:-translate-y-full:focus {
  --transform-translate-y: -100% !important;
}

.focus\:-translate-y-1\/2:focus {
  --transform-translate-y: -50% !important;
}

.focus\:translate-y-1\/2:focus {
  --transform-translate-y: 50% !important;
}

.focus\:translate-y-full:focus {
  --transform-translate-y: 100% !important;
}

.skew-x-0 {
  --transform-skew-x: 0 !important;
}

.skew-x-1 {
  --transform-skew-x: 1deg !important;
}

.skew-x-2 {
  --transform-skew-x: 2deg !important;
}

.skew-x-3 {
  --transform-skew-x: 3deg !important;
}

.skew-x-6 {
  --transform-skew-x: 6deg !important;
}

.skew-x-12 {
  --transform-skew-x: 12deg !important;
}

.-skew-x-12 {
  --transform-skew-x: -12deg !important;
}

.-skew-x-6 {
  --transform-skew-x: -6deg !important;
}

.-skew-x-3 {
  --transform-skew-x: -3deg !important;
}

.-skew-x-2 {
  --transform-skew-x: -2deg !important;
}

.-skew-x-1 {
  --transform-skew-x: -1deg !important;
}

.skew-y-0 {
  --transform-skew-y: 0 !important;
}

.skew-y-1 {
  --transform-skew-y: 1deg !important;
}

.skew-y-2 {
  --transform-skew-y: 2deg !important;
}

.skew-y-3 {
  --transform-skew-y: 3deg !important;
}

.skew-y-6 {
  --transform-skew-y: 6deg !important;
}

.skew-y-12 {
  --transform-skew-y: 12deg !important;
}

.-skew-y-12 {
  --transform-skew-y: -12deg !important;
}

.-skew-y-6 {
  --transform-skew-y: -6deg !important;
}

.-skew-y-3 {
  --transform-skew-y: -3deg !important;
}

.-skew-y-2 {
  --transform-skew-y: -2deg !important;
}

.-skew-y-1 {
  --transform-skew-y: -1deg !important;
}

.hover\:skew-x-0:hover {
  --transform-skew-x: 0 !important;
}

.hover\:skew-x-1:hover {
  --transform-skew-x: 1deg !important;
}

.hover\:skew-x-2:hover {
  --transform-skew-x: 2deg !important;
}

.hover\:skew-x-3:hover {
  --transform-skew-x: 3deg !important;
}

.hover\:skew-x-6:hover {
  --transform-skew-x: 6deg !important;
}

.hover\:skew-x-12:hover {
  --transform-skew-x: 12deg !important;
}

.hover\:-skew-x-12:hover {
  --transform-skew-x: -12deg !important;
}

.hover\:-skew-x-6:hover {
  --transform-skew-x: -6deg !important;
}

.hover\:-skew-x-3:hover {
  --transform-skew-x: -3deg !important;
}

.hover\:-skew-x-2:hover {
  --transform-skew-x: -2deg !important;
}

.hover\:-skew-x-1:hover {
  --transform-skew-x: -1deg !important;
}

.hover\:skew-y-0:hover {
  --transform-skew-y: 0 !important;
}

.hover\:skew-y-1:hover {
  --transform-skew-y: 1deg !important;
}

.hover\:skew-y-2:hover {
  --transform-skew-y: 2deg !important;
}

.hover\:skew-y-3:hover {
  --transform-skew-y: 3deg !important;
}

.hover\:skew-y-6:hover {
  --transform-skew-y: 6deg !important;
}

.hover\:skew-y-12:hover {
  --transform-skew-y: 12deg !important;
}

.hover\:-skew-y-12:hover {
  --transform-skew-y: -12deg !important;
}

.hover\:-skew-y-6:hover {
  --transform-skew-y: -6deg !important;
}

.hover\:-skew-y-3:hover {
  --transform-skew-y: -3deg !important;
}

.hover\:-skew-y-2:hover {
  --transform-skew-y: -2deg !important;
}

.hover\:-skew-y-1:hover {
  --transform-skew-y: -1deg !important;
}

.focus\:skew-x-0:focus {
  --transform-skew-x: 0 !important;
}

.focus\:skew-x-1:focus {
  --transform-skew-x: 1deg !important;
}

.focus\:skew-x-2:focus {
  --transform-skew-x: 2deg !important;
}

.focus\:skew-x-3:focus {
  --transform-skew-x: 3deg !important;
}

.focus\:skew-x-6:focus {
  --transform-skew-x: 6deg !important;
}

.focus\:skew-x-12:focus {
  --transform-skew-x: 12deg !important;
}

.focus\:-skew-x-12:focus {
  --transform-skew-x: -12deg !important;
}

.focus\:-skew-x-6:focus {
  --transform-skew-x: -6deg !important;
}

.focus\:-skew-x-3:focus {
  --transform-skew-x: -3deg !important;
}

.focus\:-skew-x-2:focus {
  --transform-skew-x: -2deg !important;
}

.focus\:-skew-x-1:focus {
  --transform-skew-x: -1deg !important;
}

.focus\:skew-y-0:focus {
  --transform-skew-y: 0 !important;
}

.focus\:skew-y-1:focus {
  --transform-skew-y: 1deg !important;
}

.focus\:skew-y-2:focus {
  --transform-skew-y: 2deg !important;
}

.focus\:skew-y-3:focus {
  --transform-skew-y: 3deg !important;
}

.focus\:skew-y-6:focus {
  --transform-skew-y: 6deg !important;
}

.focus\:skew-y-12:focus {
  --transform-skew-y: 12deg !important;
}

.focus\:-skew-y-12:focus {
  --transform-skew-y: -12deg !important;
}

.focus\:-skew-y-6:focus {
  --transform-skew-y: -6deg !important;
}

.focus\:-skew-y-3:focus {
  --transform-skew-y: -3deg !important;
}

.focus\:-skew-y-2:focus {
  --transform-skew-y: -2deg !important;
}

.focus\:-skew-y-1:focus {
  --transform-skew-y: -1deg !important;
}

.transition-none {
  transition-property: none !important;
}

.transition-all {
  transition-property: all !important;
}

.transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
}

.transition-colors {
  transition-property: background-color, border-color, color, fill, stroke !important;
}

.transition-opacity {
  transition-property: opacity !important;
}

.transition-shadow {
  transition-property: box-shadow !important;
}

.transition-transform {
  transition-property: transform !important;
}

.ease-linear {
  transition-timing-function: linear !important;
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.duration-75 {
  transition-duration: 75ms !important;
}

.duration-100 {
  transition-duration: 100ms !important;
}

.duration-150 {
  transition-duration: 150ms !important;
}

.duration-200 {
  transition-duration: 200ms !important;
}

.duration-300 {
  transition-duration: 300ms !important;
}

.duration-500 {
  transition-duration: 500ms !important;
}

.duration-700 {
  transition-duration: 700ms !important;
}

.duration-1000 {
  transition-duration: 1000ms !important;
}

.delay-75 {
  transition-delay: 75ms !important;
}

.delay-100 {
  transition-delay: 100ms !important;
}

.delay-150 {
  transition-delay: 150ms !important;
}

.delay-200 {
  transition-delay: 200ms !important;
}

.delay-300 {
  transition-delay: 300ms !important;
}

.delay-500 {
  transition-delay: 500ms !important;
}

.delay-700 {
  transition-delay: 700ms !important;
}

.delay-1000 {
  transition-delay: 1000ms !important;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

@-webkit-keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@-webkit-keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
            animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
            animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.animate-none {
  -webkit-animation: none !important;
          animation: none !important;
}

.animate-spin {
  -webkit-animation: spin 1s linear infinite !important;
          animation: spin 1s linear infinite !important;
}

.animate-ping {
  -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
          animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
}

.animate-pulse {
  -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
          animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}

.animate-bounce {
  -webkit-animation: bounce 1s infinite !important;
          animation: bounce 1s infinite !important;
}

/* ==========================================================================
   UTILITES
   ========================================================================== */

.text-shadow {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.text-overflow-ellipsis {
  text-overflow: ellipsis;
}

/* Sticky Header
  ========================================================================== */

.sticky {
  background: linear-gradient(#eef2f6 95%, rgba(238, 242, 246, 0));
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 12px 24px 16px;
  margin: -16px 0 8px !important;
  z-index: 102;
}

/* Rotation
  ========================================================================== */

.rotate-90 {
  transform: rotate(90deg);
}

.rotate-180 {
  transform: rotate(180deg);
}

.-rotate-90 {
  transform: rotate(-90deg);
}

.-rotate-180 {
  transform: rotate(-180deg);
}

/* Misc
  ========================================================================== */

.focus-outline {
  --border-opacity: 1;
  border-color: hsl(210, 100%, 75%);
  border-color: rgba(127.5, 191.24999999999994, 255, var(--border-opacity));
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
}

.focus-none {
  border-width: 0;
  outline: 0;
  box-shadow: none;
}

.selected-outline {
  --border-opacity: 1;
  border-color: hsl(200, 80%, 50%);
  border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity));
  outline: 0;
  box-shadow: 0 0 0 2px hsl(200, 80%, 50%);
}

.ease-quick {
  transition: all 60ms ease;
}

.loading {
  text-align: center;
  padding: 20px 0;
}

.loading .icon {
  display: block;
  margin-bottom: 5px;
}

.loading.loading-basic {
  text-align: left;
  padding: 0;
}

.loading.loading-basic .icon {
  display: inline-block;
  margin: -2px 5px 0 0;
}

.cursor-text {
  cursor: text;
}

.cursor-grab {
  cursor: -webkit-grab;
  cursor: grab;
}

.shadow-hover-lg {
  box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075);
  transition: box-shadow .08s ease-in-out;
}

.shadow-hover-lg:hover {
  box-shadow: 0 12px 24px 0 rgba(50, 50, 93, .1), 0 10px 20px 0 rgba(0, 0, 0, .075);
}

.w-fit-content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

[v-cloak] {
  display: none;
}

.loading-blocker {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: rgba(255, 255, 255, 0.7);
}

.saving {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.9);
}

.saving .inner {
  padding: 40px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.saving i {
  position: relative;
  top: -1px;
  margin-right: 10px;
}

.ease {
  transition: all .15s ease-in-out;
}

.help-block {
  width: 100%;
}

.help-block p {
  margin-bottom: 8px;
}

.text-truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fit-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.ratio-4\:3 {
  padding-top: 75%;
}

.bg-checkerboard {
  background: url([object Module]);
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 38px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.select2-container--daran .select2-selection--single {
  background-color: #fff;
  border: 1px solid #c4ccd4;
  border-radius: 3px;
}

.select2-container--daran .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 38px;
}

.select2-container--daran .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 36px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--daran .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--daran .select2-selection--single .select2-selection__arrow {
  height: 36px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--daran .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--daran[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--daran[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--daran.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--daran.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--daran.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--daran .select2-selection--multiple {
  background-color: white;
  border: 1px solid #c4ccd4;
  border-radius: 3px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--daran .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  padding: 1px;
}

.select2-container--daran .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #c4ccd4;
  border-radius: 3px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--daran .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--daran .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #c4ccd4;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--daran .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--daran .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--daran[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--daran[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--daran[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #c4ccd4;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--daran[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--daran.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--daran.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--daran.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--daran .select2-selection__rendered, .select2-container--daran .select2-results__option {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}

.select2-container--daran.select2-container--open.select2-container--above .select2-selection--single, .select2-container--daran.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--daran.select2-container--open.select2-container--below .select2-selection--single, .select2-container--daran.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--daran .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--daran .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--daran .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--daran .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--daran .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--daran .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--daran .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--daran .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--daran .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--daran .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--daran .select2-results__option--group {
  padding: 0;
}

.select2-container--daran .select2-results__option--disabled {
  color: #999;
}

.select2-container--daran .select2-results__option--selected {
  background-color: #ddd;
}

.select2-container--daran .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-container--daran .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/* checkbox */

.input-checkbox__icon {
  margin: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: inline-flex;
}

.input-checkbox__icon span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}

.input-checkbox__icon span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #206fb3;
  transition: all 0.2s ease;
  top: 3px;
}

.input-checkbox__icon span:first-child svg {
  position: absolute;
  top: 2px;
  left: 3px;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}

.input-checkbox__icon span:first-child:before {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
}

.input-checkbox__icon span:last-child {
  padding-left: 7px;
}

.input-checkbox__icon:hover span:first-child {
  border-color: #206fb3;
}

.input-checkbox__hidden:checked + .input-checkbox__icon span:first-child {
  background: linear-gradient(to bottom, #298fe6, #257fcc);
  border: 1px solid #206fb3;
  box-shadow: inset 0 1px 0 0 #2e9fff, 0 1px 0 0 rgba(25, 30, 35, 0.05), 0 0 0 0 transparent;
  -webkit-animation: wave 0.4s ease;
  animation: wave 0.4s ease;
  padding: 0;
}

.input-checkbox__hidden:checked + .input-checkbox__icon span:first-child svg {
  stroke-dashoffset: 0;
}

.input-checkbox__hidden:checked + .input-checkbox__icon span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}

.input-checkbox {
  text-align: left;
}

.input-checkbox__text {
  display: inline;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}

.input-checkbox > inp-cbx.error {
  background-color: red !important;
}

.input-checkbox + inp-cbx.error {
  background-color: red !important;
}

.switch {
  cursor: pointer;
}

.switch input {
  display: none;
}

.switch input + span {
  width: 44px;
  height: 22px;
  border-radius: 14px;
  transition: all .3s ease;
  display: block;
  position: relative;
  background: #AAB0A9;
}

.switch input + span:before {
  content: '';
  display: block;
  position: absolute;
  transition: all .3s ease;
  top: 1px;
  left: 1px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  border: 5px solid #fff;
  background-color: #fff;
}

.switch input + span:active {
  transform: scale(0.92);
}

.switch input:checked + span {
  --bg-opacity: 1;
  background-color: #64BD63;
  background-color: rgba(100, 189, 99, var(--bg-opacity));
}

.switch input:checked + span:before {
  border-radius: 10px;
  border: 5px solid #fff;
  margin-left: 22px;
}

.switch input:checked + span:after {
  -webkit-animation: blobChecked .35s linear forwards .2s;
          animation: blobChecked .35s linear forwards .2s;
}

.switch input:not(:checked) + span:before {
  -webkit-animation: blob .85s linear forwards .2s;
          animation: blob .85s linear forwards .2s;
}

.switch p {
  font-size: 11px !important;
  text-transform: uppercase;
}

@-webkit-keyframes blob {
  0%, 100% {
    transform: scale(1);
  }

  30% {
    transform: scale(1.12, 0.94);
  }

  60% {
    transform: scale(0.96, 1.06);
  }
}

@keyframes blob {
  0%, 100% {
    transform: scale(1);
  }

  30% {
    transform: scale(1.12, 0.94);
  }

  60% {
    transform: scale(0.96, 1.06);
  }
}

@-webkit-keyframes blobChecked {
  0% {
    opacity: 1;
    transform: scaleX(1);
  }

  30% {
    transform: scaleX(1.44);
  }

  70% {
    transform: scaleX(1.18);
  }

  50%,
  99% {
    transform: scaleX(1);
    opacity: 1;
  }

  100% {
    transform: scaleX(1);
    opacity: 0;
  }
}

@keyframes blobChecked {
  0% {
    opacity: 1;
    transform: scaleX(1);
  }

  30% {
    transform: scaleX(1.44);
  }

  70% {
    transform: scaleX(1.18);
  }

  50%,
  99% {
    transform: scaleX(1);
    opacity: 1;
  }

  100% {
    transform: scaleX(1);
    opacity: 0;
  }
}

.input--image__preview img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: .5rem;
  padding: 8px;
  border-radius: 3px;
  box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid #c4ccd4;
}

.medium-editor-element.input-text, input.medium-editor-element.slug:hover, input.medium-editor-element.slug:focus {
  height: 100% !important;
  min-height: 200px;
}

.medium-editor-placeholder-relative::after {
  font-style: normal !important;
  color: #a0aec0 !important;
  padding-left: 0px !important;
}

.filepond--root {
  margin-bottom: 0px !important;
}

.form-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: #d2d6dc;
  border-width: 1px;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
}

.form-input::-moz-placeholder {
  color: #9fa6b2;
  opacity: 1;
}

.form-input:-ms-input-placeholder {
  color: #9fa6b2;
  opacity: 1;
}

.form-input::placeholder {
  color: #9fa6b2;
  opacity: 1;
}

.form-input:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
  border-color: #a4cafe;
}

.form-textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: #d2d6dc;
  border-width: 1px;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
}

.form-textarea::-moz-placeholder {
  color: #9fa6b2;
  opacity: 1;
}

.form-textarea:-ms-input-placeholder {
  color: #9fa6b2;
  opacity: 1;
}

.form-textarea::placeholder {
  color: #9fa6b2;
  opacity: 1;
}

.form-textarea:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
  border-color: #a4cafe;
}

.form-multiselect {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: #d2d6dc;
  border-width: 1px;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
}

.form-multiselect:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
  border-color: #a4cafe;
}

.form-select {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='%239fa6b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  background-repeat: no-repeat;
  background-color: #fff;
  border-color: #d2d6dc;
  border-width: 1px;
  border-radius: 0.375rem;
  padding: 0.5rem 2.5rem 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  background-position: right 0.5rem center;
  background-size: 1.5em 1.5em;
}

.form-select::-ms-expand {
  color: #9fa6b2;
  border: none;
}

@media not print {
  .form-select::-ms-expand {
    display: none;
  }
}

@media print and (-ms-high-contrast: active), print and (-ms-high-contrast: none) {
  .form-select {
    padding-right: 0.75rem;
  }
}

.form-select:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
  border-color: #a4cafe;
}

.form-checkbox:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}

@media not print {
  .form-checkbox::-ms-check {
    border-width: 1px;
    color: transparent;
    background: inherit;
    border-color: inherit;
    border-radius: inherit;
  }
}

.form-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #3f83f8;
  background-color: #fff;
  border-color: #d2d6dc;
  border-width: 1px;
  border-radius: 0.25rem;
}

.form-checkbox:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
  border-color: #a4cafe;
}

.form-checkbox:checked:focus,
.form-radio:checked {
  border-color: transparent;
}

.form-radio:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}

@media not print {
  .form-radio::-ms-check {
    border-width: 1px;
    color: transparent;
    background: inherit;
    border-color: inherit;
    border-radius: inherit;
  }
}

.form-radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  flex-shrink: 0;
  border-radius: 100%;
  height: 1rem;
  width: 1rem;
  color: #3f83f8;
  background-color: #fff;
  border-color: #d2d6dc;
  border-width: 1px;
}

.form-radio:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
  border-color: #a4cafe;
}

.form-radio:checked:focus {
  border-color: transparent;
}

.livewire-datatables .popover-container {
  position: absolute;
}

.livewire-datatables .popover-container.popover-open .popover .popover-content {
  z-index: 2;
  position: relative;
}

.table .buttons .delete-confirm {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.table .buttons .delete-confirm .btn-sm {
  width: calc(50% - 4px);
  height: 100%;
}

.table .buttons .btn-primary, .table .buttons .btn-dropdown-primary {
  height: 2rem;
  padding: .275rem 0.5rem;
  align-items: center;
}

.table .buttons .btn-primary span, .table .buttons .btn-dropdown-primary span {
  font-size: 12px;
}

#js--modal-delete {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000 !important;
}

[hidden] {
  display: none !important;
}

.laraberg__editor {
  width: 100% !important;
}

.block-editor-inserter__search input[type="search"].block-editor-inserter__search-input {
  width: calc(100% - 32px) !important;
  padding: 16px !important;
  height: 18px !important;
}

.vue-tags-input .ti-input {
  border-width: 1px;
  padding: 8px;
  border-radius: 3px;
  box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
  border-color: #c4ccd4;
}

.vue-tags-input .ti-input .ti-tag {
  background-color: #2C99F7;
  border-radius: 4px;
}

.data-table .popover-container .popover {
  position: absolute;
  inset: 0px auto auto 0px;
  margin: 0px;
  transform: translate(-138px, 34px);
}

.auth-popover {
  position: absolute;
  left: auto;
  top: 0px;
  margin: 0px;
  right: 0px;
  bottom: auto;
  transform: translate3d(0px, 40px, 0px);
}

#statamic {
  transition: all 0.3s ease;
  min-height: 100vh;
}

.pane-slide-enter-active,
.pane-slide-leave-active {
  transition: all 0.3s ease;
}

.pane-slide-enter,
.pane-slide-leave-to {
  transform: translateX(24rem);
}

#js--modal-delete {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000 !important;
}

.editor {
  width: 100%;
}

.ck-editor, .cke {
  position: relative;
  width: 100% !important;
}

@media (min-width: 576px) {
  .sm\:space-y-0 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-0 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(0px * var(--space-x-reverse)) !important;
    margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(8px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(8px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(8px * var(--space-x-reverse)) !important;
    margin-left: calc(8px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(16px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(16px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(16px * var(--space-x-reverse)) !important;
    margin-left: calc(16px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(24px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(24px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(24px * var(--space-x-reverse)) !important;
    margin-left: calc(24px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(32px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(32px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(32px * var(--space-x-reverse)) !important;
    margin-left: calc(32px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(40px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(40px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(40px * var(--space-x-reverse)) !important;
    margin-left: calc(40px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(64px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(64px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(64px * var(--space-x-reverse)) !important;
    margin-left: calc(64px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-7 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(80px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(80px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-7 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(80px * var(--space-x-reverse)) !important;
    margin-left: calc(80px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(120px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(120px * var(--space-x-reverse)) !important;
    margin-left: calc(120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(1px * var(--space-x-reverse)) !important;
    margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-sm > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(4px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(4px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-sm > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(4px * var(--space-x-reverse)) !important;
    margin-left: calc(4px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-1\.5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(12px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(12px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-1\.5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(12px * var(--space-x-reverse)) !important;
    margin-left: calc(12px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-8px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-8px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-8px * var(--space-x-reverse)) !important;
    margin-left: calc(-8px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-16px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-16px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-16px * var(--space-x-reverse)) !important;
    margin-left: calc(-16px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-24px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-24px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-24px * var(--space-x-reverse)) !important;
    margin-left: calc(-24px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-32px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-32px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-32px * var(--space-x-reverse)) !important;
    margin-left: calc(-32px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-40px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-40px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-40px * var(--space-x-reverse)) !important;
    margin-left: calc(-40px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-64px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-64px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-64px * var(--space-x-reverse)) !important;
    margin-left: calc(-64px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-7 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-80px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-80px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-7 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-80px * var(--space-x-reverse)) !important;
    margin-left: calc(-80px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-120px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-120px * var(--space-x-reverse)) !important;
    margin-left: calc(-120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-1px * var(--space-x-reverse)) !important;
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-sm > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-4px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-4px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-sm > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-4px * var(--space-x-reverse)) !important;
    margin-left: calc(-4px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-1\.5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-12px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-12px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-1\.5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-12px * var(--space-x-reverse)) !important;
    margin-left: calc(-12px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-reverse > :not(template) ~ :not(template) {
    --space-y-reverse: 1 !important;
  }

  .sm\:space-x-reverse > :not(template) ~ :not(template) {
    --space-x-reverse: 1 !important;
  }

  .sm\:divide-y-0 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(0px * var(--divide-y-reverse)) !important;
  }

  .sm\:divide-x-0 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(0px * var(--divide-x-reverse)) !important;
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .sm\:divide-y-2 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(2px * var(--divide-y-reverse)) !important;
  }

  .sm\:divide-x-2 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(2px * var(--divide-x-reverse)) !important;
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .sm\:divide-y-3 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(3px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(3px * var(--divide-y-reverse)) !important;
  }

  .sm\:divide-x-3 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(3px * var(--divide-x-reverse)) !important;
    border-left-width: calc(3px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .sm\:divide-y-4 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(4px * var(--divide-y-reverse)) !important;
  }

  .sm\:divide-x-4 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(4px * var(--divide-x-reverse)) !important;
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .sm\:divide-y-6 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(6px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(6px * var(--divide-y-reverse)) !important;
  }

  .sm\:divide-x-6 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(6px * var(--divide-x-reverse)) !important;
    border-left-width: calc(6px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .sm\:divide-y-8 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(8px * var(--divide-y-reverse)) !important;
  }

  .sm\:divide-x-8 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(8px * var(--divide-x-reverse)) !important;
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .sm\:divide-y > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(1px * var(--divide-y-reverse)) !important;
  }

  .sm\:divide-x > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(1px * var(--divide-x-reverse)) !important;
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .sm\:divide-y-reverse > :not(template) ~ :not(template) {
    --divide-y-reverse: 1 !important;
  }

  .sm\:divide-x-reverse > :not(template) ~ :not(template) {
    --divide-x-reverse: 1 !important;
  }

  .sm\:divide-transparent > :not(template) ~ :not(template) {
    border-color: transparent !important;
  }

  .sm\:divide-black > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #000000 !important;
    border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
  }

  .sm\:divide-grey-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 20%, 10%) !important;
    border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--divide-opacity)) !important;
  }

  .sm\:divide-grey > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--divide-opacity)) !important;
  }

  .sm\:divide-grey-90 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(196, 31%, 14%) !important;
    border-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--divide-opacity)) !important;
  }

  .sm\:divide-grey-80 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(198, 32%, 16%) !important;
    border-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--divide-opacity)) !important;
  }

  .sm\:divide-grey-70 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--divide-opacity)) !important;
  }

  .sm\:divide-grey-60 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 15%, 70%) !important;
    border-color: rgba(167.02499999999998, 178.5, 189.975, var(--divide-opacity)) !important;
  }

  .sm\:divide-grey-50 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 15%, 80%) !important;
    border-color: rgba(196.35, 204, 211.65, var(--divide-opacity)) !important;
  }

  .sm\:divide-grey-40 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 22%, 89%) !important;
    border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--divide-opacity)) !important;
  }

  .sm\:divide-grey-30 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 30%, 95%) !important;
    border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--divide-opacity)) !important;
  }

  .sm\:divide-grey-20 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(214, 60%, 97.5%) !important;
    border-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--divide-opacity)) !important;
  }

  .sm\:divide-grey-10 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(218, 90%, 99%) !important;
    border-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--divide-opacity)) !important;
  }

  .sm\:divide-white > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #ffffff !important;
    border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
  }

  .sm\:divide-green > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #479967 !important;
    border-color: rgba(71, 153, 103, var(--divide-opacity)) !important;
  }

  .sm\:divide-green-light > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #64BD63 !important;
    border-color: rgba(100, 189, 99, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-lighter > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(207, 86%, 70%) !important;
    border-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-light > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 100%, 75%) !important;
    border-color: rgba(127.5, 191.24999999999994, 255, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-dark > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(200, 75%, 45%) !important;
    border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-darker > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(200, 75%, 40%) !important;
    border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #eaf5ff !important;
    border-color: rgba(234, 245, 255, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #abd9ff !important;
    border-color: rgba(171, 217, 255, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #82c5ff !important;
    border-color: rgba(130, 197, 255, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #43a9ff !important;
    border-color: rgba(67, 169, 255, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #2e9fff !important;
    border-color: rgba(46, 159, 255, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #298fe6 !important;
    border-color: rgba(41, 143, 230, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #257fcc !important;
    border-color: rgba(37, 127, 204, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #206fb3 !important;
    border-color: rgba(32, 111, 179, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #175080 !important;
    border-color: rgba(23, 80, 128, var(--divide-opacity)) !important;
  }

  .sm\:divide-red-dark > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(2, 57%, 53%) !important;
    border-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--divide-opacity)) !important;
  }

  .sm\:divide-red > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(2, 76%, 60%) !important;
    border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--divide-opacity)) !important;
  }

  .sm\:divide-red-light > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(2, 76%, 70%) !important;
    border-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--divide-opacity)) !important;
  }

  .sm\:divide-red-lighter > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(2, 76%, 95%) !important;
    border-color: rgba(251.94, 233.206, 232.55999999999997, var(--divide-opacity)) !important;
  }

  .sm\:divide-yellow > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #fbfab0 !important;
    border-color: rgba(251, 250, 176, var(--divide-opacity)) !important;
  }

  .sm\:divide-yellow-dark > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #d8cd1b !important;
    border-color: rgba(216, 205, 27, var(--divide-opacity)) !important;
  }

  .sm\:divide-orange > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #f5a82f !important;
    border-color: rgba(245, 168, 47, var(--divide-opacity)) !important;
  }

  .sm\:divide-pink > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #ff269e !important;
    border-color: rgba(255, 38, 158, var(--divide-opacity)) !important;
  }

  .sm\:divide-purple > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #c471ed !important;
    border-color: rgba(196, 113, 237, var(--divide-opacity)) !important;
  }

  .sm\:divide-darken-10 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,.1) !important;
  }

  .sm\:divide-darken-20 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,.2) !important;
  }

  .sm\:divide-primary > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--divide-opacity)) !important;
  }

  .sm\:divide-solid > :not(template) ~ :not(template) {
    border-style: solid !important;
  }

  .sm\:divide-dashed > :not(template) ~ :not(template) {
    border-style: dashed !important;
  }

  .sm\:divide-dotted > :not(template) ~ :not(template) {
    border-style: dotted !important;
  }

  .sm\:divide-double > :not(template) ~ :not(template) {
    border-style: double !important;
  }

  .sm\:divide-none > :not(template) ~ :not(template) {
    border-style: none !important;
  }

  .sm\:divide-opacity-0 > :not(template) ~ :not(template) {
    --divide-opacity: 0 !important;
  }

  .sm\:divide-opacity-25 > :not(template) ~ :not(template) {
    --divide-opacity: 0.25 !important;
  }

  .sm\:divide-opacity-50 > :not(template) ~ :not(template) {
    --divide-opacity: 0.5 !important;
  }

  .sm\:divide-opacity-75 > :not(template) ~ :not(template) {
    --divide-opacity: 0.75 !important;
  }

  .sm\:divide-opacity-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
  }

  .sm\:sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .sm\:not-sr-only {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .sm\:focus\:sr-only:focus {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .sm\:focus\:not-sr-only:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .sm\:appearance-none {
    -webkit-appearance: none !important;
       -moz-appearance: none !important;
            appearance: none !important;
  }

  .sm\:bg-fixed {
    background-attachment: fixed !important;
  }

  .sm\:bg-local {
    background-attachment: local !important;
  }

  .sm\:bg-scroll {
    background-attachment: scroll !important;
  }

  .sm\:bg-clip-border {
    background-clip: border-box !important;
  }

  .sm\:bg-clip-padding {
    background-clip: padding-box !important;
  }

  .sm\:bg-clip-content {
    background-clip: content-box !important;
  }

  .sm\:bg-clip-text {
    -webkit-background-clip: text !important;
            background-clip: text !important;
  }

  .sm\:bg-transparent {
    background-color: transparent !important;
  }

  .sm\:bg-black {
    --bg-opacity: 1 !important;
    background-color: #000000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .sm\:bg-grey-100 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 20%, 10%) !important;
    background-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--bg-opacity)) !important;
  }

  .sm\:bg-grey {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .sm\:bg-grey-90 {
    --bg-opacity: 1 !important;
    background-color: hsl(196, 31%, 14%) !important;
    background-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--bg-opacity)) !important;
  }

  .sm\:bg-grey-80 {
    --bg-opacity: 1 !important;
    background-color: hsl(198, 32%, 16%) !important;
    background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity)) !important;
  }

  .sm\:bg-grey-70 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .sm\:bg-grey-60 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 70%) !important;
    background-color: rgba(167.02499999999998, 178.5, 189.975, var(--bg-opacity)) !important;
  }

  .sm\:bg-grey-50 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 80%) !important;
    background-color: rgba(196.35, 204, 211.65, var(--bg-opacity)) !important;
  }

  .sm\:bg-grey-40 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 22%, 89%) !important;
    background-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--bg-opacity)) !important;
  }

  .sm\:bg-grey-30 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 30%, 95%) !important;
    background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity)) !important;
  }

  .sm\:bg-grey-20 {
    --bg-opacity: 1 !important;
    background-color: hsl(214, 60%, 97.5%) !important;
    background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity)) !important;
  }

  .sm\:bg-grey-10 {
    --bg-opacity: 1 !important;
    background-color: hsl(218, 90%, 99%) !important;
    background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity)) !important;
  }

  .sm\:bg-white {
    --bg-opacity: 1 !important;
    background-color: #ffffff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .sm\:bg-green {
    --bg-opacity: 1 !important;
    background-color: #479967 !important;
    background-color: rgba(71, 153, 103, var(--bg-opacity)) !important;
  }

  .sm\:bg-green-light {
    --bg-opacity: 1 !important;
    background-color: #64BD63 !important;
    background-color: rgba(100, 189, 99, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-lighter {
    --bg-opacity: 1 !important;
    background-color: hsl(207, 86%, 70%) !important;
    background-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-light {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 100%, 75%) !important;
    background-color: rgba(127.5, 191.24999999999994, 255, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-dark {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 45%) !important;
    background-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-darker {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 40%) !important;
    background-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-100 {
    --bg-opacity: 1 !important;
    background-color: #eaf5ff !important;
    background-color: rgba(234, 245, 255, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-200 {
    --bg-opacity: 1 !important;
    background-color: #abd9ff !important;
    background-color: rgba(171, 217, 255, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-300 {
    --bg-opacity: 1 !important;
    background-color: #82c5ff !important;
    background-color: rgba(130, 197, 255, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-400 {
    --bg-opacity: 1 !important;
    background-color: #43a9ff !important;
    background-color: rgba(67, 169, 255, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-500 {
    --bg-opacity: 1 !important;
    background-color: #2e9fff !important;
    background-color: rgba(46, 159, 255, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-600 {
    --bg-opacity: 1 !important;
    background-color: #298fe6 !important;
    background-color: rgba(41, 143, 230, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-700 {
    --bg-opacity: 1 !important;
    background-color: #257fcc !important;
    background-color: rgba(37, 127, 204, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-800 {
    --bg-opacity: 1 !important;
    background-color: #206fb3 !important;
    background-color: rgba(32, 111, 179, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-900 {
    --bg-opacity: 1 !important;
    background-color: #175080 !important;
    background-color: rgba(23, 80, 128, var(--bg-opacity)) !important;
  }

  .sm\:bg-red-dark {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 57%, 53%) !important;
    background-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--bg-opacity)) !important;
  }

  .sm\:bg-red {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 60%) !important;
    background-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--bg-opacity)) !important;
  }

  .sm\:bg-red-light {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 70%) !important;
    background-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--bg-opacity)) !important;
  }

  .sm\:bg-red-lighter {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 95%) !important;
    background-color: rgba(251.94, 233.206, 232.55999999999997, var(--bg-opacity)) !important;
  }

  .sm\:bg-yellow {
    --bg-opacity: 1 !important;
    background-color: #fbfab0 !important;
    background-color: rgba(251, 250, 176, var(--bg-opacity)) !important;
  }

  .sm\:bg-yellow-dark {
    --bg-opacity: 1 !important;
    background-color: #d8cd1b !important;
    background-color: rgba(216, 205, 27, var(--bg-opacity)) !important;
  }

  .sm\:bg-orange {
    --bg-opacity: 1 !important;
    background-color: #f5a82f !important;
    background-color: rgba(245, 168, 47, var(--bg-opacity)) !important;
  }

  .sm\:bg-pink {
    --bg-opacity: 1 !important;
    background-color: #ff269e !important;
    background-color: rgba(255, 38, 158, var(--bg-opacity)) !important;
  }

  .sm\:bg-purple {
    --bg-opacity: 1 !important;
    background-color: #c471ed !important;
    background-color: rgba(196, 113, 237, var(--bg-opacity)) !important;
  }

  .sm\:bg-darken-10 {
    background-color: rgba(0,0,0,.1) !important;
  }

  .sm\:bg-darken-20 {
    background-color: rgba(0,0,0,.2) !important;
  }

  .sm\:bg-primary {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-transparent:hover {
    background-color: transparent !important;
  }

  .sm\:hover\:bg-black:hover {
    --bg-opacity: 1 !important;
    background-color: #000000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-grey-100:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 20%, 10%) !important;
    background-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-grey:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-grey-90:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(196, 31%, 14%) !important;
    background-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-grey-80:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(198, 32%, 16%) !important;
    background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-grey-70:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-grey-60:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 70%) !important;
    background-color: rgba(167.02499999999998, 178.5, 189.975, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-grey-50:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 80%) !important;
    background-color: rgba(196.35, 204, 211.65, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-grey-40:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 22%, 89%) !important;
    background-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-grey-30:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 30%, 95%) !important;
    background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-grey-20:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(214, 60%, 97.5%) !important;
    background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-grey-10:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(218, 90%, 99%) !important;
    background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-white:hover {
    --bg-opacity: 1 !important;
    background-color: #ffffff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-green:hover {
    --bg-opacity: 1 !important;
    background-color: #479967 !important;
    background-color: rgba(71, 153, 103, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-green-light:hover {
    --bg-opacity: 1 !important;
    background-color: #64BD63 !important;
    background-color: rgba(100, 189, 99, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-lighter:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(207, 86%, 70%) !important;
    background-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-light:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 100%, 75%) !important;
    background-color: rgba(127.5, 191.24999999999994, 255, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-dark:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 45%) !important;
    background-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-darker:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 40%) !important;
    background-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-100:hover {
    --bg-opacity: 1 !important;
    background-color: #eaf5ff !important;
    background-color: rgba(234, 245, 255, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-200:hover {
    --bg-opacity: 1 !important;
    background-color: #abd9ff !important;
    background-color: rgba(171, 217, 255, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-300:hover {
    --bg-opacity: 1 !important;
    background-color: #82c5ff !important;
    background-color: rgba(130, 197, 255, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-400:hover {
    --bg-opacity: 1 !important;
    background-color: #43a9ff !important;
    background-color: rgba(67, 169, 255, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-500:hover {
    --bg-opacity: 1 !important;
    background-color: #2e9fff !important;
    background-color: rgba(46, 159, 255, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-600:hover {
    --bg-opacity: 1 !important;
    background-color: #298fe6 !important;
    background-color: rgba(41, 143, 230, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-700:hover {
    --bg-opacity: 1 !important;
    background-color: #257fcc !important;
    background-color: rgba(37, 127, 204, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-800:hover {
    --bg-opacity: 1 !important;
    background-color: #206fb3 !important;
    background-color: rgba(32, 111, 179, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-900:hover {
    --bg-opacity: 1 !important;
    background-color: #175080 !important;
    background-color: rgba(23, 80, 128, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-red-dark:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 57%, 53%) !important;
    background-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-red:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 60%) !important;
    background-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-red-light:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 70%) !important;
    background-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-red-lighter:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 95%) !important;
    background-color: rgba(251.94, 233.206, 232.55999999999997, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-yellow:hover {
    --bg-opacity: 1 !important;
    background-color: #fbfab0 !important;
    background-color: rgba(251, 250, 176, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-yellow-dark:hover {
    --bg-opacity: 1 !important;
    background-color: #d8cd1b !important;
    background-color: rgba(216, 205, 27, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-orange:hover {
    --bg-opacity: 1 !important;
    background-color: #f5a82f !important;
    background-color: rgba(245, 168, 47, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-pink:hover {
    --bg-opacity: 1 !important;
    background-color: #ff269e !important;
    background-color: rgba(255, 38, 158, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-purple:hover {
    --bg-opacity: 1 !important;
    background-color: #c471ed !important;
    background-color: rgba(196, 113, 237, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-darken-10:hover {
    background-color: rgba(0,0,0,.1) !important;
  }

  .sm\:hover\:bg-darken-20:hover {
    background-color: rgba(0,0,0,.2) !important;
  }

  .sm\:hover\:bg-primary:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-transparent:focus {
    background-color: transparent !important;
  }

  .sm\:focus\:bg-black:focus {
    --bg-opacity: 1 !important;
    background-color: #000000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-grey-100:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 20%, 10%) !important;
    background-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-grey:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-grey-90:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(196, 31%, 14%) !important;
    background-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-grey-80:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(198, 32%, 16%) !important;
    background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-grey-70:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-grey-60:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 70%) !important;
    background-color: rgba(167.02499999999998, 178.5, 189.975, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-grey-50:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 80%) !important;
    background-color: rgba(196.35, 204, 211.65, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-grey-40:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 22%, 89%) !important;
    background-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-grey-30:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 30%, 95%) !important;
    background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-grey-20:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(214, 60%, 97.5%) !important;
    background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-grey-10:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(218, 90%, 99%) !important;
    background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-white:focus {
    --bg-opacity: 1 !important;
    background-color: #ffffff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-green:focus {
    --bg-opacity: 1 !important;
    background-color: #479967 !important;
    background-color: rgba(71, 153, 103, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-green-light:focus {
    --bg-opacity: 1 !important;
    background-color: #64BD63 !important;
    background-color: rgba(100, 189, 99, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-lighter:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(207, 86%, 70%) !important;
    background-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-light:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 100%, 75%) !important;
    background-color: rgba(127.5, 191.24999999999994, 255, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-dark:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 45%) !important;
    background-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-darker:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 40%) !important;
    background-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-100:focus {
    --bg-opacity: 1 !important;
    background-color: #eaf5ff !important;
    background-color: rgba(234, 245, 255, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-200:focus {
    --bg-opacity: 1 !important;
    background-color: #abd9ff !important;
    background-color: rgba(171, 217, 255, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-300:focus {
    --bg-opacity: 1 !important;
    background-color: #82c5ff !important;
    background-color: rgba(130, 197, 255, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-400:focus {
    --bg-opacity: 1 !important;
    background-color: #43a9ff !important;
    background-color: rgba(67, 169, 255, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-500:focus {
    --bg-opacity: 1 !important;
    background-color: #2e9fff !important;
    background-color: rgba(46, 159, 255, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-600:focus {
    --bg-opacity: 1 !important;
    background-color: #298fe6 !important;
    background-color: rgba(41, 143, 230, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-700:focus {
    --bg-opacity: 1 !important;
    background-color: #257fcc !important;
    background-color: rgba(37, 127, 204, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-800:focus {
    --bg-opacity: 1 !important;
    background-color: #206fb3 !important;
    background-color: rgba(32, 111, 179, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-900:focus {
    --bg-opacity: 1 !important;
    background-color: #175080 !important;
    background-color: rgba(23, 80, 128, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-red-dark:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 57%, 53%) !important;
    background-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-red:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 60%) !important;
    background-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-red-light:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 70%) !important;
    background-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-red-lighter:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 95%) !important;
    background-color: rgba(251.94, 233.206, 232.55999999999997, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-yellow:focus {
    --bg-opacity: 1 !important;
    background-color: #fbfab0 !important;
    background-color: rgba(251, 250, 176, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-yellow-dark:focus {
    --bg-opacity: 1 !important;
    background-color: #d8cd1b !important;
    background-color: rgba(216, 205, 27, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-orange:focus {
    --bg-opacity: 1 !important;
    background-color: #f5a82f !important;
    background-color: rgba(245, 168, 47, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-pink:focus {
    --bg-opacity: 1 !important;
    background-color: #ff269e !important;
    background-color: rgba(255, 38, 158, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-purple:focus {
    --bg-opacity: 1 !important;
    background-color: #c471ed !important;
    background-color: rgba(196, 113, 237, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-darken-10:focus {
    background-color: rgba(0,0,0,.1) !important;
  }

  .sm\:focus\:bg-darken-20:focus {
    background-color: rgba(0,0,0,.2) !important;
  }

  .sm\:focus\:bg-primary:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .sm\:bg-none {
    background-image: none !important;
  }

  .sm\:bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
  }

  .sm\:bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
  }

  .sm\:bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
  }

  .sm\:bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
  }

  .sm\:bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
  }

  .sm\:bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
  }

  .sm\:bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
  }

  .sm\:bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
  }

  .sm\:from-transparent {
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:from-black {
    --gradient-from-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:from-grey-100 {
    --gradient-from-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .sm\:from-grey {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .sm\:from-grey-90 {
    --gradient-from-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .sm\:from-grey-80 {
    --gradient-from-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .sm\:from-grey-70 {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .sm\:from-grey-60 {
    --gradient-from-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .sm\:from-grey-50 {
    --gradient-from-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .sm\:from-grey-40 {
    --gradient-from-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .sm\:from-grey-30 {
    --gradient-from-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .sm\:from-grey-20 {
    --gradient-from-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .sm\:from-grey-10 {
    --gradient-from-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .sm\:from-white {
    --gradient-from-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:from-green {
    --gradient-from-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .sm\:from-green-light {
    --gradient-from-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .sm\:from-blue-lighter {
    --gradient-from-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .sm\:from-blue-light {
    --gradient-from-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .sm\:from-blue {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .sm\:from-blue-dark {
    --gradient-from-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .sm\:from-blue-darker {
    --gradient-from-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .sm\:from-blue-100 {
    --gradient-from-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .sm\:from-blue-200 {
    --gradient-from-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .sm\:from-blue-300 {
    --gradient-from-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .sm\:from-blue-400 {
    --gradient-from-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .sm\:from-blue-500 {
    --gradient-from-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .sm\:from-blue-600 {
    --gradient-from-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .sm\:from-blue-700 {
    --gradient-from-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .sm\:from-blue-800 {
    --gradient-from-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .sm\:from-blue-900 {
    --gradient-from-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .sm\:from-red-dark {
    --gradient-from-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .sm\:from-red {
    --gradient-from-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .sm\:from-red-light {
    --gradient-from-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .sm\:from-red-lighter {
    --gradient-from-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .sm\:from-yellow {
    --gradient-from-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .sm\:from-yellow-dark {
    --gradient-from-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .sm\:from-orange {
    --gradient-from-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .sm\:from-pink {
    --gradient-from-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .sm\:from-purple {
    --gradient-from-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .sm\:from-darken-10 {
    --gradient-from-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:from-darken-20 {
    --gradient-from-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:from-primary {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .sm\:via-transparent {
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:via-black {
    --gradient-via-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:via-grey-100 {
    --gradient-via-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .sm\:via-grey {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .sm\:via-grey-90 {
    --gradient-via-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .sm\:via-grey-80 {
    --gradient-via-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .sm\:via-grey-70 {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .sm\:via-grey-60 {
    --gradient-via-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .sm\:via-grey-50 {
    --gradient-via-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .sm\:via-grey-40 {
    --gradient-via-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .sm\:via-grey-30 {
    --gradient-via-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .sm\:via-grey-20 {
    --gradient-via-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .sm\:via-grey-10 {
    --gradient-via-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .sm\:via-white {
    --gradient-via-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:via-green {
    --gradient-via-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .sm\:via-green-light {
    --gradient-via-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .sm\:via-blue-lighter {
    --gradient-via-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .sm\:via-blue-light {
    --gradient-via-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .sm\:via-blue {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .sm\:via-blue-dark {
    --gradient-via-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .sm\:via-blue-darker {
    --gradient-via-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .sm\:via-blue-100 {
    --gradient-via-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .sm\:via-blue-200 {
    --gradient-via-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .sm\:via-blue-300 {
    --gradient-via-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .sm\:via-blue-400 {
    --gradient-via-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .sm\:via-blue-500 {
    --gradient-via-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .sm\:via-blue-600 {
    --gradient-via-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .sm\:via-blue-700 {
    --gradient-via-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .sm\:via-blue-800 {
    --gradient-via-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .sm\:via-blue-900 {
    --gradient-via-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .sm\:via-red-dark {
    --gradient-via-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .sm\:via-red {
    --gradient-via-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .sm\:via-red-light {
    --gradient-via-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .sm\:via-red-lighter {
    --gradient-via-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .sm\:via-yellow {
    --gradient-via-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .sm\:via-yellow-dark {
    --gradient-via-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .sm\:via-orange {
    --gradient-via-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .sm\:via-pink {
    --gradient-via-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .sm\:via-purple {
    --gradient-via-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .sm\:via-darken-10 {
    --gradient-via-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:via-darken-20 {
    --gradient-via-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:via-primary {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .sm\:to-transparent {
    --gradient-to-color: transparent !important;
  }

  .sm\:to-black {
    --gradient-to-color: #000000 !important;
  }

  .sm\:to-grey-100 {
    --gradient-to-color: hsl(210, 20%, 10%) !important;
  }

  .sm\:to-grey {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .sm\:to-grey-90 {
    --gradient-to-color: hsl(196, 31%, 14%) !important;
  }

  .sm\:to-grey-80 {
    --gradient-to-color: hsl(198, 32%, 16%) !important;
  }

  .sm\:to-grey-70 {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .sm\:to-grey-60 {
    --gradient-to-color: hsl(210, 15%, 70%) !important;
  }

  .sm\:to-grey-50 {
    --gradient-to-color: hsl(210, 15%, 80%) !important;
  }

  .sm\:to-grey-40 {
    --gradient-to-color: hsl(210, 22%, 89%) !important;
  }

  .sm\:to-grey-30 {
    --gradient-to-color: hsl(210, 30%, 95%) !important;
  }

  .sm\:to-grey-20 {
    --gradient-to-color: hsl(214, 60%, 97.5%) !important;
  }

  .sm\:to-grey-10 {
    --gradient-to-color: hsl(218, 90%, 99%) !important;
  }

  .sm\:to-white {
    --gradient-to-color: #ffffff !important;
  }

  .sm\:to-green {
    --gradient-to-color: #479967 !important;
  }

  .sm\:to-green-light {
    --gradient-to-color: #64BD63 !important;
  }

  .sm\:to-blue-lighter {
    --gradient-to-color: hsl(207, 86%, 70%) !important;
  }

  .sm\:to-blue-light {
    --gradient-to-color: hsl(210, 100%, 75%) !important;
  }

  .sm\:to-blue {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .sm\:to-blue-dark {
    --gradient-to-color: hsl(200, 75%, 45%) !important;
  }

  .sm\:to-blue-darker {
    --gradient-to-color: hsl(200, 75%, 40%) !important;
  }

  .sm\:to-blue-100 {
    --gradient-to-color: #eaf5ff !important;
  }

  .sm\:to-blue-200 {
    --gradient-to-color: #abd9ff !important;
  }

  .sm\:to-blue-300 {
    --gradient-to-color: #82c5ff !important;
  }

  .sm\:to-blue-400 {
    --gradient-to-color: #43a9ff !important;
  }

  .sm\:to-blue-500 {
    --gradient-to-color: #2e9fff !important;
  }

  .sm\:to-blue-600 {
    --gradient-to-color: #298fe6 !important;
  }

  .sm\:to-blue-700 {
    --gradient-to-color: #257fcc !important;
  }

  .sm\:to-blue-800 {
    --gradient-to-color: #206fb3 !important;
  }

  .sm\:to-blue-900 {
    --gradient-to-color: #175080 !important;
  }

  .sm\:to-red-dark {
    --gradient-to-color: hsl(2, 57%, 53%) !important;
  }

  .sm\:to-red {
    --gradient-to-color: hsl(2, 76%, 60%) !important;
  }

  .sm\:to-red-light {
    --gradient-to-color: hsl(2, 76%, 70%) !important;
  }

  .sm\:to-red-lighter {
    --gradient-to-color: hsl(2, 76%, 95%) !important;
  }

  .sm\:to-yellow {
    --gradient-to-color: #fbfab0 !important;
  }

  .sm\:to-yellow-dark {
    --gradient-to-color: #d8cd1b !important;
  }

  .sm\:to-orange {
    --gradient-to-color: #f5a82f !important;
  }

  .sm\:to-pink {
    --gradient-to-color: #ff269e !important;
  }

  .sm\:to-purple {
    --gradient-to-color: #c471ed !important;
  }

  .sm\:to-darken-10 {
    --gradient-to-color: rgba(0,0,0,.1) !important;
  }

  .sm\:to-darken-20 {
    --gradient-to-color: rgba(0,0,0,.2) !important;
  }

  .sm\:to-primary {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .sm\:hover\:from-transparent:hover {
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:hover\:from-black:hover {
    --gradient-from-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:hover\:from-grey-100:hover {
    --gradient-from-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .sm\:hover\:from-grey:hover {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .sm\:hover\:from-grey-90:hover {
    --gradient-from-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .sm\:hover\:from-grey-80:hover {
    --gradient-from-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .sm\:hover\:from-grey-70:hover {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .sm\:hover\:from-grey-60:hover {
    --gradient-from-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .sm\:hover\:from-grey-50:hover {
    --gradient-from-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .sm\:hover\:from-grey-40:hover {
    --gradient-from-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .sm\:hover\:from-grey-30:hover {
    --gradient-from-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .sm\:hover\:from-grey-20:hover {
    --gradient-from-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .sm\:hover\:from-grey-10:hover {
    --gradient-from-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .sm\:hover\:from-white:hover {
    --gradient-from-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:hover\:from-green:hover {
    --gradient-from-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .sm\:hover\:from-green-light:hover {
    --gradient-from-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .sm\:hover\:from-blue-lighter:hover {
    --gradient-from-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .sm\:hover\:from-blue-light:hover {
    --gradient-from-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .sm\:hover\:from-blue:hover {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .sm\:hover\:from-blue-dark:hover {
    --gradient-from-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .sm\:hover\:from-blue-darker:hover {
    --gradient-from-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .sm\:hover\:from-blue-100:hover {
    --gradient-from-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .sm\:hover\:from-blue-200:hover {
    --gradient-from-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .sm\:hover\:from-blue-300:hover {
    --gradient-from-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .sm\:hover\:from-blue-400:hover {
    --gradient-from-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .sm\:hover\:from-blue-500:hover {
    --gradient-from-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .sm\:hover\:from-blue-600:hover {
    --gradient-from-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .sm\:hover\:from-blue-700:hover {
    --gradient-from-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .sm\:hover\:from-blue-800:hover {
    --gradient-from-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .sm\:hover\:from-blue-900:hover {
    --gradient-from-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .sm\:hover\:from-red-dark:hover {
    --gradient-from-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .sm\:hover\:from-red:hover {
    --gradient-from-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .sm\:hover\:from-red-light:hover {
    --gradient-from-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .sm\:hover\:from-red-lighter:hover {
    --gradient-from-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .sm\:hover\:from-yellow:hover {
    --gradient-from-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .sm\:hover\:from-yellow-dark:hover {
    --gradient-from-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .sm\:hover\:from-orange:hover {
    --gradient-from-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .sm\:hover\:from-pink:hover {
    --gradient-from-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .sm\:hover\:from-purple:hover {
    --gradient-from-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .sm\:hover\:from-darken-10:hover {
    --gradient-from-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:hover\:from-darken-20:hover {
    --gradient-from-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:hover\:from-primary:hover {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .sm\:hover\:via-transparent:hover {
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:hover\:via-black:hover {
    --gradient-via-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:hover\:via-grey-100:hover {
    --gradient-via-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .sm\:hover\:via-grey:hover {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .sm\:hover\:via-grey-90:hover {
    --gradient-via-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .sm\:hover\:via-grey-80:hover {
    --gradient-via-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .sm\:hover\:via-grey-70:hover {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .sm\:hover\:via-grey-60:hover {
    --gradient-via-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .sm\:hover\:via-grey-50:hover {
    --gradient-via-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .sm\:hover\:via-grey-40:hover {
    --gradient-via-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .sm\:hover\:via-grey-30:hover {
    --gradient-via-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .sm\:hover\:via-grey-20:hover {
    --gradient-via-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .sm\:hover\:via-grey-10:hover {
    --gradient-via-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .sm\:hover\:via-white:hover {
    --gradient-via-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:hover\:via-green:hover {
    --gradient-via-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .sm\:hover\:via-green-light:hover {
    --gradient-via-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .sm\:hover\:via-blue-lighter:hover {
    --gradient-via-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .sm\:hover\:via-blue-light:hover {
    --gradient-via-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .sm\:hover\:via-blue:hover {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .sm\:hover\:via-blue-dark:hover {
    --gradient-via-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .sm\:hover\:via-blue-darker:hover {
    --gradient-via-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .sm\:hover\:via-blue-100:hover {
    --gradient-via-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .sm\:hover\:via-blue-200:hover {
    --gradient-via-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .sm\:hover\:via-blue-300:hover {
    --gradient-via-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .sm\:hover\:via-blue-400:hover {
    --gradient-via-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .sm\:hover\:via-blue-500:hover {
    --gradient-via-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .sm\:hover\:via-blue-600:hover {
    --gradient-via-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .sm\:hover\:via-blue-700:hover {
    --gradient-via-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .sm\:hover\:via-blue-800:hover {
    --gradient-via-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .sm\:hover\:via-blue-900:hover {
    --gradient-via-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .sm\:hover\:via-red-dark:hover {
    --gradient-via-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .sm\:hover\:via-red:hover {
    --gradient-via-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .sm\:hover\:via-red-light:hover {
    --gradient-via-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .sm\:hover\:via-red-lighter:hover {
    --gradient-via-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .sm\:hover\:via-yellow:hover {
    --gradient-via-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .sm\:hover\:via-yellow-dark:hover {
    --gradient-via-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .sm\:hover\:via-orange:hover {
    --gradient-via-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .sm\:hover\:via-pink:hover {
    --gradient-via-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .sm\:hover\:via-purple:hover {
    --gradient-via-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .sm\:hover\:via-darken-10:hover {
    --gradient-via-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:hover\:via-darken-20:hover {
    --gradient-via-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:hover\:via-primary:hover {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .sm\:hover\:to-transparent:hover {
    --gradient-to-color: transparent !important;
  }

  .sm\:hover\:to-black:hover {
    --gradient-to-color: #000000 !important;
  }

  .sm\:hover\:to-grey-100:hover {
    --gradient-to-color: hsl(210, 20%, 10%) !important;
  }

  .sm\:hover\:to-grey:hover {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .sm\:hover\:to-grey-90:hover {
    --gradient-to-color: hsl(196, 31%, 14%) !important;
  }

  .sm\:hover\:to-grey-80:hover {
    --gradient-to-color: hsl(198, 32%, 16%) !important;
  }

  .sm\:hover\:to-grey-70:hover {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .sm\:hover\:to-grey-60:hover {
    --gradient-to-color: hsl(210, 15%, 70%) !important;
  }

  .sm\:hover\:to-grey-50:hover {
    --gradient-to-color: hsl(210, 15%, 80%) !important;
  }

  .sm\:hover\:to-grey-40:hover {
    --gradient-to-color: hsl(210, 22%, 89%) !important;
  }

  .sm\:hover\:to-grey-30:hover {
    --gradient-to-color: hsl(210, 30%, 95%) !important;
  }

  .sm\:hover\:to-grey-20:hover {
    --gradient-to-color: hsl(214, 60%, 97.5%) !important;
  }

  .sm\:hover\:to-grey-10:hover {
    --gradient-to-color: hsl(218, 90%, 99%) !important;
  }

  .sm\:hover\:to-white:hover {
    --gradient-to-color: #ffffff !important;
  }

  .sm\:hover\:to-green:hover {
    --gradient-to-color: #479967 !important;
  }

  .sm\:hover\:to-green-light:hover {
    --gradient-to-color: #64BD63 !important;
  }

  .sm\:hover\:to-blue-lighter:hover {
    --gradient-to-color: hsl(207, 86%, 70%) !important;
  }

  .sm\:hover\:to-blue-light:hover {
    --gradient-to-color: hsl(210, 100%, 75%) !important;
  }

  .sm\:hover\:to-blue:hover {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .sm\:hover\:to-blue-dark:hover {
    --gradient-to-color: hsl(200, 75%, 45%) !important;
  }

  .sm\:hover\:to-blue-darker:hover {
    --gradient-to-color: hsl(200, 75%, 40%) !important;
  }

  .sm\:hover\:to-blue-100:hover {
    --gradient-to-color: #eaf5ff !important;
  }

  .sm\:hover\:to-blue-200:hover {
    --gradient-to-color: #abd9ff !important;
  }

  .sm\:hover\:to-blue-300:hover {
    --gradient-to-color: #82c5ff !important;
  }

  .sm\:hover\:to-blue-400:hover {
    --gradient-to-color: #43a9ff !important;
  }

  .sm\:hover\:to-blue-500:hover {
    --gradient-to-color: #2e9fff !important;
  }

  .sm\:hover\:to-blue-600:hover {
    --gradient-to-color: #298fe6 !important;
  }

  .sm\:hover\:to-blue-700:hover {
    --gradient-to-color: #257fcc !important;
  }

  .sm\:hover\:to-blue-800:hover {
    --gradient-to-color: #206fb3 !important;
  }

  .sm\:hover\:to-blue-900:hover {
    --gradient-to-color: #175080 !important;
  }

  .sm\:hover\:to-red-dark:hover {
    --gradient-to-color: hsl(2, 57%, 53%) !important;
  }

  .sm\:hover\:to-red:hover {
    --gradient-to-color: hsl(2, 76%, 60%) !important;
  }

  .sm\:hover\:to-red-light:hover {
    --gradient-to-color: hsl(2, 76%, 70%) !important;
  }

  .sm\:hover\:to-red-lighter:hover {
    --gradient-to-color: hsl(2, 76%, 95%) !important;
  }

  .sm\:hover\:to-yellow:hover {
    --gradient-to-color: #fbfab0 !important;
  }

  .sm\:hover\:to-yellow-dark:hover {
    --gradient-to-color: #d8cd1b !important;
  }

  .sm\:hover\:to-orange:hover {
    --gradient-to-color: #f5a82f !important;
  }

  .sm\:hover\:to-pink:hover {
    --gradient-to-color: #ff269e !important;
  }

  .sm\:hover\:to-purple:hover {
    --gradient-to-color: #c471ed !important;
  }

  .sm\:hover\:to-darken-10:hover {
    --gradient-to-color: rgba(0,0,0,.1) !important;
  }

  .sm\:hover\:to-darken-20:hover {
    --gradient-to-color: rgba(0,0,0,.2) !important;
  }

  .sm\:hover\:to-primary:hover {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .sm\:focus\:from-transparent:focus {
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:focus\:from-black:focus {
    --gradient-from-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:focus\:from-grey-100:focus {
    --gradient-from-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .sm\:focus\:from-grey:focus {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .sm\:focus\:from-grey-90:focus {
    --gradient-from-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .sm\:focus\:from-grey-80:focus {
    --gradient-from-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .sm\:focus\:from-grey-70:focus {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .sm\:focus\:from-grey-60:focus {
    --gradient-from-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .sm\:focus\:from-grey-50:focus {
    --gradient-from-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .sm\:focus\:from-grey-40:focus {
    --gradient-from-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .sm\:focus\:from-grey-30:focus {
    --gradient-from-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .sm\:focus\:from-grey-20:focus {
    --gradient-from-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .sm\:focus\:from-grey-10:focus {
    --gradient-from-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .sm\:focus\:from-white:focus {
    --gradient-from-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:focus\:from-green:focus {
    --gradient-from-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .sm\:focus\:from-green-light:focus {
    --gradient-from-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .sm\:focus\:from-blue-lighter:focus {
    --gradient-from-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .sm\:focus\:from-blue-light:focus {
    --gradient-from-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .sm\:focus\:from-blue:focus {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .sm\:focus\:from-blue-dark:focus {
    --gradient-from-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .sm\:focus\:from-blue-darker:focus {
    --gradient-from-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .sm\:focus\:from-blue-100:focus {
    --gradient-from-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .sm\:focus\:from-blue-200:focus {
    --gradient-from-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .sm\:focus\:from-blue-300:focus {
    --gradient-from-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .sm\:focus\:from-blue-400:focus {
    --gradient-from-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .sm\:focus\:from-blue-500:focus {
    --gradient-from-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .sm\:focus\:from-blue-600:focus {
    --gradient-from-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .sm\:focus\:from-blue-700:focus {
    --gradient-from-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .sm\:focus\:from-blue-800:focus {
    --gradient-from-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .sm\:focus\:from-blue-900:focus {
    --gradient-from-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .sm\:focus\:from-red-dark:focus {
    --gradient-from-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .sm\:focus\:from-red:focus {
    --gradient-from-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .sm\:focus\:from-red-light:focus {
    --gradient-from-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .sm\:focus\:from-red-lighter:focus {
    --gradient-from-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .sm\:focus\:from-yellow:focus {
    --gradient-from-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .sm\:focus\:from-yellow-dark:focus {
    --gradient-from-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .sm\:focus\:from-orange:focus {
    --gradient-from-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .sm\:focus\:from-pink:focus {
    --gradient-from-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .sm\:focus\:from-purple:focus {
    --gradient-from-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .sm\:focus\:from-darken-10:focus {
    --gradient-from-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:focus\:from-darken-20:focus {
    --gradient-from-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:focus\:from-primary:focus {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .sm\:focus\:via-transparent:focus {
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:focus\:via-black:focus {
    --gradient-via-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:focus\:via-grey-100:focus {
    --gradient-via-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .sm\:focus\:via-grey:focus {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .sm\:focus\:via-grey-90:focus {
    --gradient-via-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .sm\:focus\:via-grey-80:focus {
    --gradient-via-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .sm\:focus\:via-grey-70:focus {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .sm\:focus\:via-grey-60:focus {
    --gradient-via-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .sm\:focus\:via-grey-50:focus {
    --gradient-via-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .sm\:focus\:via-grey-40:focus {
    --gradient-via-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .sm\:focus\:via-grey-30:focus {
    --gradient-via-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .sm\:focus\:via-grey-20:focus {
    --gradient-via-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .sm\:focus\:via-grey-10:focus {
    --gradient-via-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .sm\:focus\:via-white:focus {
    --gradient-via-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:focus\:via-green:focus {
    --gradient-via-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .sm\:focus\:via-green-light:focus {
    --gradient-via-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .sm\:focus\:via-blue-lighter:focus {
    --gradient-via-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .sm\:focus\:via-blue-light:focus {
    --gradient-via-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .sm\:focus\:via-blue:focus {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .sm\:focus\:via-blue-dark:focus {
    --gradient-via-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .sm\:focus\:via-blue-darker:focus {
    --gradient-via-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .sm\:focus\:via-blue-100:focus {
    --gradient-via-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .sm\:focus\:via-blue-200:focus {
    --gradient-via-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .sm\:focus\:via-blue-300:focus {
    --gradient-via-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .sm\:focus\:via-blue-400:focus {
    --gradient-via-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .sm\:focus\:via-blue-500:focus {
    --gradient-via-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .sm\:focus\:via-blue-600:focus {
    --gradient-via-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .sm\:focus\:via-blue-700:focus {
    --gradient-via-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .sm\:focus\:via-blue-800:focus {
    --gradient-via-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .sm\:focus\:via-blue-900:focus {
    --gradient-via-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .sm\:focus\:via-red-dark:focus {
    --gradient-via-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .sm\:focus\:via-red:focus {
    --gradient-via-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .sm\:focus\:via-red-light:focus {
    --gradient-via-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .sm\:focus\:via-red-lighter:focus {
    --gradient-via-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .sm\:focus\:via-yellow:focus {
    --gradient-via-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .sm\:focus\:via-yellow-dark:focus {
    --gradient-via-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .sm\:focus\:via-orange:focus {
    --gradient-via-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .sm\:focus\:via-pink:focus {
    --gradient-via-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .sm\:focus\:via-purple:focus {
    --gradient-via-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .sm\:focus\:via-darken-10:focus {
    --gradient-via-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:focus\:via-darken-20:focus {
    --gradient-via-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:focus\:via-primary:focus {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .sm\:focus\:to-transparent:focus {
    --gradient-to-color: transparent !important;
  }

  .sm\:focus\:to-black:focus {
    --gradient-to-color: #000000 !important;
  }

  .sm\:focus\:to-grey-100:focus {
    --gradient-to-color: hsl(210, 20%, 10%) !important;
  }

  .sm\:focus\:to-grey:focus {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .sm\:focus\:to-grey-90:focus {
    --gradient-to-color: hsl(196, 31%, 14%) !important;
  }

  .sm\:focus\:to-grey-80:focus {
    --gradient-to-color: hsl(198, 32%, 16%) !important;
  }

  .sm\:focus\:to-grey-70:focus {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .sm\:focus\:to-grey-60:focus {
    --gradient-to-color: hsl(210, 15%, 70%) !important;
  }

  .sm\:focus\:to-grey-50:focus {
    --gradient-to-color: hsl(210, 15%, 80%) !important;
  }

  .sm\:focus\:to-grey-40:focus {
    --gradient-to-color: hsl(210, 22%, 89%) !important;
  }

  .sm\:focus\:to-grey-30:focus {
    --gradient-to-color: hsl(210, 30%, 95%) !important;
  }

  .sm\:focus\:to-grey-20:focus {
    --gradient-to-color: hsl(214, 60%, 97.5%) !important;
  }

  .sm\:focus\:to-grey-10:focus {
    --gradient-to-color: hsl(218, 90%, 99%) !important;
  }

  .sm\:focus\:to-white:focus {
    --gradient-to-color: #ffffff !important;
  }

  .sm\:focus\:to-green:focus {
    --gradient-to-color: #479967 !important;
  }

  .sm\:focus\:to-green-light:focus {
    --gradient-to-color: #64BD63 !important;
  }

  .sm\:focus\:to-blue-lighter:focus {
    --gradient-to-color: hsl(207, 86%, 70%) !important;
  }

  .sm\:focus\:to-blue-light:focus {
    --gradient-to-color: hsl(210, 100%, 75%) !important;
  }

  .sm\:focus\:to-blue:focus {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .sm\:focus\:to-blue-dark:focus {
    --gradient-to-color: hsl(200, 75%, 45%) !important;
  }

  .sm\:focus\:to-blue-darker:focus {
    --gradient-to-color: hsl(200, 75%, 40%) !important;
  }

  .sm\:focus\:to-blue-100:focus {
    --gradient-to-color: #eaf5ff !important;
  }

  .sm\:focus\:to-blue-200:focus {
    --gradient-to-color: #abd9ff !important;
  }

  .sm\:focus\:to-blue-300:focus {
    --gradient-to-color: #82c5ff !important;
  }

  .sm\:focus\:to-blue-400:focus {
    --gradient-to-color: #43a9ff !important;
  }

  .sm\:focus\:to-blue-500:focus {
    --gradient-to-color: #2e9fff !important;
  }

  .sm\:focus\:to-blue-600:focus {
    --gradient-to-color: #298fe6 !important;
  }

  .sm\:focus\:to-blue-700:focus {
    --gradient-to-color: #257fcc !important;
  }

  .sm\:focus\:to-blue-800:focus {
    --gradient-to-color: #206fb3 !important;
  }

  .sm\:focus\:to-blue-900:focus {
    --gradient-to-color: #175080 !important;
  }

  .sm\:focus\:to-red-dark:focus {
    --gradient-to-color: hsl(2, 57%, 53%) !important;
  }

  .sm\:focus\:to-red:focus {
    --gradient-to-color: hsl(2, 76%, 60%) !important;
  }

  .sm\:focus\:to-red-light:focus {
    --gradient-to-color: hsl(2, 76%, 70%) !important;
  }

  .sm\:focus\:to-red-lighter:focus {
    --gradient-to-color: hsl(2, 76%, 95%) !important;
  }

  .sm\:focus\:to-yellow:focus {
    --gradient-to-color: #fbfab0 !important;
  }

  .sm\:focus\:to-yellow-dark:focus {
    --gradient-to-color: #d8cd1b !important;
  }

  .sm\:focus\:to-orange:focus {
    --gradient-to-color: #f5a82f !important;
  }

  .sm\:focus\:to-pink:focus {
    --gradient-to-color: #ff269e !important;
  }

  .sm\:focus\:to-purple:focus {
    --gradient-to-color: #c471ed !important;
  }

  .sm\:focus\:to-darken-10:focus {
    --gradient-to-color: rgba(0,0,0,.1) !important;
  }

  .sm\:focus\:to-darken-20:focus {
    --gradient-to-color: rgba(0,0,0,.2) !important;
  }

  .sm\:focus\:to-primary:focus {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .sm\:bg-opacity-0 {
    --bg-opacity: 0 !important;
  }

  .sm\:bg-opacity-25 {
    --bg-opacity: 0.25 !important;
  }

  .sm\:bg-opacity-50 {
    --bg-opacity: 0.5 !important;
  }

  .sm\:bg-opacity-75 {
    --bg-opacity: 0.75 !important;
  }

  .sm\:bg-opacity-100 {
    --bg-opacity: 1 !important;
  }

  .sm\:hover\:bg-opacity-0:hover {
    --bg-opacity: 0 !important;
  }

  .sm\:hover\:bg-opacity-25:hover {
    --bg-opacity: 0.25 !important;
  }

  .sm\:hover\:bg-opacity-50:hover {
    --bg-opacity: 0.5 !important;
  }

  .sm\:hover\:bg-opacity-75:hover {
    --bg-opacity: 0.75 !important;
  }

  .sm\:hover\:bg-opacity-100:hover {
    --bg-opacity: 1 !important;
  }

  .sm\:focus\:bg-opacity-0:focus {
    --bg-opacity: 0 !important;
  }

  .sm\:focus\:bg-opacity-25:focus {
    --bg-opacity: 0.25 !important;
  }

  .sm\:focus\:bg-opacity-50:focus {
    --bg-opacity: 0.5 !important;
  }

  .sm\:focus\:bg-opacity-75:focus {
    --bg-opacity: 0.75 !important;
  }

  .sm\:focus\:bg-opacity-100:focus {
    --bg-opacity: 1 !important;
  }

  .sm\:bg-bottom {
    background-position: bottom !important;
  }

  .sm\:bg-center {
    background-position: center !important;
  }

  .sm\:bg-left {
    background-position: left !important;
  }

  .sm\:bg-left-bottom {
    background-position: left bottom !important;
  }

  .sm\:bg-left-top {
    background-position: left top !important;
  }

  .sm\:bg-right {
    background-position: right !important;
  }

  .sm\:bg-right-bottom {
    background-position: right bottom !important;
  }

  .sm\:bg-right-top {
    background-position: right top !important;
  }

  .sm\:bg-top {
    background-position: top !important;
  }

  .sm\:bg-repeat {
    background-repeat: repeat !important;
  }

  .sm\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }

  .sm\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }

  .sm\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }

  .sm\:bg-repeat-round {
    background-repeat: round !important;
  }

  .sm\:bg-repeat-space {
    background-repeat: space !important;
  }

  .sm\:bg-auto {
    background-size: auto !important;
  }

  .sm\:bg-cover {
    background-size: cover !important;
  }

  .sm\:bg-contain {
    background-size: contain !important;
  }

  .sm\:border-collapse {
    border-collapse: collapse !important;
  }

  .sm\:border-separate {
    border-collapse: separate !important;
  }

  .sm\:border-transparent {
    border-color: transparent !important;
  }

  .sm\:border-black {
    --border-opacity: 1 !important;
    border-color: #000000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .sm\:border-grey-100 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 20%, 10%) !important;
    border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--border-opacity)) !important;
  }

  .sm\:border-grey {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .sm\:border-grey-90 {
    --border-opacity: 1 !important;
    border-color: hsl(196, 31%, 14%) !important;
    border-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--border-opacity)) !important;
  }

  .sm\:border-grey-80 {
    --border-opacity: 1 !important;
    border-color: hsl(198, 32%, 16%) !important;
    border-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--border-opacity)) !important;
  }

  .sm\:border-grey-70 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .sm\:border-grey-60 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 70%) !important;
    border-color: rgba(167.02499999999998, 178.5, 189.975, var(--border-opacity)) !important;
  }

  .sm\:border-grey-50 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 80%) !important;
    border-color: rgba(196.35, 204, 211.65, var(--border-opacity)) !important;
  }

  .sm\:border-grey-40 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 22%, 89%) !important;
    border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--border-opacity)) !important;
  }

  .sm\:border-grey-30 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 30%, 95%) !important;
    border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--border-opacity)) !important;
  }

  .sm\:border-grey-20 {
    --border-opacity: 1 !important;
    border-color: hsl(214, 60%, 97.5%) !important;
    border-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--border-opacity)) !important;
  }

  .sm\:border-grey-10 {
    --border-opacity: 1 !important;
    border-color: hsl(218, 90%, 99%) !important;
    border-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--border-opacity)) !important;
  }

  .sm\:border-white {
    --border-opacity: 1 !important;
    border-color: #ffffff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .sm\:border-green {
    --border-opacity: 1 !important;
    border-color: #479967 !important;
    border-color: rgba(71, 153, 103, var(--border-opacity)) !important;
  }

  .sm\:border-green-light {
    --border-opacity: 1 !important;
    border-color: #64BD63 !important;
    border-color: rgba(100, 189, 99, var(--border-opacity)) !important;
  }

  .sm\:border-blue-lighter {
    --border-opacity: 1 !important;
    border-color: hsl(207, 86%, 70%) !important;
    border-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--border-opacity)) !important;
  }

  .sm\:border-blue-light {
    --border-opacity: 1 !important;
    border-color: hsl(210, 100%, 75%) !important;
    border-color: rgba(127.5, 191.24999999999994, 255, var(--border-opacity)) !important;
  }

  .sm\:border-blue {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .sm\:border-blue-dark {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 45%) !important;
    border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--border-opacity)) !important;
  }

  .sm\:border-blue-darker {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 40%) !important;
    border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--border-opacity)) !important;
  }

  .sm\:border-blue-100 {
    --border-opacity: 1 !important;
    border-color: #eaf5ff !important;
    border-color: rgba(234, 245, 255, var(--border-opacity)) !important;
  }

  .sm\:border-blue-200 {
    --border-opacity: 1 !important;
    border-color: #abd9ff !important;
    border-color: rgba(171, 217, 255, var(--border-opacity)) !important;
  }

  .sm\:border-blue-300 {
    --border-opacity: 1 !important;
    border-color: #82c5ff !important;
    border-color: rgba(130, 197, 255, var(--border-opacity)) !important;
  }

  .sm\:border-blue-400 {
    --border-opacity: 1 !important;
    border-color: #43a9ff !important;
    border-color: rgba(67, 169, 255, var(--border-opacity)) !important;
  }

  .sm\:border-blue-500 {
    --border-opacity: 1 !important;
    border-color: #2e9fff !important;
    border-color: rgba(46, 159, 255, var(--border-opacity)) !important;
  }

  .sm\:border-blue-600 {
    --border-opacity: 1 !important;
    border-color: #298fe6 !important;
    border-color: rgba(41, 143, 230, var(--border-opacity)) !important;
  }

  .sm\:border-blue-700 {
    --border-opacity: 1 !important;
    border-color: #257fcc !important;
    border-color: rgba(37, 127, 204, var(--border-opacity)) !important;
  }

  .sm\:border-blue-800 {
    --border-opacity: 1 !important;
    border-color: #206fb3 !important;
    border-color: rgba(32, 111, 179, var(--border-opacity)) !important;
  }

  .sm\:border-blue-900 {
    --border-opacity: 1 !important;
    border-color: #175080 !important;
    border-color: rgba(23, 80, 128, var(--border-opacity)) !important;
  }

  .sm\:border-red-dark {
    --border-opacity: 1 !important;
    border-color: hsl(2, 57%, 53%) !important;
    border-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--border-opacity)) !important;
  }

  .sm\:border-red {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 60%) !important;
    border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--border-opacity)) !important;
  }

  .sm\:border-red-light {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 70%) !important;
    border-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--border-opacity)) !important;
  }

  .sm\:border-red-lighter {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 95%) !important;
    border-color: rgba(251.94, 233.206, 232.55999999999997, var(--border-opacity)) !important;
  }

  .sm\:border-yellow {
    --border-opacity: 1 !important;
    border-color: #fbfab0 !important;
    border-color: rgba(251, 250, 176, var(--border-opacity)) !important;
  }

  .sm\:border-yellow-dark {
    --border-opacity: 1 !important;
    border-color: #d8cd1b !important;
    border-color: rgba(216, 205, 27, var(--border-opacity)) !important;
  }

  .sm\:border-orange {
    --border-opacity: 1 !important;
    border-color: #f5a82f !important;
    border-color: rgba(245, 168, 47, var(--border-opacity)) !important;
  }

  .sm\:border-pink {
    --border-opacity: 1 !important;
    border-color: #ff269e !important;
    border-color: rgba(255, 38, 158, var(--border-opacity)) !important;
  }

  .sm\:border-purple {
    --border-opacity: 1 !important;
    border-color: #c471ed !important;
    border-color: rgba(196, 113, 237, var(--border-opacity)) !important;
  }

  .sm\:border-darken-10 {
    border-color: rgba(0,0,0,.1) !important;
  }

  .sm\:border-darken-20 {
    border-color: rgba(0,0,0,.2) !important;
  }

  .sm\:border-primary {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-transparent:hover {
    border-color: transparent !important;
  }

  .sm\:hover\:border-black:hover {
    --border-opacity: 1 !important;
    border-color: #000000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-grey-100:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 20%, 10%) !important;
    border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-grey:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-grey-90:hover {
    --border-opacity: 1 !important;
    border-color: hsl(196, 31%, 14%) !important;
    border-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-grey-80:hover {
    --border-opacity: 1 !important;
    border-color: hsl(198, 32%, 16%) !important;
    border-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-grey-70:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-grey-60:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 70%) !important;
    border-color: rgba(167.02499999999998, 178.5, 189.975, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-grey-50:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 80%) !important;
    border-color: rgba(196.35, 204, 211.65, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-grey-40:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 22%, 89%) !important;
    border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-grey-30:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 30%, 95%) !important;
    border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-grey-20:hover {
    --border-opacity: 1 !important;
    border-color: hsl(214, 60%, 97.5%) !important;
    border-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-grey-10:hover {
    --border-opacity: 1 !important;
    border-color: hsl(218, 90%, 99%) !important;
    border-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-white:hover {
    --border-opacity: 1 !important;
    border-color: #ffffff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-green:hover {
    --border-opacity: 1 !important;
    border-color: #479967 !important;
    border-color: rgba(71, 153, 103, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-green-light:hover {
    --border-opacity: 1 !important;
    border-color: #64BD63 !important;
    border-color: rgba(100, 189, 99, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-lighter:hover {
    --border-opacity: 1 !important;
    border-color: hsl(207, 86%, 70%) !important;
    border-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-light:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 100%, 75%) !important;
    border-color: rgba(127.5, 191.24999999999994, 255, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue:hover {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-dark:hover {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 45%) !important;
    border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-darker:hover {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 40%) !important;
    border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-100:hover {
    --border-opacity: 1 !important;
    border-color: #eaf5ff !important;
    border-color: rgba(234, 245, 255, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-200:hover {
    --border-opacity: 1 !important;
    border-color: #abd9ff !important;
    border-color: rgba(171, 217, 255, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-300:hover {
    --border-opacity: 1 !important;
    border-color: #82c5ff !important;
    border-color: rgba(130, 197, 255, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-400:hover {
    --border-opacity: 1 !important;
    border-color: #43a9ff !important;
    border-color: rgba(67, 169, 255, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-500:hover {
    --border-opacity: 1 !important;
    border-color: #2e9fff !important;
    border-color: rgba(46, 159, 255, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-600:hover {
    --border-opacity: 1 !important;
    border-color: #298fe6 !important;
    border-color: rgba(41, 143, 230, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-700:hover {
    --border-opacity: 1 !important;
    border-color: #257fcc !important;
    border-color: rgba(37, 127, 204, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-800:hover {
    --border-opacity: 1 !important;
    border-color: #206fb3 !important;
    border-color: rgba(32, 111, 179, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-900:hover {
    --border-opacity: 1 !important;
    border-color: #175080 !important;
    border-color: rgba(23, 80, 128, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-red-dark:hover {
    --border-opacity: 1 !important;
    border-color: hsl(2, 57%, 53%) !important;
    border-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-red:hover {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 60%) !important;
    border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-red-light:hover {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 70%) !important;
    border-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-red-lighter:hover {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 95%) !important;
    border-color: rgba(251.94, 233.206, 232.55999999999997, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-yellow:hover {
    --border-opacity: 1 !important;
    border-color: #fbfab0 !important;
    border-color: rgba(251, 250, 176, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-yellow-dark:hover {
    --border-opacity: 1 !important;
    border-color: #d8cd1b !important;
    border-color: rgba(216, 205, 27, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-orange:hover {
    --border-opacity: 1 !important;
    border-color: #f5a82f !important;
    border-color: rgba(245, 168, 47, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-pink:hover {
    --border-opacity: 1 !important;
    border-color: #ff269e !important;
    border-color: rgba(255, 38, 158, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-purple:hover {
    --border-opacity: 1 !important;
    border-color: #c471ed !important;
    border-color: rgba(196, 113, 237, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-darken-10:hover {
    border-color: rgba(0,0,0,.1) !important;
  }

  .sm\:hover\:border-darken-20:hover {
    border-color: rgba(0,0,0,.2) !important;
  }

  .sm\:hover\:border-primary:hover {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-transparent:focus {
    border-color: transparent !important;
  }

  .sm\:focus\:border-black:focus {
    --border-opacity: 1 !important;
    border-color: #000000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-grey-100:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 20%, 10%) !important;
    border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-grey:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-grey-90:focus {
    --border-opacity: 1 !important;
    border-color: hsl(196, 31%, 14%) !important;
    border-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-grey-80:focus {
    --border-opacity: 1 !important;
    border-color: hsl(198, 32%, 16%) !important;
    border-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-grey-70:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-grey-60:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 70%) !important;
    border-color: rgba(167.02499999999998, 178.5, 189.975, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-grey-50:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 80%) !important;
    border-color: rgba(196.35, 204, 211.65, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-grey-40:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 22%, 89%) !important;
    border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-grey-30:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 30%, 95%) !important;
    border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-grey-20:focus {
    --border-opacity: 1 !important;
    border-color: hsl(214, 60%, 97.5%) !important;
    border-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-grey-10:focus {
    --border-opacity: 1 !important;
    border-color: hsl(218, 90%, 99%) !important;
    border-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-white:focus {
    --border-opacity: 1 !important;
    border-color: #ffffff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-green:focus {
    --border-opacity: 1 !important;
    border-color: #479967 !important;
    border-color: rgba(71, 153, 103, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-green-light:focus {
    --border-opacity: 1 !important;
    border-color: #64BD63 !important;
    border-color: rgba(100, 189, 99, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-lighter:focus {
    --border-opacity: 1 !important;
    border-color: hsl(207, 86%, 70%) !important;
    border-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-light:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 100%, 75%) !important;
    border-color: rgba(127.5, 191.24999999999994, 255, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue:focus {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-dark:focus {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 45%) !important;
    border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-darker:focus {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 40%) !important;
    border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-100:focus {
    --border-opacity: 1 !important;
    border-color: #eaf5ff !important;
    border-color: rgba(234, 245, 255, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-200:focus {
    --border-opacity: 1 !important;
    border-color: #abd9ff !important;
    border-color: rgba(171, 217, 255, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-300:focus {
    --border-opacity: 1 !important;
    border-color: #82c5ff !important;
    border-color: rgba(130, 197, 255, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-400:focus {
    --border-opacity: 1 !important;
    border-color: #43a9ff !important;
    border-color: rgba(67, 169, 255, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-500:focus {
    --border-opacity: 1 !important;
    border-color: #2e9fff !important;
    border-color: rgba(46, 159, 255, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-600:focus {
    --border-opacity: 1 !important;
    border-color: #298fe6 !important;
    border-color: rgba(41, 143, 230, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-700:focus {
    --border-opacity: 1 !important;
    border-color: #257fcc !important;
    border-color: rgba(37, 127, 204, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-800:focus {
    --border-opacity: 1 !important;
    border-color: #206fb3 !important;
    border-color: rgba(32, 111, 179, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-900:focus {
    --border-opacity: 1 !important;
    border-color: #175080 !important;
    border-color: rgba(23, 80, 128, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-red-dark:focus {
    --border-opacity: 1 !important;
    border-color: hsl(2, 57%, 53%) !important;
    border-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-red:focus {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 60%) !important;
    border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-red-light:focus {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 70%) !important;
    border-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-red-lighter:focus {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 95%) !important;
    border-color: rgba(251.94, 233.206, 232.55999999999997, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-yellow:focus {
    --border-opacity: 1 !important;
    border-color: #fbfab0 !important;
    border-color: rgba(251, 250, 176, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-yellow-dark:focus {
    --border-opacity: 1 !important;
    border-color: #d8cd1b !important;
    border-color: rgba(216, 205, 27, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-orange:focus {
    --border-opacity: 1 !important;
    border-color: #f5a82f !important;
    border-color: rgba(245, 168, 47, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-pink:focus {
    --border-opacity: 1 !important;
    border-color: #ff269e !important;
    border-color: rgba(255, 38, 158, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-purple:focus {
    --border-opacity: 1 !important;
    border-color: #c471ed !important;
    border-color: rgba(196, 113, 237, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-darken-10:focus {
    border-color: rgba(0,0,0,.1) !important;
  }

  .sm\:focus\:border-darken-20:focus {
    border-color: rgba(0,0,0,.2) !important;
  }

  .sm\:focus\:border-primary:focus {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .sm\:border-opacity-0 {
    --border-opacity: 0 !important;
  }

  .sm\:border-opacity-25 {
    --border-opacity: 0.25 !important;
  }

  .sm\:border-opacity-50 {
    --border-opacity: 0.5 !important;
  }

  .sm\:border-opacity-75 {
    --border-opacity: 0.75 !important;
  }

  .sm\:border-opacity-100 {
    --border-opacity: 1 !important;
  }

  .sm\:hover\:border-opacity-0:hover {
    --border-opacity: 0 !important;
  }

  .sm\:hover\:border-opacity-25:hover {
    --border-opacity: 0.25 !important;
  }

  .sm\:hover\:border-opacity-50:hover {
    --border-opacity: 0.5 !important;
  }

  .sm\:hover\:border-opacity-75:hover {
    --border-opacity: 0.75 !important;
  }

  .sm\:hover\:border-opacity-100:hover {
    --border-opacity: 1 !important;
  }

  .sm\:focus\:border-opacity-0:focus {
    --border-opacity: 0 !important;
  }

  .sm\:focus\:border-opacity-25:focus {
    --border-opacity: 0.25 !important;
  }

  .sm\:focus\:border-opacity-50:focus {
    --border-opacity: 0.5 !important;
  }

  .sm\:focus\:border-opacity-75:focus {
    --border-opacity: 0.75 !important;
  }

  .sm\:focus\:border-opacity-100:focus {
    --border-opacity: 1 !important;
  }

  .sm\:rounded {
    border-radius: 3px !important;
  }

  .sm\:rounded-sm {
    border-radius: 2px !important;
  }

  .sm\:rounded-md {
    border-radius: 4px !important;
  }

  .sm\:rounded-lg {
    border-radius: 8px !important;
  }

  .sm\:rounded-full {
    border-radius: 9999px !important;
  }

  .sm\:rounded-none {
    border-radius: 0 !important;
  }

  .sm\:rounded-t {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
  }

  .sm\:rounded-r {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }

  .sm\:rounded-b {
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
  }

  .sm\:rounded-l {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
  }

  .sm\:rounded-t-sm {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
  }

  .sm\:rounded-r-sm {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
  }

  .sm\:rounded-b-sm {
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
  }

  .sm\:rounded-l-sm {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
  }

  .sm\:rounded-t-md {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
  }

  .sm\:rounded-r-md {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }

  .sm\:rounded-b-md {
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }

  .sm\:rounded-l-md {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }

  .sm\:rounded-t-lg {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }

  .sm\:rounded-r-lg {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }

  .sm\:rounded-b-lg {
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }

  .sm\:rounded-l-lg {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }

  .sm\:rounded-t-full {
    border-top-left-radius: 9999px !important;
    border-top-right-radius: 9999px !important;
  }

  .sm\:rounded-r-full {
    border-top-right-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important;
  }

  .sm\:rounded-b-full {
    border-bottom-right-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .sm\:rounded-l-full {
    border-top-left-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .sm\:rounded-t-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .sm\:rounded-r-none {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .sm\:rounded-b-none {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .sm\:rounded-l-none {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .sm\:rounded-tl {
    border-top-left-radius: 3px !important;
  }

  .sm\:rounded-tr {
    border-top-right-radius: 3px !important;
  }

  .sm\:rounded-br {
    border-bottom-right-radius: 3px !important;
  }

  .sm\:rounded-bl {
    border-bottom-left-radius: 3px !important;
  }

  .sm\:rounded-tl-sm {
    border-top-left-radius: 2px !important;
  }

  .sm\:rounded-tr-sm {
    border-top-right-radius: 2px !important;
  }

  .sm\:rounded-br-sm {
    border-bottom-right-radius: 2px !important;
  }

  .sm\:rounded-bl-sm {
    border-bottom-left-radius: 2px !important;
  }

  .sm\:rounded-tl-md {
    border-top-left-radius: 4px !important;
  }

  .sm\:rounded-tr-md {
    border-top-right-radius: 4px !important;
  }

  .sm\:rounded-br-md {
    border-bottom-right-radius: 4px !important;
  }

  .sm\:rounded-bl-md {
    border-bottom-left-radius: 4px !important;
  }

  .sm\:rounded-tl-lg {
    border-top-left-radius: 8px !important;
  }

  .sm\:rounded-tr-lg {
    border-top-right-radius: 8px !important;
  }

  .sm\:rounded-br-lg {
    border-bottom-right-radius: 8px !important;
  }

  .sm\:rounded-bl-lg {
    border-bottom-left-radius: 8px !important;
  }

  .sm\:rounded-tl-full {
    border-top-left-radius: 9999px !important;
  }

  .sm\:rounded-tr-full {
    border-top-right-radius: 9999px !important;
  }

  .sm\:rounded-br-full {
    border-bottom-right-radius: 9999px !important;
  }

  .sm\:rounded-bl-full {
    border-bottom-left-radius: 9999px !important;
  }

  .sm\:rounded-tl-none {
    border-top-left-radius: 0 !important;
  }

  .sm\:rounded-tr-none {
    border-top-right-radius: 0 !important;
  }

  .sm\:rounded-br-none {
    border-bottom-right-radius: 0 !important;
  }

  .sm\:rounded-bl-none {
    border-bottom-left-radius: 0 !important;
  }

  .sm\:border-solid {
    border-style: solid !important;
  }

  .sm\:border-dashed {
    border-style: dashed !important;
  }

  .sm\:border-dotted {
    border-style: dotted !important;
  }

  .sm\:border-double {
    border-style: double !important;
  }

  .sm\:border-none {
    border-style: none !important;
  }

  .sm\:border-0 {
    border-width: 0 !important;
  }

  .sm\:border-2 {
    border-width: 2px !important;
  }

  .sm\:border-3 {
    border-width: 3px !important;
  }

  .sm\:border-4 {
    border-width: 4px !important;
  }

  .sm\:border-6 {
    border-width: 6px !important;
  }

  .sm\:border-8 {
    border-width: 8px !important;
  }

  .sm\:border {
    border-width: 1px !important;
  }

  .sm\:border-t-0 {
    border-top-width: 0 !important;
  }

  .sm\:border-r-0 {
    border-right-width: 0 !important;
  }

  .sm\:border-b-0 {
    border-bottom-width: 0 !important;
  }

  .sm\:border-l-0 {
    border-left-width: 0 !important;
  }

  .sm\:border-t-2 {
    border-top-width: 2px !important;
  }

  .sm\:border-r-2 {
    border-right-width: 2px !important;
  }

  .sm\:border-b-2 {
    border-bottom-width: 2px !important;
  }

  .sm\:border-l-2 {
    border-left-width: 2px !important;
  }

  .sm\:border-t-3 {
    border-top-width: 3px !important;
  }

  .sm\:border-r-3 {
    border-right-width: 3px !important;
  }

  .sm\:border-b-3 {
    border-bottom-width: 3px !important;
  }

  .sm\:border-l-3 {
    border-left-width: 3px !important;
  }

  .sm\:border-t-4 {
    border-top-width: 4px !important;
  }

  .sm\:border-r-4 {
    border-right-width: 4px !important;
  }

  .sm\:border-b-4 {
    border-bottom-width: 4px !important;
  }

  .sm\:border-l-4 {
    border-left-width: 4px !important;
  }

  .sm\:border-t-6 {
    border-top-width: 6px !important;
  }

  .sm\:border-r-6 {
    border-right-width: 6px !important;
  }

  .sm\:border-b-6 {
    border-bottom-width: 6px !important;
  }

  .sm\:border-l-6 {
    border-left-width: 6px !important;
  }

  .sm\:border-t-8 {
    border-top-width: 8px !important;
  }

  .sm\:border-r-8 {
    border-right-width: 8px !important;
  }

  .sm\:border-b-8 {
    border-bottom-width: 8px !important;
  }

  .sm\:border-l-8 {
    border-left-width: 8px !important;
  }

  .sm\:border-t {
    border-top-width: 1px !important;
  }

  .sm\:border-r {
    border-right-width: 1px !important;
  }

  .sm\:border-b {
    border-bottom-width: 1px !important;
  }

  .sm\:border-l {
    border-left-width: 1px !important;
  }

  .sm\:hover\:border-0:hover {
    border-width: 0 !important;
  }

  .sm\:hover\:border-2:hover {
    border-width: 2px !important;
  }

  .sm\:hover\:border-3:hover {
    border-width: 3px !important;
  }

  .sm\:hover\:border-4:hover {
    border-width: 4px !important;
  }

  .sm\:hover\:border-6:hover {
    border-width: 6px !important;
  }

  .sm\:hover\:border-8:hover {
    border-width: 8px !important;
  }

  .sm\:hover\:border:hover {
    border-width: 1px !important;
  }

  .sm\:hover\:border-t-0:hover {
    border-top-width: 0 !important;
  }

  .sm\:hover\:border-r-0:hover {
    border-right-width: 0 !important;
  }

  .sm\:hover\:border-b-0:hover {
    border-bottom-width: 0 !important;
  }

  .sm\:hover\:border-l-0:hover {
    border-left-width: 0 !important;
  }

  .sm\:hover\:border-t-2:hover {
    border-top-width: 2px !important;
  }

  .sm\:hover\:border-r-2:hover {
    border-right-width: 2px !important;
  }

  .sm\:hover\:border-b-2:hover {
    border-bottom-width: 2px !important;
  }

  .sm\:hover\:border-l-2:hover {
    border-left-width: 2px !important;
  }

  .sm\:hover\:border-t-3:hover {
    border-top-width: 3px !important;
  }

  .sm\:hover\:border-r-3:hover {
    border-right-width: 3px !important;
  }

  .sm\:hover\:border-b-3:hover {
    border-bottom-width: 3px !important;
  }

  .sm\:hover\:border-l-3:hover {
    border-left-width: 3px !important;
  }

  .sm\:hover\:border-t-4:hover {
    border-top-width: 4px !important;
  }

  .sm\:hover\:border-r-4:hover {
    border-right-width: 4px !important;
  }

  .sm\:hover\:border-b-4:hover {
    border-bottom-width: 4px !important;
  }

  .sm\:hover\:border-l-4:hover {
    border-left-width: 4px !important;
  }

  .sm\:hover\:border-t-6:hover {
    border-top-width: 6px !important;
  }

  .sm\:hover\:border-r-6:hover {
    border-right-width: 6px !important;
  }

  .sm\:hover\:border-b-6:hover {
    border-bottom-width: 6px !important;
  }

  .sm\:hover\:border-l-6:hover {
    border-left-width: 6px !important;
  }

  .sm\:hover\:border-t-8:hover {
    border-top-width: 8px !important;
  }

  .sm\:hover\:border-r-8:hover {
    border-right-width: 8px !important;
  }

  .sm\:hover\:border-b-8:hover {
    border-bottom-width: 8px !important;
  }

  .sm\:hover\:border-l-8:hover {
    border-left-width: 8px !important;
  }

  .sm\:hover\:border-t:hover {
    border-top-width: 1px !important;
  }

  .sm\:hover\:border-r:hover {
    border-right-width: 1px !important;
  }

  .sm\:hover\:border-b:hover {
    border-bottom-width: 1px !important;
  }

  .sm\:hover\:border-l:hover {
    border-left-width: 1px !important;
  }

  .sm\:box-border {
    box-sizing: border-box !important;
  }

  .sm\:box-content {
    box-sizing: content-box !important;
  }

  .sm\:cursor-auto {
    cursor: auto !important;
  }

  .sm\:cursor-default {
    cursor: default !important;
  }

  .sm\:cursor-pointer {
    cursor: pointer !important;
  }

  .sm\:cursor-wait {
    cursor: wait !important;
  }

  .sm\:cursor-text {
    cursor: text !important;
  }

  .sm\:cursor-move {
    cursor: move !important;
  }

  .sm\:cursor-not-allowed {
    cursor: not-allowed !important;
  }

  .sm\:block {
    display: block !important;
  }

  .sm\:inline-block {
    display: inline-block !important;
  }

  .sm\:inline {
    display: inline !important;
  }

  .sm\:flex {
    display: flex !important;
  }

  .sm\:inline-flex {
    display: inline-flex !important;
  }

  .sm\:table {
    display: table !important;
  }

  .sm\:table-caption {
    display: table-caption !important;
  }

  .sm\:table-cell {
    display: table-cell !important;
  }

  .sm\:table-column {
    display: table-column !important;
  }

  .sm\:table-column-group {
    display: table-column-group !important;
  }

  .sm\:table-footer-group {
    display: table-footer-group !important;
  }

  .sm\:table-header-group {
    display: table-header-group !important;
  }

  .sm\:table-row-group {
    display: table-row-group !important;
  }

  .sm\:table-row {
    display: table-row !important;
  }

  .sm\:flow-root {
    display: flow-root !important;
  }

  .sm\:grid {
    display: grid !important;
  }

  .sm\:inline-grid {
    display: inline-grid !important;
  }

  .sm\:contents {
    display: contents !important;
  }

  .sm\:hidden {
    display: none !important;
  }

  .sm\:flex-row {
    flex-direction: row !important;
  }

  .sm\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }

  .sm\:flex-col {
    flex-direction: column !important;
  }

  .sm\:flex-col-reverse {
    flex-direction: column-reverse !important;
  }

  .sm\:flex-wrap {
    flex-wrap: wrap !important;
  }

  .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .sm\:flex-no-wrap {
    flex-wrap: nowrap !important;
  }

  .sm\:place-items-auto {
    place-items: auto !important;
  }

  .sm\:place-items-start {
    place-items: start !important;
  }

  .sm\:place-items-end {
    place-items: end !important;
  }

  .sm\:place-items-center {
    place-items: center !important;
  }

  .sm\:place-items-stretch {
    place-items: stretch !important;
  }

  .sm\:place-content-center {
    place-content: center !important;
  }

  .sm\:place-content-start {
    place-content: start !important;
  }

  .sm\:place-content-end {
    place-content: end !important;
  }

  .sm\:place-content-between {
    place-content: space-between !important;
  }

  .sm\:place-content-around {
    place-content: space-around !important;
  }

  .sm\:place-content-evenly {
    place-content: space-evenly !important;
  }

  .sm\:place-content-stretch {
    place-content: stretch !important;
  }

  .sm\:place-self-auto {
    place-self: auto !important;
  }

  .sm\:place-self-start {
    place-self: start !important;
  }

  .sm\:place-self-end {
    place-self: end !important;
  }

  .sm\:place-self-center {
    place-self: center !important;
  }

  .sm\:place-self-stretch {
    place-self: stretch !important;
  }

  .sm\:items-start {
    align-items: flex-start !important;
  }

  .sm\:items-end {
    align-items: flex-end !important;
  }

  .sm\:items-center {
    align-items: center !important;
  }

  .sm\:items-baseline {
    align-items: baseline !important;
  }

  .sm\:items-stretch {
    align-items: stretch !important;
  }

  .sm\:content-center {
    align-content: center !important;
  }

  .sm\:content-start {
    align-content: flex-start !important;
  }

  .sm\:content-end {
    align-content: flex-end !important;
  }

  .sm\:content-between {
    align-content: space-between !important;
  }

  .sm\:content-around {
    align-content: space-around !important;
  }

  .sm\:content-evenly {
    align-content: space-evenly !important;
  }

  .sm\:self-auto {
    align-self: auto !important;
  }

  .sm\:self-start {
    align-self: flex-start !important;
  }

  .sm\:self-end {
    align-self: flex-end !important;
  }

  .sm\:self-center {
    align-self: center !important;
  }

  .sm\:self-stretch {
    align-self: stretch !important;
  }

  .sm\:justify-items-auto {
    justify-items: auto !important;
  }

  .sm\:justify-items-start {
    justify-items: start !important;
  }

  .sm\:justify-items-end {
    justify-items: end !important;
  }

  .sm\:justify-items-center {
    justify-items: center !important;
  }

  .sm\:justify-items-stretch {
    justify-items: stretch !important;
  }

  .sm\:justify-start {
    justify-content: flex-start !important;
  }

  .sm\:justify-end {
    justify-content: flex-end !important;
  }

  .sm\:justify-center {
    justify-content: center !important;
  }

  .sm\:justify-between {
    justify-content: space-between !important;
  }

  .sm\:justify-around {
    justify-content: space-around !important;
  }

  .sm\:justify-evenly {
    justify-content: space-evenly !important;
  }

  .sm\:justify-self-auto {
    justify-self: auto !important;
  }

  .sm\:justify-self-start {
    justify-self: start !important;
  }

  .sm\:justify-self-end {
    justify-self: end !important;
  }

  .sm\:justify-self-center {
    justify-self: center !important;
  }

  .sm\:justify-self-stretch {
    justify-self: stretch !important;
  }

  .sm\:flex-1 {
    flex: 1 1 0% !important;
  }

  .sm\:flex-auto {
    flex: 1 1 auto !important;
  }

  .sm\:flex-initial {
    flex: 0 1 auto !important;
  }

  .sm\:flex-none {
    flex: none !important;
  }

  .sm\:flex-grow-0 {
    flex-grow: 0 !important;
  }

  .sm\:flex-grow {
    flex-grow: 1 !important;
  }

  .sm\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }

  .sm\:flex-shrink {
    flex-shrink: 1 !important;
  }

  .sm\:order-1 {
    order: 1 !important;
  }

  .sm\:order-2 {
    order: 2 !important;
  }

  .sm\:order-3 {
    order: 3 !important;
  }

  .sm\:order-4 {
    order: 4 !important;
  }

  .sm\:order-5 {
    order: 5 !important;
  }

  .sm\:order-6 {
    order: 6 !important;
  }

  .sm\:order-7 {
    order: 7 !important;
  }

  .sm\:order-8 {
    order: 8 !important;
  }

  .sm\:order-9 {
    order: 9 !important;
  }

  .sm\:order-10 {
    order: 10 !important;
  }

  .sm\:order-11 {
    order: 11 !important;
  }

  .sm\:order-12 {
    order: 12 !important;
  }

  .sm\:order-first {
    order: -9999 !important;
  }

  .sm\:order-last {
    order: 9999 !important;
  }

  .sm\:order-none {
    order: 0 !important;
  }

  .sm\:float-right {
    float: right !important;
  }

  .sm\:float-left {
    float: left !important;
  }

  .sm\:float-none {
    float: none !important;
  }

  .sm\:clearfix:after {
    content: "" !important;
    display: table !important;
    clear: both !important;
  }

  .sm\:clear-left {
    clear: left !important;
  }

  .sm\:clear-right {
    clear: right !important;
  }

  .sm\:clear-both {
    clear: both !important;
  }

  .sm\:clear-none {
    clear: none !important;
  }

  .sm\:font-normal {
    font-weight: 400 !important;
  }

  .sm\:font-medium {
    font-weight: 500 !important;
  }

  .sm\:font-bold {
    font-weight: 700 !important;
  }

  .sm\:font-black {
    font-weight: 900 !important;
  }

  .sm\:hover\:font-normal:hover {
    font-weight: 400 !important;
  }

  .sm\:hover\:font-medium:hover {
    font-weight: 500 !important;
  }

  .sm\:hover\:font-bold:hover {
    font-weight: 700 !important;
  }

  .sm\:hover\:font-black:hover {
    font-weight: 900 !important;
  }

  .sm\:h-1 {
    height: 2px !important;
  }

  .sm\:h-2 {
    height: 4px !important;
  }

  .sm\:h-3 {
    height: 8px !important;
  }

  .sm\:h-4 {
    height: 16px !important;
  }

  .sm\:h-5 {
    height: 1.25rem !important;
  }

  .sm\:h-6 {
    height: 24px !important;
  }

  .sm\:h-7 {
    height: 28px !important;
  }

  .sm\:h-8 {
    height: 32px !important;
  }

  .sm\:h-9 {
    height: 36px !important;
  }

  .sm\:h-10 {
    height: 40px !important;
  }

  .sm\:h-12 {
    height: 48px !important;
  }

  .sm\:h-13 {
    height: 52px !important;
  }

  .sm\:h-14 {
    height: 56px !important;
  }

  .sm\:h-16 {
    height: 64px !important;
  }

  .sm\:h-20 {
    height: 80px !important;
  }

  .sm\:h-24 {
    height: 96px !important;
  }

  .sm\:h-48 {
    height: 160px !important;
  }

  .sm\:h-64 {
    height: 192px !important;
  }

  .sm\:h-80 {
    height: 220px !important;
  }

  .sm\:h-96 {
    height: 24rem !important;
  }

  .sm\:h-auto {
    height: auto !important;
  }

  .sm\:h-px {
    height: 1px !important;
  }

  .sm\:h-full {
    height: 100% !important;
  }

  .sm\:h-screen {
    height: 100vh !important;
  }

  .sm\:leading-none {
    line-height: 1 !important;
  }

  .sm\:leading-tight {
    line-height: 1.25 !important;
  }

  .sm\:leading-normal {
    line-height: 1.5 !important;
  }

  .sm\:leading-loose {
    line-height: 1.75 !important;
  }

  .sm\:list-inside {
    list-style-position: inside !important;
  }

  .sm\:list-outside {
    list-style-position: outside !important;
  }

  .sm\:list-none {
    list-style-type: none !important;
  }

  .sm\:list-disc {
    list-style-type: disc !important;
  }

  .sm\:list-decimal {
    list-style-type: decimal !important;
  }

  .sm\:m-0 {
    margin: 0 !important;
  }

  .sm\:m-1 {
    margin: 8px !important;
  }

  .sm\:m-2 {
    margin: 16px !important;
  }

  .sm\:m-3 {
    margin: 24px !important;
  }

  .sm\:m-4 {
    margin: 32px !important;
  }

  .sm\:m-5 {
    margin: 40px !important;
  }

  .sm\:m-6 {
    margin: 64px !important;
  }

  .sm\:m-7 {
    margin: 80px !important;
  }

  .sm\:m-8 {
    margin: 120px !important;
  }

  .sm\:m-auto {
    margin: auto !important;
  }

  .sm\:m-px {
    margin: 1px !important;
  }

  .sm\:m-sm {
    margin: 4px !important;
  }

  .sm\:m-1\.5 {
    margin: 12px !important;
  }

  .sm\:-m-1 {
    margin: -8px !important;
  }

  .sm\:-m-2 {
    margin: -16px !important;
  }

  .sm\:-m-3 {
    margin: -24px !important;
  }

  .sm\:-m-4 {
    margin: -32px !important;
  }

  .sm\:-m-5 {
    margin: -40px !important;
  }

  .sm\:-m-6 {
    margin: -64px !important;
  }

  .sm\:-m-7 {
    margin: -80px !important;
  }

  .sm\:-m-8 {
    margin: -120px !important;
  }

  .sm\:-m-px {
    margin: -1px !important;
  }

  .sm\:-m-sm {
    margin: -4px !important;
  }

  .sm\:-m-1\.5 {
    margin: -12px !important;
  }

  .sm\:my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .sm\:mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .sm\:my-1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .sm\:mx-1 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .sm\:my-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .sm\:mx-2 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  .sm\:my-3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .sm\:mx-3 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }

  .sm\:my-4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }

  .sm\:mx-4 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }

  .sm\:my-5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .sm\:mx-5 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .sm\:my-6 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }

  .sm\:mx-6 {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }

  .sm\:my-7 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .sm\:mx-7 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .sm\:my-8 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .sm\:mx-8 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }

  .sm\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .sm\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .sm\:my-px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .sm\:mx-px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .sm\:my-sm {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .sm\:mx-sm {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .sm\:my-1\.5 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }

  .sm\:mx-1\.5 {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  .sm\:-my-1 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }

  .sm\:-mx-1 {
    margin-left: -8px !important;
    margin-right: -8px !important;
  }

  .sm\:-my-2 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }

  .sm\:-mx-2 {
    margin-left: -16px !important;
    margin-right: -16px !important;
  }

  .sm\:-my-3 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }

  .sm\:-mx-3 {
    margin-left: -24px !important;
    margin-right: -24px !important;
  }

  .sm\:-my-4 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }

  .sm\:-mx-4 {
    margin-left: -32px !important;
    margin-right: -32px !important;
  }

  .sm\:-my-5 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }

  .sm\:-mx-5 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }

  .sm\:-my-6 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }

  .sm\:-mx-6 {
    margin-left: -64px !important;
    margin-right: -64px !important;
  }

  .sm\:-my-7 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }

  .sm\:-mx-7 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }

  .sm\:-my-8 {
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }

  .sm\:-mx-8 {
    margin-left: -120px !important;
    margin-right: -120px !important;
  }

  .sm\:-my-px {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }

  .sm\:-mx-px {
    margin-left: -1px !important;
    margin-right: -1px !important;
  }

  .sm\:-my-sm {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }

  .sm\:-mx-sm {
    margin-left: -4px !important;
    margin-right: -4px !important;
  }

  .sm\:-my-1\.5 {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }

  .sm\:-mx-1\.5 {
    margin-left: -12px !important;
    margin-right: -12px !important;
  }

  .sm\:mt-0 {
    margin-top: 0 !important;
  }

  .sm\:mr-0 {
    margin-right: 0 !important;
  }

  .sm\:mb-0 {
    margin-bottom: 0 !important;
  }

  .sm\:ml-0 {
    margin-left: 0 !important;
  }

  .sm\:mt-1 {
    margin-top: 8px !important;
  }

  .sm\:mr-1 {
    margin-right: 8px !important;
  }

  .sm\:mb-1 {
    margin-bottom: 8px !important;
  }

  .sm\:ml-1 {
    margin-left: 8px !important;
  }

  .sm\:mt-2 {
    margin-top: 16px !important;
  }

  .sm\:mr-2 {
    margin-right: 16px !important;
  }

  .sm\:mb-2 {
    margin-bottom: 16px !important;
  }

  .sm\:ml-2 {
    margin-left: 16px !important;
  }

  .sm\:mt-3 {
    margin-top: 24px !important;
  }

  .sm\:mr-3 {
    margin-right: 24px !important;
  }

  .sm\:mb-3 {
    margin-bottom: 24px !important;
  }

  .sm\:ml-3 {
    margin-left: 24px !important;
  }

  .sm\:mt-4 {
    margin-top: 32px !important;
  }

  .sm\:mr-4 {
    margin-right: 32px !important;
  }

  .sm\:mb-4 {
    margin-bottom: 32px !important;
  }

  .sm\:ml-4 {
    margin-left: 32px !important;
  }

  .sm\:mt-5 {
    margin-top: 40px !important;
  }

  .sm\:mr-5 {
    margin-right: 40px !important;
  }

  .sm\:mb-5 {
    margin-bottom: 40px !important;
  }

  .sm\:ml-5 {
    margin-left: 40px !important;
  }

  .sm\:mt-6 {
    margin-top: 64px !important;
  }

  .sm\:mr-6 {
    margin-right: 64px !important;
  }

  .sm\:mb-6 {
    margin-bottom: 64px !important;
  }

  .sm\:ml-6 {
    margin-left: 64px !important;
  }

  .sm\:mt-7 {
    margin-top: 80px !important;
  }

  .sm\:mr-7 {
    margin-right: 80px !important;
  }

  .sm\:mb-7 {
    margin-bottom: 80px !important;
  }

  .sm\:ml-7 {
    margin-left: 80px !important;
  }

  .sm\:mt-8 {
    margin-top: 120px !important;
  }

  .sm\:mr-8 {
    margin-right: 120px !important;
  }

  .sm\:mb-8 {
    margin-bottom: 120px !important;
  }

  .sm\:ml-8 {
    margin-left: 120px !important;
  }

  .sm\:mt-auto {
    margin-top: auto !important;
  }

  .sm\:mr-auto {
    margin-right: auto !important;
  }

  .sm\:mb-auto {
    margin-bottom: auto !important;
  }

  .sm\:ml-auto {
    margin-left: auto !important;
  }

  .sm\:mt-px {
    margin-top: 1px !important;
  }

  .sm\:mr-px {
    margin-right: 1px !important;
  }

  .sm\:mb-px {
    margin-bottom: 1px !important;
  }

  .sm\:ml-px {
    margin-left: 1px !important;
  }

  .sm\:mt-sm {
    margin-top: 4px !important;
  }

  .sm\:mr-sm {
    margin-right: 4px !important;
  }

  .sm\:mb-sm {
    margin-bottom: 4px !important;
  }

  .sm\:ml-sm {
    margin-left: 4px !important;
  }

  .sm\:mt-1\.5 {
    margin-top: 12px !important;
  }

  .sm\:mr-1\.5 {
    margin-right: 12px !important;
  }

  .sm\:mb-1\.5 {
    margin-bottom: 12px !important;
  }

  .sm\:ml-1\.5 {
    margin-left: 12px !important;
  }

  .sm\:-mt-1 {
    margin-top: -8px !important;
  }

  .sm\:-mr-1 {
    margin-right: -8px !important;
  }

  .sm\:-mb-1 {
    margin-bottom: -8px !important;
  }

  .sm\:-ml-1 {
    margin-left: -8px !important;
  }

  .sm\:-mt-2 {
    margin-top: -16px !important;
  }

  .sm\:-mr-2 {
    margin-right: -16px !important;
  }

  .sm\:-mb-2 {
    margin-bottom: -16px !important;
  }

  .sm\:-ml-2 {
    margin-left: -16px !important;
  }

  .sm\:-mt-3 {
    margin-top: -24px !important;
  }

  .sm\:-mr-3 {
    margin-right: -24px !important;
  }

  .sm\:-mb-3 {
    margin-bottom: -24px !important;
  }

  .sm\:-ml-3 {
    margin-left: -24px !important;
  }

  .sm\:-mt-4 {
    margin-top: -32px !important;
  }

  .sm\:-mr-4 {
    margin-right: -32px !important;
  }

  .sm\:-mb-4 {
    margin-bottom: -32px !important;
  }

  .sm\:-ml-4 {
    margin-left: -32px !important;
  }

  .sm\:-mt-5 {
    margin-top: -40px !important;
  }

  .sm\:-mr-5 {
    margin-right: -40px !important;
  }

  .sm\:-mb-5 {
    margin-bottom: -40px !important;
  }

  .sm\:-ml-5 {
    margin-left: -40px !important;
  }

  .sm\:-mt-6 {
    margin-top: -64px !important;
  }

  .sm\:-mr-6 {
    margin-right: -64px !important;
  }

  .sm\:-mb-6 {
    margin-bottom: -64px !important;
  }

  .sm\:-ml-6 {
    margin-left: -64px !important;
  }

  .sm\:-mt-7 {
    margin-top: -80px !important;
  }

  .sm\:-mr-7 {
    margin-right: -80px !important;
  }

  .sm\:-mb-7 {
    margin-bottom: -80px !important;
  }

  .sm\:-ml-7 {
    margin-left: -80px !important;
  }

  .sm\:-mt-8 {
    margin-top: -120px !important;
  }

  .sm\:-mr-8 {
    margin-right: -120px !important;
  }

  .sm\:-mb-8 {
    margin-bottom: -120px !important;
  }

  .sm\:-ml-8 {
    margin-left: -120px !important;
  }

  .sm\:-mt-px {
    margin-top: -1px !important;
  }

  .sm\:-mr-px {
    margin-right: -1px !important;
  }

  .sm\:-mb-px {
    margin-bottom: -1px !important;
  }

  .sm\:-ml-px {
    margin-left: -1px !important;
  }

  .sm\:-mt-sm {
    margin-top: -4px !important;
  }

  .sm\:-mr-sm {
    margin-right: -4px !important;
  }

  .sm\:-mb-sm {
    margin-bottom: -4px !important;
  }

  .sm\:-ml-sm {
    margin-left: -4px !important;
  }

  .sm\:-mt-1\.5 {
    margin-top: -12px !important;
  }

  .sm\:-mr-1\.5 {
    margin-right: -12px !important;
  }

  .sm\:-mb-1\.5 {
    margin-bottom: -12px !important;
  }

  .sm\:-ml-1\.5 {
    margin-left: -12px !important;
  }

  .sm\:max-h-full {
    max-height: 100% !important;
  }

  .sm\:max-h-screen {
    max-height: 100vh !important;
  }

  .sm\:max-h-screen-1\/2 {
    max-height: 50vh !important;
  }

  .sm\:max-w-3xs {
    max-width: 5rem !important;
  }

  .sm\:max-w-2xs {
    max-width: 10rem !important;
  }

  .sm\:max-w-xs {
    max-width: 20rem !important;
  }

  .sm\:max-w-sm {
    max-width: 30rem !important;
  }

  .sm\:max-w-md {
    max-width: 40rem !important;
  }

  .sm\:max-w-lg {
    max-width: 50rem !important;
  }

  .sm\:max-w-xl {
    max-width: 60rem !important;
  }

  .sm\:max-w-2xl {
    max-width: 70rem !important;
  }

  .sm\:max-w-3xl {
    max-width: 80rem !important;
  }

  .sm\:max-w-4xl {
    max-width: 90rem !important;
  }

  .sm\:max-w-5xl {
    max-width: 100rem !important;
  }

  .sm\:max-w-full {
    max-width: 100% !important;
  }

  .sm\:min-h-0 {
    min-height: 0 !important;
  }

  .sm\:min-h-16 {
    min-height: 64px !important;
  }

  .sm\:min-h-24 {
    min-height: 80px !important;
  }

  .sm\:min-h-48 {
    min-height: 160px !important;
  }

  .sm\:min-h-full {
    min-height: 100% !important;
  }

  .sm\:min-h-screen {
    min-height: 100vh !important;
  }

  .sm\:min-w-0 {
    min-width: 0 !important;
  }

  .sm\:min-w-100 {
    min-width: 100px !important;
  }

  .sm\:min-w-120 {
    min-width: 120px !important;
  }

  .sm\:min-w-xs {
    min-width: 10rem !important;
  }

  .sm\:min-w-md {
    min-width: 160px !important;
  }

  .sm\:min-w-lg {
    min-width: 200px !important;
  }

  .sm\:min-w-full {
    min-width: 100% !important;
  }

  .sm\:object-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }

  .sm\:object-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }

  .sm\:object-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }

  .sm\:object-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }

  .sm\:object-scale-down {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }

  .sm\:object-bottom {
    -o-object-position: bottom !important;
       object-position: bottom !important;
  }

  .sm\:object-center {
    -o-object-position: center !important;
       object-position: center !important;
  }

  .sm\:object-left {
    -o-object-position: left !important;
       object-position: left !important;
  }

  .sm\:object-left-bottom {
    -o-object-position: left bottom !important;
       object-position: left bottom !important;
  }

  .sm\:object-left-top {
    -o-object-position: left top !important;
       object-position: left top !important;
  }

  .sm\:object-right {
    -o-object-position: right !important;
       object-position: right !important;
  }

  .sm\:object-right-bottom {
    -o-object-position: right bottom !important;
       object-position: right bottom !important;
  }

  .sm\:object-right-top {
    -o-object-position: right top !important;
       object-position: right top !important;
  }

  .sm\:object-top {
    -o-object-position: top !important;
       object-position: top !important;
  }

  .sm\:opacity-0 {
    opacity: 0 !important;
  }

  .sm\:opacity-25 {
    opacity: 0.25 !important;
  }

  .sm\:opacity-50 {
    opacity: 0.5 !important;
  }

  .sm\:opacity-75 {
    opacity: 0.75 !important;
  }

  .sm\:opacity-100 {
    opacity: 1 !important;
  }

  .sm\:hover\:opacity-0:hover {
    opacity: 0 !important;
  }

  .sm\:hover\:opacity-25:hover {
    opacity: 0.25 !important;
  }

  .sm\:hover\:opacity-50:hover {
    opacity: 0.5 !important;
  }

  .sm\:hover\:opacity-75:hover {
    opacity: 0.75 !important;
  }

  .sm\:hover\:opacity-100:hover {
    opacity: 1 !important;
  }

  .group:hover .sm\:group-hover\:opacity-0 {
    opacity: 0 !important;
  }

  .group:hover .sm\:group-hover\:opacity-25 {
    opacity: 0.25 !important;
  }

  .group:hover .sm\:group-hover\:opacity-50 {
    opacity: 0.5 !important;
  }

  .group:hover .sm\:group-hover\:opacity-75 {
    opacity: 0.75 !important;
  }

  .group:hover .sm\:group-hover\:opacity-100 {
    opacity: 1 !important;
  }

  .sm\:overflow-auto {
    overflow: auto !important;
  }

  .sm\:overflow-hidden {
    overflow: hidden !important;
  }

  .sm\:overflow-visible {
    overflow: visible !important;
  }

  .sm\:overflow-scroll {
    overflow: scroll !important;
  }

  .sm\:overflow-x-auto {
    overflow-x: auto !important;
  }

  .sm\:overflow-y-auto {
    overflow-y: auto !important;
  }

  .sm\:overflow-x-hidden {
    overflow-x: hidden !important;
  }

  .sm\:overflow-y-hidden {
    overflow-y: hidden !important;
  }

  .sm\:overflow-x-visible {
    overflow-x: visible !important;
  }

  .sm\:overflow-y-visible {
    overflow-y: visible !important;
  }

  .sm\:overflow-x-scroll {
    overflow-x: scroll !important;
  }

  .sm\:overflow-y-scroll {
    overflow-y: scroll !important;
  }

  .sm\:scrolling-touch {
    -webkit-overflow-scrolling: touch !important;
  }

  .sm\:scrolling-auto {
    -webkit-overflow-scrolling: auto !important;
  }

  .sm\:overscroll-auto {
    -ms-scroll-chaining: chained !important;
        overscroll-behavior: auto !important;
  }

  .sm\:overscroll-contain {
    -ms-scroll-chaining: none !important;
        overscroll-behavior: contain !important;
  }

  .sm\:overscroll-none {
    -ms-scroll-chaining: none !important;
        overscroll-behavior: none !important;
  }

  .sm\:overscroll-y-auto {
    overscroll-behavior-y: auto !important;
  }

  .sm\:overscroll-y-contain {
    overscroll-behavior-y: contain !important;
  }

  .sm\:overscroll-y-none {
    overscroll-behavior-y: none !important;
  }

  .sm\:overscroll-x-auto {
    overscroll-behavior-x: auto !important;
  }

  .sm\:overscroll-x-contain {
    overscroll-behavior-x: contain !important;
  }

  .sm\:overscroll-x-none {
    overscroll-behavior-x: none !important;
  }

  .sm\:p-0 {
    padding: 0 !important;
  }

  .sm\:p-1 {
    padding: 8px !important;
  }

  .sm\:p-2 {
    padding: 16px !important;
  }

  .sm\:p-3 {
    padding: 24px !important;
  }

  .sm\:p-4 {
    padding: 32px !important;
  }

  .sm\:p-5 {
    padding: 40px !important;
  }

  .sm\:p-6 {
    padding: 64px !important;
  }

  .sm\:p-7 {
    padding: 80px !important;
  }

  .sm\:p-8 {
    padding: 120px !important;
  }

  .sm\:p-px {
    padding: 1px !important;
  }

  .sm\:p-sm {
    padding: 4px !important;
  }

  .sm\:p-1\.5 {
    padding: 12px !important;
  }

  .sm\:py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .sm\:px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .sm\:py-1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .sm\:px-1 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .sm\:py-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .sm\:px-2 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .sm\:py-3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .sm\:px-3 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .sm\:py-4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  .sm\:px-4 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  .sm\:py-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .sm\:px-5 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .sm\:py-6 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  .sm\:px-6 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }

  .sm\:py-7 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .sm\:px-7 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .sm\:py-8 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .sm\:px-8 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .sm\:py-px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .sm\:px-px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .sm\:py-sm {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .sm\:px-sm {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .sm\:py-1\.5 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .sm\:px-1\.5 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .sm\:pt-0 {
    padding-top: 0 !important;
  }

  .sm\:pr-0 {
    padding-right: 0 !important;
  }

  .sm\:pb-0 {
    padding-bottom: 0 !important;
  }

  .sm\:pl-0 {
    padding-left: 0 !important;
  }

  .sm\:pt-1 {
    padding-top: 8px !important;
  }

  .sm\:pr-1 {
    padding-right: 8px !important;
  }

  .sm\:pb-1 {
    padding-bottom: 8px !important;
  }

  .sm\:pl-1 {
    padding-left: 8px !important;
  }

  .sm\:pt-2 {
    padding-top: 16px !important;
  }

  .sm\:pr-2 {
    padding-right: 16px !important;
  }

  .sm\:pb-2 {
    padding-bottom: 16px !important;
  }

  .sm\:pl-2 {
    padding-left: 16px !important;
  }

  .sm\:pt-3 {
    padding-top: 24px !important;
  }

  .sm\:pr-3 {
    padding-right: 24px !important;
  }

  .sm\:pb-3 {
    padding-bottom: 24px !important;
  }

  .sm\:pl-3 {
    padding-left: 24px !important;
  }

  .sm\:pt-4 {
    padding-top: 32px !important;
  }

  .sm\:pr-4 {
    padding-right: 32px !important;
  }

  .sm\:pb-4 {
    padding-bottom: 32px !important;
  }

  .sm\:pl-4 {
    padding-left: 32px !important;
  }

  .sm\:pt-5 {
    padding-top: 40px !important;
  }

  .sm\:pr-5 {
    padding-right: 40px !important;
  }

  .sm\:pb-5 {
    padding-bottom: 40px !important;
  }

  .sm\:pl-5 {
    padding-left: 40px !important;
  }

  .sm\:pt-6 {
    padding-top: 64px !important;
  }

  .sm\:pr-6 {
    padding-right: 64px !important;
  }

  .sm\:pb-6 {
    padding-bottom: 64px !important;
  }

  .sm\:pl-6 {
    padding-left: 64px !important;
  }

  .sm\:pt-7 {
    padding-top: 80px !important;
  }

  .sm\:pr-7 {
    padding-right: 80px !important;
  }

  .sm\:pb-7 {
    padding-bottom: 80px !important;
  }

  .sm\:pl-7 {
    padding-left: 80px !important;
  }

  .sm\:pt-8 {
    padding-top: 120px !important;
  }

  .sm\:pr-8 {
    padding-right: 120px !important;
  }

  .sm\:pb-8 {
    padding-bottom: 120px !important;
  }

  .sm\:pl-8 {
    padding-left: 120px !important;
  }

  .sm\:pt-px {
    padding-top: 1px !important;
  }

  .sm\:pr-px {
    padding-right: 1px !important;
  }

  .sm\:pb-px {
    padding-bottom: 1px !important;
  }

  .sm\:pl-px {
    padding-left: 1px !important;
  }

  .sm\:pt-sm {
    padding-top: 4px !important;
  }

  .sm\:pr-sm {
    padding-right: 4px !important;
  }

  .sm\:pb-sm {
    padding-bottom: 4px !important;
  }

  .sm\:pl-sm {
    padding-left: 4px !important;
  }

  .sm\:pt-1\.5 {
    padding-top: 12px !important;
  }

  .sm\:pr-1\.5 {
    padding-right: 12px !important;
  }

  .sm\:pb-1\.5 {
    padding-bottom: 12px !important;
  }

  .sm\:pl-1\.5 {
    padding-left: 12px !important;
  }

  .sm\:placeholder-transparent::-moz-placeholder {
    color: transparent !important;
  }

  .sm\:placeholder-transparent:-ms-input-placeholder {
    color: transparent !important;
  }

  .sm\:placeholder-transparent::placeholder {
    color: transparent !important;
  }

  .sm\:placeholder-black::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-black:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-black::placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-100::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-100:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-90::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-90:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-90::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-80::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-80:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-80::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-70::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-70:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-70::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-60::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-60:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-60::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-50::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-50:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-50::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-40::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-40:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-40::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-30::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-30:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-30::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-20::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-20:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-20::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-10::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-10:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-grey-10::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-white::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-white:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-white::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green::placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-light::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-light:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-light::placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-lighter::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-lighter:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-lighter::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-light::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-light:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-light::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-dark::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-dark:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-dark::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-darker::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-darker:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-darker::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-100::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-100:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-200::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-200:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-300::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-300:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-400::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-400:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-500::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-500:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-600::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-600:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-700::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-700:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-800::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-800:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-900::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-900:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-red-dark::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-red-dark:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-red-dark::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-red::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-red:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-red::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-red-light::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-red-light:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-red-light::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-red-lighter::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-red-lighter:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-red-lighter::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-dark::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-dark:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-dark::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-darken-10::-moz-placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .sm\:placeholder-darken-10:-ms-input-placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .sm\:placeholder-darken-10::placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .sm\:placeholder-darken-20::-moz-placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .sm\:placeholder-darken-20:-ms-input-placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .sm\:placeholder-darken-20::placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .sm\:placeholder-primary::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-primary:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-primary::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-transparent:focus::-moz-placeholder {
    color: transparent !important;
  }

  .sm\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
    color: transparent !important;
  }

  .sm\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent !important;
  }

  .sm\:focus\:placeholder-black:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-black:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-black:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-100:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-90:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-90:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-90:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-80:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-80:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-80:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-70:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-70:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-70:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-60:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-60:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-60:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-50:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-50:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-50:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-40:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-40:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-40:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-30:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-30:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-30:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-20:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-20:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-20:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-10:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-10:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-grey-10:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-white:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-white:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-white:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-light:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-light:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-light:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-lighter:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-lighter:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-lighter:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-light:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-light:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-light:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-dark:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-dark:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-dark:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-darker:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-darker:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-darker:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-100:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-200:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-300:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-400:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-500:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-600:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-700:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-800:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-900:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-red-dark:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-red-dark:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-red-dark:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-red:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-red:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-red:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-red-light:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-red-light:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-red-light:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-red-lighter:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-red-lighter:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-red-lighter:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-dark:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-dark:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-dark:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-darken-10:focus::-moz-placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .sm\:focus\:placeholder-darken-10:focus:-ms-input-placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .sm\:focus\:placeholder-darken-10:focus::placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .sm\:focus\:placeholder-darken-20:focus::-moz-placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .sm\:focus\:placeholder-darken-20:focus:-ms-input-placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .sm\:focus\:placeholder-darken-20:focus::placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .sm\:focus\:placeholder-primary:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-primary:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-primary:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-opacity-0::-moz-placeholder {
    --placeholder-opacity: 0 !important;
  }

  .sm\:placeholder-opacity-0:-ms-input-placeholder {
    --placeholder-opacity: 0 !important;
  }

  .sm\:placeholder-opacity-0::placeholder {
    --placeholder-opacity: 0 !important;
  }

  .sm\:placeholder-opacity-25::-moz-placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .sm\:placeholder-opacity-25:-ms-input-placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .sm\:placeholder-opacity-25::placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .sm\:placeholder-opacity-50::-moz-placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .sm\:placeholder-opacity-50:-ms-input-placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .sm\:placeholder-opacity-50::placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .sm\:placeholder-opacity-75::-moz-placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .sm\:placeholder-opacity-75:-ms-input-placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .sm\:placeholder-opacity-75::placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .sm\:placeholder-opacity-100::-moz-placeholder {
    --placeholder-opacity: 1 !important;
  }

  .sm\:placeholder-opacity-100:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
  }

  .sm\:placeholder-opacity-100::placeholder {
    --placeholder-opacity: 1 !important;
  }

  .sm\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
    --placeholder-opacity: 0 !important;
  }

  .sm\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
    --placeholder-opacity: 0 !important;
  }

  .sm\:focus\:placeholder-opacity-0:focus::placeholder {
    --placeholder-opacity: 0 !important;
  }

  .sm\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .sm\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .sm\:focus\:placeholder-opacity-25:focus::placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .sm\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .sm\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .sm\:focus\:placeholder-opacity-50:focus::placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .sm\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .sm\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .sm\:focus\:placeholder-opacity-75:focus::placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .sm\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
  }

  .sm\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
  }

  .sm\:focus\:placeholder-opacity-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
  }

  .sm\:pointer-events-none {
    pointer-events: none !important;
  }

  .sm\:pointer-events-auto {
    pointer-events: auto !important;
  }

  .sm\:static {
    position: static !important;
  }

  .sm\:fixed {
    position: fixed !important;
  }

  .sm\:absolute {
    position: absolute !important;
  }

  .sm\:relative {
    position: relative !important;
  }

  .sm\:sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }

  .sm\:inset-0 {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
  }

  .sm\:inset-1 {
    top: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    left: 8px !important;
  }

  .sm\:inset-2 {
    top: 16px !important;
    right: 16px !important;
    bottom: 16px !important;
    left: 16px !important;
  }

  .sm\:inset-3 {
    top: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    left: 24px !important;
  }

  .sm\:inset-4 {
    top: 32px !important;
    right: 32px !important;
    bottom: 32px !important;
    left: 32px !important;
  }

  .sm\:inset-5 {
    top: 40px !important;
    right: 40px !important;
    bottom: 40px !important;
    left: 40px !important;
  }

  .sm\:inset-6 {
    top: 64px !important;
    right: 64px !important;
    bottom: 64px !important;
    left: 64px !important;
  }

  .sm\:inset-7 {
    top: 80px !important;
    right: 80px !important;
    bottom: 80px !important;
    left: 80px !important;
  }

  .sm\:inset-8 {
    top: 120px !important;
    right: 120px !important;
    bottom: 120px !important;
    left: 120px !important;
  }

  .sm\:inset-px {
    top: 1px !important;
    right: 1px !important;
    bottom: 1px !important;
    left: 1px !important;
  }

  .sm\:inset-sm {
    top: 4px !important;
    right: 4px !important;
    bottom: 4px !important;
    left: 4px !important;
  }

  .sm\:inset-1\.5 {
    top: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    left: 12px !important;
  }

  .sm\:-inset-1 {
    top: -8px !important;
    right: -8px !important;
    bottom: -8px !important;
    left: -8px !important;
  }

  .sm\:-inset-2 {
    top: -16px !important;
    right: -16px !important;
    bottom: -16px !important;
    left: -16px !important;
  }

  .sm\:-inset-3 {
    top: -24px !important;
    right: -24px !important;
    bottom: -24px !important;
    left: -24px !important;
  }

  .sm\:-inset-4 {
    top: -32px !important;
    right: -32px !important;
    bottom: -32px !important;
    left: -32px !important;
  }

  .sm\:-inset-5 {
    top: -40px !important;
    right: -40px !important;
    bottom: -40px !important;
    left: -40px !important;
  }

  .sm\:-inset-6 {
    top: -64px !important;
    right: -64px !important;
    bottom: -64px !important;
    left: -64px !important;
  }

  .sm\:-inset-7 {
    top: -80px !important;
    right: -80px !important;
    bottom: -80px !important;
    left: -80px !important;
  }

  .sm\:-inset-8 {
    top: -120px !important;
    right: -120px !important;
    bottom: -120px !important;
    left: -120px !important;
  }

  .sm\:-inset-px {
    top: -1px !important;
    right: -1px !important;
    bottom: -1px !important;
    left: -1px !important;
  }

  .sm\:-inset-sm {
    top: -4px !important;
    right: -4px !important;
    bottom: -4px !important;
    left: -4px !important;
  }

  .sm\:-inset-1\.5 {
    top: -12px !important;
    right: -12px !important;
    bottom: -12px !important;
    left: -12px !important;
  }

  .sm\:inset-auto {
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
  }

  .sm\:inset-y-0 {
    top: 0 !important;
    bottom: 0 !important;
  }

  .sm\:inset-x-0 {
    right: 0 !important;
    left: 0 !important;
  }

  .sm\:inset-y-1 {
    top: 8px !important;
    bottom: 8px !important;
  }

  .sm\:inset-x-1 {
    right: 8px !important;
    left: 8px !important;
  }

  .sm\:inset-y-2 {
    top: 16px !important;
    bottom: 16px !important;
  }

  .sm\:inset-x-2 {
    right: 16px !important;
    left: 16px !important;
  }

  .sm\:inset-y-3 {
    top: 24px !important;
    bottom: 24px !important;
  }

  .sm\:inset-x-3 {
    right: 24px !important;
    left: 24px !important;
  }

  .sm\:inset-y-4 {
    top: 32px !important;
    bottom: 32px !important;
  }

  .sm\:inset-x-4 {
    right: 32px !important;
    left: 32px !important;
  }

  .sm\:inset-y-5 {
    top: 40px !important;
    bottom: 40px !important;
  }

  .sm\:inset-x-5 {
    right: 40px !important;
    left: 40px !important;
  }

  .sm\:inset-y-6 {
    top: 64px !important;
    bottom: 64px !important;
  }

  .sm\:inset-x-6 {
    right: 64px !important;
    left: 64px !important;
  }

  .sm\:inset-y-7 {
    top: 80px !important;
    bottom: 80px !important;
  }

  .sm\:inset-x-7 {
    right: 80px !important;
    left: 80px !important;
  }

  .sm\:inset-y-8 {
    top: 120px !important;
    bottom: 120px !important;
  }

  .sm\:inset-x-8 {
    right: 120px !important;
    left: 120px !important;
  }

  .sm\:inset-y-px {
    top: 1px !important;
    bottom: 1px !important;
  }

  .sm\:inset-x-px {
    right: 1px !important;
    left: 1px !important;
  }

  .sm\:inset-y-sm {
    top: 4px !important;
    bottom: 4px !important;
  }

  .sm\:inset-x-sm {
    right: 4px !important;
    left: 4px !important;
  }

  .sm\:inset-y-1\.5 {
    top: 12px !important;
    bottom: 12px !important;
  }

  .sm\:inset-x-1\.5 {
    right: 12px !important;
    left: 12px !important;
  }

  .sm\:-inset-y-1 {
    top: -8px !important;
    bottom: -8px !important;
  }

  .sm\:-inset-x-1 {
    right: -8px !important;
    left: -8px !important;
  }

  .sm\:-inset-y-2 {
    top: -16px !important;
    bottom: -16px !important;
  }

  .sm\:-inset-x-2 {
    right: -16px !important;
    left: -16px !important;
  }

  .sm\:-inset-y-3 {
    top: -24px !important;
    bottom: -24px !important;
  }

  .sm\:-inset-x-3 {
    right: -24px !important;
    left: -24px !important;
  }

  .sm\:-inset-y-4 {
    top: -32px !important;
    bottom: -32px !important;
  }

  .sm\:-inset-x-4 {
    right: -32px !important;
    left: -32px !important;
  }

  .sm\:-inset-y-5 {
    top: -40px !important;
    bottom: -40px !important;
  }

  .sm\:-inset-x-5 {
    right: -40px !important;
    left: -40px !important;
  }

  .sm\:-inset-y-6 {
    top: -64px !important;
    bottom: -64px !important;
  }

  .sm\:-inset-x-6 {
    right: -64px !important;
    left: -64px !important;
  }

  .sm\:-inset-y-7 {
    top: -80px !important;
    bottom: -80px !important;
  }

  .sm\:-inset-x-7 {
    right: -80px !important;
    left: -80px !important;
  }

  .sm\:-inset-y-8 {
    top: -120px !important;
    bottom: -120px !important;
  }

  .sm\:-inset-x-8 {
    right: -120px !important;
    left: -120px !important;
  }

  .sm\:-inset-y-px {
    top: -1px !important;
    bottom: -1px !important;
  }

  .sm\:-inset-x-px {
    right: -1px !important;
    left: -1px !important;
  }

  .sm\:-inset-y-sm {
    top: -4px !important;
    bottom: -4px !important;
  }

  .sm\:-inset-x-sm {
    right: -4px !important;
    left: -4px !important;
  }

  .sm\:-inset-y-1\.5 {
    top: -12px !important;
    bottom: -12px !important;
  }

  .sm\:-inset-x-1\.5 {
    right: -12px !important;
    left: -12px !important;
  }

  .sm\:inset-y-auto {
    top: auto !important;
    bottom: auto !important;
  }

  .sm\:inset-x-auto {
    right: auto !important;
    left: auto !important;
  }

  .sm\:top-0 {
    top: 0 !important;
  }

  .sm\:right-0 {
    right: 0 !important;
  }

  .sm\:bottom-0 {
    bottom: 0 !important;
  }

  .sm\:left-0 {
    left: 0 !important;
  }

  .sm\:top-1 {
    top: 8px !important;
  }

  .sm\:right-1 {
    right: 8px !important;
  }

  .sm\:bottom-1 {
    bottom: 8px !important;
  }

  .sm\:left-1 {
    left: 8px !important;
  }

  .sm\:top-2 {
    top: 16px !important;
  }

  .sm\:right-2 {
    right: 16px !important;
  }

  .sm\:bottom-2 {
    bottom: 16px !important;
  }

  .sm\:left-2 {
    left: 16px !important;
  }

  .sm\:top-3 {
    top: 24px !important;
  }

  .sm\:right-3 {
    right: 24px !important;
  }

  .sm\:bottom-3 {
    bottom: 24px !important;
  }

  .sm\:left-3 {
    left: 24px !important;
  }

  .sm\:top-4 {
    top: 32px !important;
  }

  .sm\:right-4 {
    right: 32px !important;
  }

  .sm\:bottom-4 {
    bottom: 32px !important;
  }

  .sm\:left-4 {
    left: 32px !important;
  }

  .sm\:top-5 {
    top: 40px !important;
  }

  .sm\:right-5 {
    right: 40px !important;
  }

  .sm\:bottom-5 {
    bottom: 40px !important;
  }

  .sm\:left-5 {
    left: 40px !important;
  }

  .sm\:top-6 {
    top: 64px !important;
  }

  .sm\:right-6 {
    right: 64px !important;
  }

  .sm\:bottom-6 {
    bottom: 64px !important;
  }

  .sm\:left-6 {
    left: 64px !important;
  }

  .sm\:top-7 {
    top: 80px !important;
  }

  .sm\:right-7 {
    right: 80px !important;
  }

  .sm\:bottom-7 {
    bottom: 80px !important;
  }

  .sm\:left-7 {
    left: 80px !important;
  }

  .sm\:top-8 {
    top: 120px !important;
  }

  .sm\:right-8 {
    right: 120px !important;
  }

  .sm\:bottom-8 {
    bottom: 120px !important;
  }

  .sm\:left-8 {
    left: 120px !important;
  }

  .sm\:top-px {
    top: 1px !important;
  }

  .sm\:right-px {
    right: 1px !important;
  }

  .sm\:bottom-px {
    bottom: 1px !important;
  }

  .sm\:left-px {
    left: 1px !important;
  }

  .sm\:top-sm {
    top: 4px !important;
  }

  .sm\:right-sm {
    right: 4px !important;
  }

  .sm\:bottom-sm {
    bottom: 4px !important;
  }

  .sm\:left-sm {
    left: 4px !important;
  }

  .sm\:top-1\.5 {
    top: 12px !important;
  }

  .sm\:right-1\.5 {
    right: 12px !important;
  }

  .sm\:bottom-1\.5 {
    bottom: 12px !important;
  }

  .sm\:left-1\.5 {
    left: 12px !important;
  }

  .sm\:-top-1 {
    top: -8px !important;
  }

  .sm\:-right-1 {
    right: -8px !important;
  }

  .sm\:-bottom-1 {
    bottom: -8px !important;
  }

  .sm\:-left-1 {
    left: -8px !important;
  }

  .sm\:-top-2 {
    top: -16px !important;
  }

  .sm\:-right-2 {
    right: -16px !important;
  }

  .sm\:-bottom-2 {
    bottom: -16px !important;
  }

  .sm\:-left-2 {
    left: -16px !important;
  }

  .sm\:-top-3 {
    top: -24px !important;
  }

  .sm\:-right-3 {
    right: -24px !important;
  }

  .sm\:-bottom-3 {
    bottom: -24px !important;
  }

  .sm\:-left-3 {
    left: -24px !important;
  }

  .sm\:-top-4 {
    top: -32px !important;
  }

  .sm\:-right-4 {
    right: -32px !important;
  }

  .sm\:-bottom-4 {
    bottom: -32px !important;
  }

  .sm\:-left-4 {
    left: -32px !important;
  }

  .sm\:-top-5 {
    top: -40px !important;
  }

  .sm\:-right-5 {
    right: -40px !important;
  }

  .sm\:-bottom-5 {
    bottom: -40px !important;
  }

  .sm\:-left-5 {
    left: -40px !important;
  }

  .sm\:-top-6 {
    top: -64px !important;
  }

  .sm\:-right-6 {
    right: -64px !important;
  }

  .sm\:-bottom-6 {
    bottom: -64px !important;
  }

  .sm\:-left-6 {
    left: -64px !important;
  }

  .sm\:-top-7 {
    top: -80px !important;
  }

  .sm\:-right-7 {
    right: -80px !important;
  }

  .sm\:-bottom-7 {
    bottom: -80px !important;
  }

  .sm\:-left-7 {
    left: -80px !important;
  }

  .sm\:-top-8 {
    top: -120px !important;
  }

  .sm\:-right-8 {
    right: -120px !important;
  }

  .sm\:-bottom-8 {
    bottom: -120px !important;
  }

  .sm\:-left-8 {
    left: -120px !important;
  }

  .sm\:-top-px {
    top: -1px !important;
  }

  .sm\:-right-px {
    right: -1px !important;
  }

  .sm\:-bottom-px {
    bottom: -1px !important;
  }

  .sm\:-left-px {
    left: -1px !important;
  }

  .sm\:-top-sm {
    top: -4px !important;
  }

  .sm\:-right-sm {
    right: -4px !important;
  }

  .sm\:-bottom-sm {
    bottom: -4px !important;
  }

  .sm\:-left-sm {
    left: -4px !important;
  }

  .sm\:-top-1\.5 {
    top: -12px !important;
  }

  .sm\:-right-1\.5 {
    right: -12px !important;
  }

  .sm\:-bottom-1\.5 {
    bottom: -12px !important;
  }

  .sm\:-left-1\.5 {
    left: -12px !important;
  }

  .sm\:top-auto {
    top: auto !important;
  }

  .sm\:right-auto {
    right: auto !important;
  }

  .sm\:bottom-auto {
    bottom: auto !important;
  }

  .sm\:left-auto {
    left: auto !important;
  }

  .sm\:resize-none {
    resize: none !important;
  }

  .sm\:resize-y {
    resize: vertical !important;
  }

  .sm\:resize-x {
    resize: horizontal !important;
  }

  .sm\:resize {
    resize: both !important;
  }

  .sm\:shadow-sm {
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03) !important;
  }

  .sm\:shadow {
    box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15) !important;
  }

  .sm\:shadow-lg {
    box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075) !important;
  }

  .sm\:shadow-xl {
    box-shadow: 0 12px 24px 0 rgba(50, 50, 93, .1), 0 10px 20px 0 rgba(0, 0, 0, .075) !important;
  }

  .sm\:shadow-popover {
    box-shadow: 0 0 0 1px rgba(40,45,50,0.05), 0 0 0 1px rgba(40,45,50,0.05), 0 2px 7px 1px rgba(40,45,50,0.16) !important;
  }

  .sm\:shadow-set {
    box-shadow: rgba(50,50,93,.1) 0 0 0 1px, rgba(50,50,93,.08) 0 2px 5px, rgba(0,0,0,.07) 0 1px 1.5px,rgba(0,0,0,.08) 0 1px 2px 0, transparent 0 0 0 0 !important;
  }

  .sm\:shadow-button {
    box-shadow: 0 1px 0 0 rgba(25,30,35,.05) !important;
  }

  .sm\:shadow-inner {
    box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05) !important;
  }

  .sm\:shadow-none {
    box-shadow: none !important;
  }

  .sm\:hover\:shadow-sm:hover {
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03) !important;
  }

  .sm\:hover\:shadow:hover {
    box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15) !important;
  }

  .sm\:hover\:shadow-lg:hover {
    box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075) !important;
  }

  .sm\:hover\:shadow-xl:hover {
    box-shadow: 0 12px 24px 0 rgba(50, 50, 93, .1), 0 10px 20px 0 rgba(0, 0, 0, .075) !important;
  }

  .sm\:hover\:shadow-popover:hover {
    box-shadow: 0 0 0 1px rgba(40,45,50,0.05), 0 0 0 1px rgba(40,45,50,0.05), 0 2px 7px 1px rgba(40,45,50,0.16) !important;
  }

  .sm\:hover\:shadow-set:hover {
    box-shadow: rgba(50,50,93,.1) 0 0 0 1px, rgba(50,50,93,.08) 0 2px 5px, rgba(0,0,0,.07) 0 1px 1.5px,rgba(0,0,0,.08) 0 1px 2px 0, transparent 0 0 0 0 !important;
  }

  .sm\:hover\:shadow-button:hover {
    box-shadow: 0 1px 0 0 rgba(25,30,35,.05) !important;
  }

  .sm\:hover\:shadow-inner:hover {
    box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05) !important;
  }

  .sm\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }

  .sm\:focus\:shadow-sm:focus {
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03) !important;
  }

  .sm\:focus\:shadow:focus {
    box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15) !important;
  }

  .sm\:focus\:shadow-lg:focus {
    box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075) !important;
  }

  .sm\:focus\:shadow-xl:focus {
    box-shadow: 0 12px 24px 0 rgba(50, 50, 93, .1), 0 10px 20px 0 rgba(0, 0, 0, .075) !important;
  }

  .sm\:focus\:shadow-popover:focus {
    box-shadow: 0 0 0 1px rgba(40,45,50,0.05), 0 0 0 1px rgba(40,45,50,0.05), 0 2px 7px 1px rgba(40,45,50,0.16) !important;
  }

  .sm\:focus\:shadow-set:focus {
    box-shadow: rgba(50,50,93,.1) 0 0 0 1px, rgba(50,50,93,.08) 0 2px 5px, rgba(0,0,0,.07) 0 1px 1.5px,rgba(0,0,0,.08) 0 1px 2px 0, transparent 0 0 0 0 !important;
  }

  .sm\:focus\:shadow-button:focus {
    box-shadow: 0 1px 0 0 rgba(25,30,35,.05) !important;
  }

  .sm\:focus\:shadow-inner:focus {
    box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05) !important;
  }

  .sm\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }

  .sm\:stroke-0 {
    stroke-width: 0 !important;
  }

  .sm\:stroke-1 {
    stroke-width: 1 !important;
  }

  .sm\:stroke-2 {
    stroke-width: 2 !important;
  }

  .sm\:table-auto {
    table-layout: auto !important;
  }

  .sm\:table-fixed {
    table-layout: fixed !important;
  }

  .sm\:text-left {
    text-align: left !important;
  }

  .sm\:text-center {
    text-align: center !important;
  }

  .sm\:text-right {
    text-align: right !important;
  }

  .sm\:text-justify {
    text-align: justify !important;
  }

  .sm\:text-transparent {
    color: transparent !important;
  }

  .sm\:text-black {
    --text-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .sm\:text-grey-100 {
    --text-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity)) !important;
  }

  .sm\:text-grey {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .sm\:text-grey-90 {
    --text-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity)) !important;
  }

  .sm\:text-grey-80 {
    --text-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity)) !important;
  }

  .sm\:text-grey-70 {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .sm\:text-grey-60 {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity)) !important;
  }

  .sm\:text-grey-50 {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--text-opacity)) !important;
  }

  .sm\:text-grey-40 {
    --text-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity)) !important;
  }

  .sm\:text-grey-30 {
    --text-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--text-opacity)) !important;
  }

  .sm\:text-grey-20 {
    --text-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity)) !important;
  }

  .sm\:text-grey-10 {
    --text-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--text-opacity)) !important;
  }

  .sm\:text-white {
    --text-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .sm\:text-green {
    --text-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--text-opacity)) !important;
  }

  .sm\:text-green-light {
    --text-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--text-opacity)) !important;
  }

  .sm\:text-blue-lighter {
    --text-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--text-opacity)) !important;
  }

  .sm\:text-blue-light {
    --text-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--text-opacity)) !important;
  }

  .sm\:text-blue {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .sm\:text-blue-dark {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity)) !important;
  }

  .sm\:text-blue-darker {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--text-opacity)) !important;
  }

  .sm\:text-blue-100 {
    --text-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--text-opacity)) !important;
  }

  .sm\:text-blue-200 {
    --text-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--text-opacity)) !important;
  }

  .sm\:text-blue-300 {
    --text-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--text-opacity)) !important;
  }

  .sm\:text-blue-400 {
    --text-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--text-opacity)) !important;
  }

  .sm\:text-blue-500 {
    --text-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--text-opacity)) !important;
  }

  .sm\:text-blue-600 {
    --text-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--text-opacity)) !important;
  }

  .sm\:text-blue-700 {
    --text-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--text-opacity)) !important;
  }

  .sm\:text-blue-800 {
    --text-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--text-opacity)) !important;
  }

  .sm\:text-blue-900 {
    --text-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--text-opacity)) !important;
  }

  .sm\:text-red-dark {
    --text-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--text-opacity)) !important;
  }

  .sm\:text-red {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity)) !important;
  }

  .sm\:text-red-light {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--text-opacity)) !important;
  }

  .sm\:text-red-lighter {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity)) !important;
  }

  .sm\:text-yellow {
    --text-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--text-opacity)) !important;
  }

  .sm\:text-yellow-dark {
    --text-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--text-opacity)) !important;
  }

  .sm\:text-orange {
    --text-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--text-opacity)) !important;
  }

  .sm\:text-pink {
    --text-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--text-opacity)) !important;
  }

  .sm\:text-purple {
    --text-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--text-opacity)) !important;
  }

  .sm\:text-darken-10 {
    color: rgba(0,0,0,.1) !important;
  }

  .sm\:text-darken-20 {
    color: rgba(0,0,0,.2) !important;
  }

  .sm\:text-primary {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-transparent:hover {
    color: transparent !important;
  }

  .sm\:hover\:text-black:hover {
    --text-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-grey-100:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-grey:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-grey-90:hover {
    --text-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-grey-80:hover {
    --text-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-grey-70:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-grey-60:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-grey-50:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-grey-40:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-grey-30:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-grey-20:hover {
    --text-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-grey-10:hover {
    --text-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-white:hover {
    --text-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-green:hover {
    --text-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-green-light:hover {
    --text-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-lighter:hover {
    --text-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-light:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue:hover {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-dark:hover {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-darker:hover {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-100:hover {
    --text-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-200:hover {
    --text-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-300:hover {
    --text-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-400:hover {
    --text-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-500:hover {
    --text-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-600:hover {
    --text-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-700:hover {
    --text-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-800:hover {
    --text-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-900:hover {
    --text-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-red-dark:hover {
    --text-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-red:hover {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-red-light:hover {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-red-lighter:hover {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-yellow:hover {
    --text-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-yellow-dark:hover {
    --text-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-orange:hover {
    --text-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-pink:hover {
    --text-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-purple:hover {
    --text-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-darken-10:hover {
    color: rgba(0,0,0,.1) !important;
  }

  .sm\:hover\:text-darken-20:hover {
    color: rgba(0,0,0,.2) !important;
  }

  .sm\:hover\:text-primary:hover {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-transparent {
    color: transparent !important;
  }

  .group:hover .sm\:group-hover\:text-black {
    --text-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-grey-100 {
    --text-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-grey {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-grey-90 {
    --text-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-grey-80 {
    --text-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-grey-70 {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-grey-60 {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-grey-50 {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-grey-40 {
    --text-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-grey-30 {
    --text-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-grey-20 {
    --text-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-grey-10 {
    --text-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-white {
    --text-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-green {
    --text-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-green-light {
    --text-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-blue-lighter {
    --text-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-blue-light {
    --text-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-blue {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-blue-dark {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-blue-darker {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-blue-100 {
    --text-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-blue-200 {
    --text-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-blue-300 {
    --text-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-blue-400 {
    --text-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-blue-500 {
    --text-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-blue-600 {
    --text-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-blue-700 {
    --text-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-blue-800 {
    --text-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-blue-900 {
    --text-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-red-dark {
    --text-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-red {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-red-light {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-red-lighter {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-yellow {
    --text-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-yellow-dark {
    --text-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-orange {
    --text-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-pink {
    --text-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-purple {
    --text-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--text-opacity)) !important;
  }

  .group:hover .sm\:group-hover\:text-darken-10 {
    color: rgba(0,0,0,.1) !important;
  }

  .group:hover .sm\:group-hover\:text-darken-20 {
    color: rgba(0,0,0,.2) !important;
  }

  .group:hover .sm\:group-hover\:text-primary {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-transparent:focus {
    color: transparent !important;
  }

  .sm\:focus\:text-black:focus {
    --text-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-grey-100:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-grey:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-grey-90:focus {
    --text-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-grey-80:focus {
    --text-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-grey-70:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-grey-60:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-grey-50:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-grey-40:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-grey-30:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-grey-20:focus {
    --text-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-grey-10:focus {
    --text-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-white:focus {
    --text-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-green:focus {
    --text-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-green-light:focus {
    --text-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-lighter:focus {
    --text-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-light:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue:focus {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-dark:focus {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-darker:focus {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-100:focus {
    --text-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-200:focus {
    --text-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-300:focus {
    --text-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-400:focus {
    --text-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-500:focus {
    --text-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-600:focus {
    --text-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-700:focus {
    --text-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-800:focus {
    --text-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-900:focus {
    --text-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-red-dark:focus {
    --text-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-red:focus {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-red-light:focus {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-red-lighter:focus {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-yellow:focus {
    --text-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-yellow-dark:focus {
    --text-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-orange:focus {
    --text-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-pink:focus {
    --text-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-purple:focus {
    --text-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-darken-10:focus {
    color: rgba(0,0,0,.1) !important;
  }

  .sm\:focus\:text-darken-20:focus {
    color: rgba(0,0,0,.2) !important;
  }

  .sm\:focus\:text-primary:focus {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .sm\:text-opacity-0 {
    --text-opacity: 0 !important;
  }

  .sm\:text-opacity-25 {
    --text-opacity: 0.25 !important;
  }

  .sm\:text-opacity-50 {
    --text-opacity: 0.5 !important;
  }

  .sm\:text-opacity-75 {
    --text-opacity: 0.75 !important;
  }

  .sm\:text-opacity-100 {
    --text-opacity: 1 !important;
  }

  .sm\:hover\:text-opacity-0:hover {
    --text-opacity: 0 !important;
  }

  .sm\:hover\:text-opacity-25:hover {
    --text-opacity: 0.25 !important;
  }

  .sm\:hover\:text-opacity-50:hover {
    --text-opacity: 0.5 !important;
  }

  .sm\:hover\:text-opacity-75:hover {
    --text-opacity: 0.75 !important;
  }

  .sm\:hover\:text-opacity-100:hover {
    --text-opacity: 1 !important;
  }

  .sm\:focus\:text-opacity-0:focus {
    --text-opacity: 0 !important;
  }

  .sm\:focus\:text-opacity-25:focus {
    --text-opacity: 0.25 !important;
  }

  .sm\:focus\:text-opacity-50:focus {
    --text-opacity: 0.5 !important;
  }

  .sm\:focus\:text-opacity-75:focus {
    --text-opacity: 0.75 !important;
  }

  .sm\:focus\:text-opacity-100:focus {
    --text-opacity: 1 !important;
  }

  .sm\:italic {
    font-style: italic !important;
  }

  .sm\:not-italic {
    font-style: normal !important;
  }

  .sm\:hover\:italic:hover {
    font-style: italic !important;
  }

  .sm\:hover\:not-italic:hover {
    font-style: normal !important;
  }

  .sm\:focus\:italic:focus {
    font-style: italic !important;
  }

  .sm\:focus\:not-italic:focus {
    font-style: normal !important;
  }

  .sm\:uppercase {
    text-transform: uppercase !important;
  }

  .sm\:lowercase {
    text-transform: lowercase !important;
  }

  .sm\:capitalize {
    text-transform: capitalize !important;
  }

  .sm\:normal-case {
    text-transform: none !important;
  }

  .sm\:hover\:uppercase:hover {
    text-transform: uppercase !important;
  }

  .sm\:hover\:lowercase:hover {
    text-transform: lowercase !important;
  }

  .sm\:hover\:capitalize:hover {
    text-transform: capitalize !important;
  }

  .sm\:hover\:normal-case:hover {
    text-transform: none !important;
  }

  .sm\:focus\:uppercase:focus {
    text-transform: uppercase !important;
  }

  .sm\:focus\:lowercase:focus {
    text-transform: lowercase !important;
  }

  .sm\:focus\:capitalize:focus {
    text-transform: capitalize !important;
  }

  .sm\:focus\:normal-case:focus {
    text-transform: none !important;
  }

  .sm\:underline {
    text-decoration: underline !important;
  }

  .sm\:line-through {
    text-decoration: line-through !important;
  }

  .sm\:no-underline {
    text-decoration: none !important;
  }

  .sm\:hover\:underline:hover {
    text-decoration: underline !important;
  }

  .sm\:hover\:line-through:hover {
    text-decoration: line-through !important;
  }

  .sm\:hover\:no-underline:hover {
    text-decoration: none !important;
  }

  .sm\:focus\:underline:focus {
    text-decoration: underline !important;
  }

  .sm\:focus\:line-through:focus {
    text-decoration: line-through !important;
  }

  .sm\:focus\:no-underline:focus {
    text-decoration: none !important;
  }

  .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions {
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important;
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important;
  }

  .sm\:normal-nums {
    font-variant-numeric: normal !important;
  }

  .sm\:ordinal {
    --font-variant-numeric-ordinal: ordinal !important;
  }

  .sm\:slashed-zero {
    --font-variant-numeric-slashed-zero: slashed-zero !important;
  }

  .sm\:lining-nums {
    --font-variant-numeric-figure: lining-nums !important;
  }

  .sm\:oldstyle-nums {
    --font-variant-numeric-figure: oldstyle-nums !important;
  }

  .sm\:proportional-nums {
    --font-variant-numeric-spacing: proportional-nums !important;
  }

  .sm\:tabular-nums {
    --font-variant-numeric-spacing: tabular-nums !important;
  }

  .sm\:diagonal-fractions {
    --font-variant-numeric-fraction: diagonal-fractions !important;
  }

  .sm\:stacked-fractions {
    --font-variant-numeric-fraction: stacked-fractions !important;
  }

  .sm\:tracking-tight {
    letter-spacing: -0.05em !important;
  }

  .sm\:tracking-normal {
    letter-spacing: -0.004em !important;
  }

  .sm\:tracking-wide {
    letter-spacing: 0.14em !important;
  }

  .sm\:select-none {
    -webkit-user-select: none !important;
       -moz-user-select: none !important;
        -ms-user-select: none !important;
            user-select: none !important;
  }

  .sm\:select-text {
    -webkit-user-select: text !important;
       -moz-user-select: text !important;
        -ms-user-select: text !important;
            user-select: text !important;
  }

  .sm\:select-all {
    -webkit-user-select: all !important;
       -moz-user-select: all !important;
        -ms-user-select: all !important;
            user-select: all !important;
  }

  .sm\:select-auto {
    -webkit-user-select: auto !important;
       -moz-user-select: auto !important;
        -ms-user-select: auto !important;
            user-select: auto !important;
  }

  .sm\:align-baseline {
    vertical-align: baseline !important;
  }

  .sm\:align-top {
    vertical-align: top !important;
  }

  .sm\:align-middle {
    vertical-align: middle !important;
  }

  .sm\:align-bottom {
    vertical-align: bottom !important;
  }

  .sm\:align-text-top {
    vertical-align: text-top !important;
  }

  .sm\:align-text-bottom {
    vertical-align: text-bottom !important;
  }

  .sm\:visible {
    visibility: visible !important;
  }

  .sm\:invisible {
    visibility: hidden !important;
  }

  .sm\:whitespace-normal {
    white-space: normal !important;
  }

  .sm\:whitespace-no-wrap {
    white-space: nowrap !important;
  }

  .sm\:whitespace-pre {
    white-space: pre !important;
  }

  .sm\:whitespace-pre-line {
    white-space: pre-line !important;
  }

  .sm\:whitespace-pre-wrap {
    white-space: pre-wrap !important;
  }

  .sm\:break-normal {
    word-wrap: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .sm\:break-words {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  .sm\:break-all {
    word-break: break-all !important;
  }

  .sm\:truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .sm\:w-1 {
    width: 0.25rem !important;
  }

  .sm\:w-2 {
    width: 0.5rem !important;
  }

  .sm\:w-3 {
    width: 0.75rem !important;
  }

  .sm\:w-4 {
    width: 1rem !important;
  }

  .sm\:w-5 {
    width: 1.25rem !important;
  }

  .sm\:w-6 {
    width: 1.5rem !important;
  }

  .sm\:w-7 {
    width: 1.75rem !important;
  }

  .sm\:w-8 {
    width: 2rem !important;
  }

  .sm\:w-10 {
    width: 2.5rem !important;
  }

  .sm\:w-12 {
    width: 3rem !important;
  }

  .sm\:w-16 {
    width: 4rem !important;
  }

  .sm\:w-24 {
    width: 6rem !important;
  }

  .sm\:w-32 {
    width: 8rem !important;
  }

  .sm\:w-40 {
    width: 10rem !important;
  }

  .sm\:w-48 {
    width: 12rem !important;
  }

  .sm\:w-52 {
    width: 13rem !important;
  }

  .sm\:w-56 {
    width: 14rem !important;
  }

  .sm\:w-60 {
    width: 15rem !important;
  }

  .sm\:w-64 {
    width: 16rem !important;
  }

  .sm\:w-80 {
    width: 20rem !important;
  }

  .sm\:w-96 {
    width: 24rem !important;
  }

  .sm\:w-128 {
    width: 32rem !important;
  }

  .sm\:w-160 {
    width: 40rem !important;
  }

  .sm\:w-240 {
    width: 60rem !important;
  }

  .sm\:w-auto {
    width: auto !important;
  }

  .sm\:w-px {
    width: 1px !important;
  }

  .sm\:w-1\/2 {
    width: 50% !important;
  }

  .sm\:w-1\/3 {
    width: 33.33333% !important;
  }

  .sm\:w-2\/3 {
    width: 66.66667% !important;
  }

  .sm\:w-1\/4 {
    width: 25% !important;
  }

  .sm\:w-3\/4 {
    width: 75% !important;
  }

  .sm\:w-1\/5 {
    width: 20% !important;
  }

  .sm\:w-2\/5 {
    width: 40% !important;
  }

  .sm\:w-3\/5 {
    width: 60% !important;
  }

  .sm\:w-4\/5 {
    width: 80% !important;
  }

  .sm\:w-1\/6 {
    width: 16.66667% !important;
  }

  .sm\:w-5\/6 {
    width: 83.33333% !important;
  }

  .sm\:w-full {
    width: 100% !important;
  }

  .sm\:w-screen {
    width: 100vw !important;
  }

  .sm\:z-0 {
    z-index: 0 !important;
  }

  .sm\:z-5 {
    z-index: 5 !important;
  }

  .sm\:z-10 {
    z-index: 10 !important;
  }

  .sm\:z-20 {
    z-index: 20 !important;
  }

  .sm\:z-30 {
    z-index: 30 !important;
  }

  .sm\:z-40 {
    z-index: 40 !important;
  }

  .sm\:z-50 {
    z-index: 50 !important;
  }

  .sm\:z-200 {
    z-index: 200 !important;
  }

  .sm\:z-top {
    z-index: 1001 !important;
  }

  .sm\:z-max {
    z-index: 9999 !important;
  }

  .sm\:z-auto {
    z-index: auto !important;
  }

  .sm\:gap-0 {
    grid-gap: 0 !important;
    gap: 0 !important;
  }

  .sm\:gap-1 {
    grid-gap: 8px !important;
    gap: 8px !important;
  }

  .sm\:gap-2 {
    grid-gap: 16px !important;
    gap: 16px !important;
  }

  .sm\:gap-3 {
    grid-gap: 24px !important;
    gap: 24px !important;
  }

  .sm\:gap-4 {
    grid-gap: 32px !important;
    gap: 32px !important;
  }

  .sm\:gap-5 {
    grid-gap: 40px !important;
    gap: 40px !important;
  }

  .sm\:gap-6 {
    grid-gap: 64px !important;
    gap: 64px !important;
  }

  .sm\:gap-7 {
    grid-gap: 80px !important;
    gap: 80px !important;
  }

  .sm\:gap-8 {
    grid-gap: 120px !important;
    gap: 120px !important;
  }

  .sm\:gap-px {
    grid-gap: 1px !important;
    gap: 1px !important;
  }

  .sm\:gap-sm {
    grid-gap: 4px !important;
    gap: 4px !important;
  }

  .sm\:gap-1\.5 {
    grid-gap: 12px !important;
    gap: 12px !important;
  }

  .sm\:col-gap-0 {
    grid-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .sm\:col-gap-1 {
    grid-column-gap: 8px !important;
    -moz-column-gap: 8px !important;
         column-gap: 8px !important;
  }

  .sm\:col-gap-2 {
    grid-column-gap: 16px !important;
    -moz-column-gap: 16px !important;
         column-gap: 16px !important;
  }

  .sm\:col-gap-3 {
    grid-column-gap: 24px !important;
    -moz-column-gap: 24px !important;
         column-gap: 24px !important;
  }

  .sm\:col-gap-4 {
    grid-column-gap: 32px !important;
    -moz-column-gap: 32px !important;
         column-gap: 32px !important;
  }

  .sm\:col-gap-5 {
    grid-column-gap: 40px !important;
    -moz-column-gap: 40px !important;
         column-gap: 40px !important;
  }

  .sm\:col-gap-6 {
    grid-column-gap: 64px !important;
    -moz-column-gap: 64px !important;
         column-gap: 64px !important;
  }

  .sm\:col-gap-7 {
    grid-column-gap: 80px !important;
    -moz-column-gap: 80px !important;
         column-gap: 80px !important;
  }

  .sm\:col-gap-8 {
    grid-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
         column-gap: 120px !important;
  }

  .sm\:col-gap-px {
    grid-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
         column-gap: 1px !important;
  }

  .sm\:col-gap-sm {
    grid-column-gap: 4px !important;
    -moz-column-gap: 4px !important;
         column-gap: 4px !important;
  }

  .sm\:col-gap-1\.5 {
    grid-column-gap: 12px !important;
    -moz-column-gap: 12px !important;
         column-gap: 12px !important;
  }

  .sm\:gap-x-0 {
    grid-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .sm\:gap-x-1 {
    grid-column-gap: 8px !important;
    -moz-column-gap: 8px !important;
         column-gap: 8px !important;
  }

  .sm\:gap-x-2 {
    grid-column-gap: 16px !important;
    -moz-column-gap: 16px !important;
         column-gap: 16px !important;
  }

  .sm\:gap-x-3 {
    grid-column-gap: 24px !important;
    -moz-column-gap: 24px !important;
         column-gap: 24px !important;
  }

  .sm\:gap-x-4 {
    grid-column-gap: 32px !important;
    -moz-column-gap: 32px !important;
         column-gap: 32px !important;
  }

  .sm\:gap-x-5 {
    grid-column-gap: 40px !important;
    -moz-column-gap: 40px !important;
         column-gap: 40px !important;
  }

  .sm\:gap-x-6 {
    grid-column-gap: 64px !important;
    -moz-column-gap: 64px !important;
         column-gap: 64px !important;
  }

  .sm\:gap-x-7 {
    grid-column-gap: 80px !important;
    -moz-column-gap: 80px !important;
         column-gap: 80px !important;
  }

  .sm\:gap-x-8 {
    grid-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
         column-gap: 120px !important;
  }

  .sm\:gap-x-px {
    grid-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
         column-gap: 1px !important;
  }

  .sm\:gap-x-sm {
    grid-column-gap: 4px !important;
    -moz-column-gap: 4px !important;
         column-gap: 4px !important;
  }

  .sm\:gap-x-1\.5 {
    grid-column-gap: 12px !important;
    -moz-column-gap: 12px !important;
         column-gap: 12px !important;
  }

  .sm\:row-gap-0 {
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .sm\:row-gap-1 {
    grid-row-gap: 8px !important;
    row-gap: 8px !important;
  }

  .sm\:row-gap-2 {
    grid-row-gap: 16px !important;
    row-gap: 16px !important;
  }

  .sm\:row-gap-3 {
    grid-row-gap: 24px !important;
    row-gap: 24px !important;
  }

  .sm\:row-gap-4 {
    grid-row-gap: 32px !important;
    row-gap: 32px !important;
  }

  .sm\:row-gap-5 {
    grid-row-gap: 40px !important;
    row-gap: 40px !important;
  }

  .sm\:row-gap-6 {
    grid-row-gap: 64px !important;
    row-gap: 64px !important;
  }

  .sm\:row-gap-7 {
    grid-row-gap: 80px !important;
    row-gap: 80px !important;
  }

  .sm\:row-gap-8 {
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .sm\:row-gap-px {
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .sm\:row-gap-sm {
    grid-row-gap: 4px !important;
    row-gap: 4px !important;
  }

  .sm\:row-gap-1\.5 {
    grid-row-gap: 12px !important;
    row-gap: 12px !important;
  }

  .sm\:gap-y-0 {
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .sm\:gap-y-1 {
    grid-row-gap: 8px !important;
    row-gap: 8px !important;
  }

  .sm\:gap-y-2 {
    grid-row-gap: 16px !important;
    row-gap: 16px !important;
  }

  .sm\:gap-y-3 {
    grid-row-gap: 24px !important;
    row-gap: 24px !important;
  }

  .sm\:gap-y-4 {
    grid-row-gap: 32px !important;
    row-gap: 32px !important;
  }

  .sm\:gap-y-5 {
    grid-row-gap: 40px !important;
    row-gap: 40px !important;
  }

  .sm\:gap-y-6 {
    grid-row-gap: 64px !important;
    row-gap: 64px !important;
  }

  .sm\:gap-y-7 {
    grid-row-gap: 80px !important;
    row-gap: 80px !important;
  }

  .sm\:gap-y-8 {
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .sm\:gap-y-px {
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .sm\:gap-y-sm {
    grid-row-gap: 4px !important;
    row-gap: 4px !important;
  }

  .sm\:gap-y-1\.5 {
    grid-row-gap: 12px !important;
    row-gap: 12px !important;
  }

  .sm\:grid-flow-row {
    grid-auto-flow: row !important;
  }

  .sm\:grid-flow-col {
    grid-auto-flow: column !important;
  }

  .sm\:grid-flow-row-dense {
    grid-auto-flow: row dense !important;
  }

  .sm\:grid-flow-col-dense {
    grid-auto-flow: column dense !important;
  }

  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-none {
    grid-template-columns: none !important;
  }

  .sm\:auto-cols-auto {
    grid-auto-columns: auto !important;
  }

  .sm\:auto-cols-min {
    grid-auto-columns: -webkit-min-content !important;
    grid-auto-columns: min-content !important;
  }

  .sm\:auto-cols-max {
    grid-auto-columns: -webkit-max-content !important;
    grid-auto-columns: max-content !important;
  }

  .sm\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr) !important;
  }

  .sm\:col-auto {
    grid-column: auto !important;
  }

  .sm\:col-span-1 {
    grid-column: span 1 / span 1 !important;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }

  .sm\:col-span-3 {
    grid-column: span 3 / span 3 !important;
  }

  .sm\:col-span-4 {
    grid-column: span 4 / span 4 !important;
  }

  .sm\:col-span-5 {
    grid-column: span 5 / span 5 !important;
  }

  .sm\:col-span-6 {
    grid-column: span 6 / span 6 !important;
  }

  .sm\:col-span-7 {
    grid-column: span 7 / span 7 !important;
  }

  .sm\:col-span-8 {
    grid-column: span 8 / span 8 !important;
  }

  .sm\:col-span-9 {
    grid-column: span 9 / span 9 !important;
  }

  .sm\:col-span-10 {
    grid-column: span 10 / span 10 !important;
  }

  .sm\:col-span-11 {
    grid-column: span 11 / span 11 !important;
  }

  .sm\:col-span-12 {
    grid-column: span 12 / span 12 !important;
  }

  .sm\:col-span-full {
    grid-column: 1 / -1 !important;
  }

  .sm\:col-start-1 {
    grid-column-start: 1 !important;
  }

  .sm\:col-start-2 {
    grid-column-start: 2 !important;
  }

  .sm\:col-start-3 {
    grid-column-start: 3 !important;
  }

  .sm\:col-start-4 {
    grid-column-start: 4 !important;
  }

  .sm\:col-start-5 {
    grid-column-start: 5 !important;
  }

  .sm\:col-start-6 {
    grid-column-start: 6 !important;
  }

  .sm\:col-start-7 {
    grid-column-start: 7 !important;
  }

  .sm\:col-start-8 {
    grid-column-start: 8 !important;
  }

  .sm\:col-start-9 {
    grid-column-start: 9 !important;
  }

  .sm\:col-start-10 {
    grid-column-start: 10 !important;
  }

  .sm\:col-start-11 {
    grid-column-start: 11 !important;
  }

  .sm\:col-start-12 {
    grid-column-start: 12 !important;
  }

  .sm\:col-start-13 {
    grid-column-start: 13 !important;
  }

  .sm\:col-start-auto {
    grid-column-start: auto !important;
  }

  .sm\:col-end-1 {
    grid-column-end: 1 !important;
  }

  .sm\:col-end-2 {
    grid-column-end: 2 !important;
  }

  .sm\:col-end-3 {
    grid-column-end: 3 !important;
  }

  .sm\:col-end-4 {
    grid-column-end: 4 !important;
  }

  .sm\:col-end-5 {
    grid-column-end: 5 !important;
  }

  .sm\:col-end-6 {
    grid-column-end: 6 !important;
  }

  .sm\:col-end-7 {
    grid-column-end: 7 !important;
  }

  .sm\:col-end-8 {
    grid-column-end: 8 !important;
  }

  .sm\:col-end-9 {
    grid-column-end: 9 !important;
  }

  .sm\:col-end-10 {
    grid-column-end: 10 !important;
  }

  .sm\:col-end-11 {
    grid-column-end: 11 !important;
  }

  .sm\:col-end-12 {
    grid-column-end: 12 !important;
  }

  .sm\:col-end-13 {
    grid-column-end: 13 !important;
  }

  .sm\:col-end-auto {
    grid-column-end: auto !important;
  }

  .sm\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
  }

  .sm\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }

  .sm\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  }

  .sm\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }

  .sm\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  }

  .sm\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
  }

  .sm\:grid-rows-none {
    grid-template-rows: none !important;
  }

  .sm\:auto-rows-auto {
    grid-auto-rows: auto !important;
  }

  .sm\:auto-rows-min {
    grid-auto-rows: -webkit-min-content !important;
    grid-auto-rows: min-content !important;
  }

  .sm\:auto-rows-max {
    grid-auto-rows: -webkit-max-content !important;
    grid-auto-rows: max-content !important;
  }

  .sm\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr) !important;
  }

  .sm\:row-auto {
    grid-row: auto !important;
  }

  .sm\:row-span-1 {
    grid-row: span 1 / span 1 !important;
  }

  .sm\:row-span-2 {
    grid-row: span 2 / span 2 !important;
  }

  .sm\:row-span-3 {
    grid-row: span 3 / span 3 !important;
  }

  .sm\:row-span-4 {
    grid-row: span 4 / span 4 !important;
  }

  .sm\:row-span-5 {
    grid-row: span 5 / span 5 !important;
  }

  .sm\:row-span-6 {
    grid-row: span 6 / span 6 !important;
  }

  .sm\:row-span-full {
    grid-row: 1 / -1 !important;
  }

  .sm\:row-start-1 {
    grid-row-start: 1 !important;
  }

  .sm\:row-start-2 {
    grid-row-start: 2 !important;
  }

  .sm\:row-start-3 {
    grid-row-start: 3 !important;
  }

  .sm\:row-start-4 {
    grid-row-start: 4 !important;
  }

  .sm\:row-start-5 {
    grid-row-start: 5 !important;
  }

  .sm\:row-start-6 {
    grid-row-start: 6 !important;
  }

  .sm\:row-start-7 {
    grid-row-start: 7 !important;
  }

  .sm\:row-start-auto {
    grid-row-start: auto !important;
  }

  .sm\:row-end-1 {
    grid-row-end: 1 !important;
  }

  .sm\:row-end-2 {
    grid-row-end: 2 !important;
  }

  .sm\:row-end-3 {
    grid-row-end: 3 !important;
  }

  .sm\:row-end-4 {
    grid-row-end: 4 !important;
  }

  .sm\:row-end-5 {
    grid-row-end: 5 !important;
  }

  .sm\:row-end-6 {
    grid-row-end: 6 !important;
  }

  .sm\:row-end-7 {
    grid-row-end: 7 !important;
  }

  .sm\:row-end-auto {
    grid-row-end: auto !important;
  }

  .sm\:transform {
    --transform-translate-x: 0 !important;
    --transform-translate-y: 0 !important;
    --transform-rotate: 0 !important;
    --transform-skew-x: 0 !important;
    --transform-skew-y: 0 !important;
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
  }

  .sm\:transform-none {
    transform: none !important;
  }

  .sm\:origin-center {
    transform-origin: center !important;
  }

  .sm\:origin-top {
    transform-origin: top !important;
  }

  .sm\:origin-top-right {
    transform-origin: top right !important;
  }

  .sm\:origin-right {
    transform-origin: right !important;
  }

  .sm\:origin-bottom-right {
    transform-origin: bottom right !important;
  }

  .sm\:origin-bottom {
    transform-origin: bottom !important;
  }

  .sm\:origin-bottom-left {
    transform-origin: bottom left !important;
  }

  .sm\:origin-left {
    transform-origin: left !important;
  }

  .sm\:origin-top-left {
    transform-origin: top left !important;
  }

  .sm\:scale-0 {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .sm\:scale-50 {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .sm\:scale-75 {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .sm\:scale-90 {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .sm\:scale-95 {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .sm\:scale-100 {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .sm\:scale-105 {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .sm\:scale-110 {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .sm\:scale-125 {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .sm\:scale-150 {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .sm\:scale-x-0 {
    --transform-scale-x: 0 !important;
  }

  .sm\:scale-x-50 {
    --transform-scale-x: .5 !important;
  }

  .sm\:scale-x-75 {
    --transform-scale-x: .75 !important;
  }

  .sm\:scale-x-90 {
    --transform-scale-x: .9 !important;
  }

  .sm\:scale-x-95 {
    --transform-scale-x: .95 !important;
  }

  .sm\:scale-x-100 {
    --transform-scale-x: 1 !important;
  }

  .sm\:scale-x-105 {
    --transform-scale-x: 1.05 !important;
  }

  .sm\:scale-x-110 {
    --transform-scale-x: 1.1 !important;
  }

  .sm\:scale-x-125 {
    --transform-scale-x: 1.25 !important;
  }

  .sm\:scale-x-150 {
    --transform-scale-x: 1.5 !important;
  }

  .sm\:scale-y-0 {
    --transform-scale-y: 0 !important;
  }

  .sm\:scale-y-50 {
    --transform-scale-y: .5 !important;
  }

  .sm\:scale-y-75 {
    --transform-scale-y: .75 !important;
  }

  .sm\:scale-y-90 {
    --transform-scale-y: .9 !important;
  }

  .sm\:scale-y-95 {
    --transform-scale-y: .95 !important;
  }

  .sm\:scale-y-100 {
    --transform-scale-y: 1 !important;
  }

  .sm\:scale-y-105 {
    --transform-scale-y: 1.05 !important;
  }

  .sm\:scale-y-110 {
    --transform-scale-y: 1.1 !important;
  }

  .sm\:scale-y-125 {
    --transform-scale-y: 1.25 !important;
  }

  .sm\:scale-y-150 {
    --transform-scale-y: 1.5 !important;
  }

  .sm\:hover\:scale-0:hover {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .sm\:hover\:scale-50:hover {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .sm\:hover\:scale-75:hover {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .sm\:hover\:scale-90:hover {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .sm\:hover\:scale-95:hover {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .sm\:hover\:scale-100:hover {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .sm\:hover\:scale-105:hover {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .sm\:hover\:scale-110:hover {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .sm\:hover\:scale-125:hover {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .sm\:hover\:scale-150:hover {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .sm\:hover\:scale-x-0:hover {
    --transform-scale-x: 0 !important;
  }

  .sm\:hover\:scale-x-50:hover {
    --transform-scale-x: .5 !important;
  }

  .sm\:hover\:scale-x-75:hover {
    --transform-scale-x: .75 !important;
  }

  .sm\:hover\:scale-x-90:hover {
    --transform-scale-x: .9 !important;
  }

  .sm\:hover\:scale-x-95:hover {
    --transform-scale-x: .95 !important;
  }

  .sm\:hover\:scale-x-100:hover {
    --transform-scale-x: 1 !important;
  }

  .sm\:hover\:scale-x-105:hover {
    --transform-scale-x: 1.05 !important;
  }

  .sm\:hover\:scale-x-110:hover {
    --transform-scale-x: 1.1 !important;
  }

  .sm\:hover\:scale-x-125:hover {
    --transform-scale-x: 1.25 !important;
  }

  .sm\:hover\:scale-x-150:hover {
    --transform-scale-x: 1.5 !important;
  }

  .sm\:hover\:scale-y-0:hover {
    --transform-scale-y: 0 !important;
  }

  .sm\:hover\:scale-y-50:hover {
    --transform-scale-y: .5 !important;
  }

  .sm\:hover\:scale-y-75:hover {
    --transform-scale-y: .75 !important;
  }

  .sm\:hover\:scale-y-90:hover {
    --transform-scale-y: .9 !important;
  }

  .sm\:hover\:scale-y-95:hover {
    --transform-scale-y: .95 !important;
  }

  .sm\:hover\:scale-y-100:hover {
    --transform-scale-y: 1 !important;
  }

  .sm\:hover\:scale-y-105:hover {
    --transform-scale-y: 1.05 !important;
  }

  .sm\:hover\:scale-y-110:hover {
    --transform-scale-y: 1.1 !important;
  }

  .sm\:hover\:scale-y-125:hover {
    --transform-scale-y: 1.25 !important;
  }

  .sm\:hover\:scale-y-150:hover {
    --transform-scale-y: 1.5 !important;
  }

  .sm\:focus\:scale-0:focus {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .sm\:focus\:scale-50:focus {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .sm\:focus\:scale-75:focus {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .sm\:focus\:scale-90:focus {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .sm\:focus\:scale-95:focus {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .sm\:focus\:scale-100:focus {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .sm\:focus\:scale-105:focus {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .sm\:focus\:scale-110:focus {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .sm\:focus\:scale-125:focus {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .sm\:focus\:scale-150:focus {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .sm\:focus\:scale-x-0:focus {
    --transform-scale-x: 0 !important;
  }

  .sm\:focus\:scale-x-50:focus {
    --transform-scale-x: .5 !important;
  }

  .sm\:focus\:scale-x-75:focus {
    --transform-scale-x: .75 !important;
  }

  .sm\:focus\:scale-x-90:focus {
    --transform-scale-x: .9 !important;
  }

  .sm\:focus\:scale-x-95:focus {
    --transform-scale-x: .95 !important;
  }

  .sm\:focus\:scale-x-100:focus {
    --transform-scale-x: 1 !important;
  }

  .sm\:focus\:scale-x-105:focus {
    --transform-scale-x: 1.05 !important;
  }

  .sm\:focus\:scale-x-110:focus {
    --transform-scale-x: 1.1 !important;
  }

  .sm\:focus\:scale-x-125:focus {
    --transform-scale-x: 1.25 !important;
  }

  .sm\:focus\:scale-x-150:focus {
    --transform-scale-x: 1.5 !important;
  }

  .sm\:focus\:scale-y-0:focus {
    --transform-scale-y: 0 !important;
  }

  .sm\:focus\:scale-y-50:focus {
    --transform-scale-y: .5 !important;
  }

  .sm\:focus\:scale-y-75:focus {
    --transform-scale-y: .75 !important;
  }

  .sm\:focus\:scale-y-90:focus {
    --transform-scale-y: .9 !important;
  }

  .sm\:focus\:scale-y-95:focus {
    --transform-scale-y: .95 !important;
  }

  .sm\:focus\:scale-y-100:focus {
    --transform-scale-y: 1 !important;
  }

  .sm\:focus\:scale-y-105:focus {
    --transform-scale-y: 1.05 !important;
  }

  .sm\:focus\:scale-y-110:focus {
    --transform-scale-y: 1.1 !important;
  }

  .sm\:focus\:scale-y-125:focus {
    --transform-scale-y: 1.25 !important;
  }

  .sm\:focus\:scale-y-150:focus {
    --transform-scale-y: 1.5 !important;
  }

  .sm\:rotate-0 {
    --transform-rotate: 0 !important;
  }

  .sm\:rotate-1 {
    --transform-rotate: 1deg !important;
  }

  .sm\:rotate-2 {
    --transform-rotate: 2deg !important;
  }

  .sm\:rotate-3 {
    --transform-rotate: 3deg !important;
  }

  .sm\:rotate-6 {
    --transform-rotate: 6deg !important;
  }

  .sm\:rotate-12 {
    --transform-rotate: 12deg !important;
  }

  .sm\:rotate-45 {
    --transform-rotate: 45deg !important;
  }

  .sm\:rotate-90 {
    --transform-rotate: 90deg !important;
  }

  .sm\:rotate-180 {
    --transform-rotate: 180deg !important;
  }

  .sm\:-rotate-180 {
    --transform-rotate: -180deg !important;
  }

  .sm\:-rotate-90 {
    --transform-rotate: -90deg !important;
  }

  .sm\:-rotate-45 {
    --transform-rotate: -45deg !important;
  }

  .sm\:-rotate-12 {
    --transform-rotate: -12deg !important;
  }

  .sm\:-rotate-6 {
    --transform-rotate: -6deg !important;
  }

  .sm\:-rotate-3 {
    --transform-rotate: -3deg !important;
  }

  .sm\:-rotate-2 {
    --transform-rotate: -2deg !important;
  }

  .sm\:-rotate-1 {
    --transform-rotate: -1deg !important;
  }

  .sm\:hover\:rotate-0:hover {
    --transform-rotate: 0 !important;
  }

  .sm\:hover\:rotate-1:hover {
    --transform-rotate: 1deg !important;
  }

  .sm\:hover\:rotate-2:hover {
    --transform-rotate: 2deg !important;
  }

  .sm\:hover\:rotate-3:hover {
    --transform-rotate: 3deg !important;
  }

  .sm\:hover\:rotate-6:hover {
    --transform-rotate: 6deg !important;
  }

  .sm\:hover\:rotate-12:hover {
    --transform-rotate: 12deg !important;
  }

  .sm\:hover\:rotate-45:hover {
    --transform-rotate: 45deg !important;
  }

  .sm\:hover\:rotate-90:hover {
    --transform-rotate: 90deg !important;
  }

  .sm\:hover\:rotate-180:hover {
    --transform-rotate: 180deg !important;
  }

  .sm\:hover\:-rotate-180:hover {
    --transform-rotate: -180deg !important;
  }

  .sm\:hover\:-rotate-90:hover {
    --transform-rotate: -90deg !important;
  }

  .sm\:hover\:-rotate-45:hover {
    --transform-rotate: -45deg !important;
  }

  .sm\:hover\:-rotate-12:hover {
    --transform-rotate: -12deg !important;
  }

  .sm\:hover\:-rotate-6:hover {
    --transform-rotate: -6deg !important;
  }

  .sm\:hover\:-rotate-3:hover {
    --transform-rotate: -3deg !important;
  }

  .sm\:hover\:-rotate-2:hover {
    --transform-rotate: -2deg !important;
  }

  .sm\:hover\:-rotate-1:hover {
    --transform-rotate: -1deg !important;
  }

  .sm\:focus\:rotate-0:focus {
    --transform-rotate: 0 !important;
  }

  .sm\:focus\:rotate-1:focus {
    --transform-rotate: 1deg !important;
  }

  .sm\:focus\:rotate-2:focus {
    --transform-rotate: 2deg !important;
  }

  .sm\:focus\:rotate-3:focus {
    --transform-rotate: 3deg !important;
  }

  .sm\:focus\:rotate-6:focus {
    --transform-rotate: 6deg !important;
  }

  .sm\:focus\:rotate-12:focus {
    --transform-rotate: 12deg !important;
  }

  .sm\:focus\:rotate-45:focus {
    --transform-rotate: 45deg !important;
  }

  .sm\:focus\:rotate-90:focus {
    --transform-rotate: 90deg !important;
  }

  .sm\:focus\:rotate-180:focus {
    --transform-rotate: 180deg !important;
  }

  .sm\:focus\:-rotate-180:focus {
    --transform-rotate: -180deg !important;
  }

  .sm\:focus\:-rotate-90:focus {
    --transform-rotate: -90deg !important;
  }

  .sm\:focus\:-rotate-45:focus {
    --transform-rotate: -45deg !important;
  }

  .sm\:focus\:-rotate-12:focus {
    --transform-rotate: -12deg !important;
  }

  .sm\:focus\:-rotate-6:focus {
    --transform-rotate: -6deg !important;
  }

  .sm\:focus\:-rotate-3:focus {
    --transform-rotate: -3deg !important;
  }

  .sm\:focus\:-rotate-2:focus {
    --transform-rotate: -2deg !important;
  }

  .sm\:focus\:-rotate-1:focus {
    --transform-rotate: -1deg !important;
  }

  .sm\:translate-x-0 {
    --transform-translate-x: 0 !important;
  }

  .sm\:translate-x-1 {
    --transform-translate-x: 8px !important;
  }

  .sm\:translate-x-2 {
    --transform-translate-x: 16px !important;
  }

  .sm\:translate-x-3 {
    --transform-translate-x: 24px !important;
  }

  .sm\:translate-x-4 {
    --transform-translate-x: 32px !important;
  }

  .sm\:translate-x-5 {
    --transform-translate-x: 40px !important;
  }

  .sm\:translate-x-6 {
    --transform-translate-x: 64px !important;
  }

  .sm\:translate-x-7 {
    --transform-translate-x: 80px !important;
  }

  .sm\:translate-x-8 {
    --transform-translate-x: 120px !important;
  }

  .sm\:translate-x-px {
    --transform-translate-x: 1px !important;
  }

  .sm\:translate-x-sm {
    --transform-translate-x: 4px !important;
  }

  .sm\:translate-x-1\.5 {
    --transform-translate-x: 12px !important;
  }

  .sm\:-translate-x-1 {
    --transform-translate-x: -8px !important;
  }

  .sm\:-translate-x-2 {
    --transform-translate-x: -16px !important;
  }

  .sm\:-translate-x-3 {
    --transform-translate-x: -24px !important;
  }

  .sm\:-translate-x-4 {
    --transform-translate-x: -32px !important;
  }

  .sm\:-translate-x-5 {
    --transform-translate-x: -40px !important;
  }

  .sm\:-translate-x-6 {
    --transform-translate-x: -64px !important;
  }

  .sm\:-translate-x-7 {
    --transform-translate-x: -80px !important;
  }

  .sm\:-translate-x-8 {
    --transform-translate-x: -120px !important;
  }

  .sm\:-translate-x-px {
    --transform-translate-x: -1px !important;
  }

  .sm\:-translate-x-sm {
    --transform-translate-x: -4px !important;
  }

  .sm\:-translate-x-1\.5 {
    --transform-translate-x: -12px !important;
  }

  .sm\:-translate-x-full {
    --transform-translate-x: -100% !important;
  }

  .sm\:-translate-x-1\/2 {
    --transform-translate-x: -50% !important;
  }

  .sm\:translate-x-1\/2 {
    --transform-translate-x: 50% !important;
  }

  .sm\:translate-x-full {
    --transform-translate-x: 100% !important;
  }

  .sm\:translate-y-0 {
    --transform-translate-y: 0 !important;
  }

  .sm\:translate-y-1 {
    --transform-translate-y: 8px !important;
  }

  .sm\:translate-y-2 {
    --transform-translate-y: 16px !important;
  }

  .sm\:translate-y-3 {
    --transform-translate-y: 24px !important;
  }

  .sm\:translate-y-4 {
    --transform-translate-y: 32px !important;
  }

  .sm\:translate-y-5 {
    --transform-translate-y: 40px !important;
  }

  .sm\:translate-y-6 {
    --transform-translate-y: 64px !important;
  }

  .sm\:translate-y-7 {
    --transform-translate-y: 80px !important;
  }

  .sm\:translate-y-8 {
    --transform-translate-y: 120px !important;
  }

  .sm\:translate-y-px {
    --transform-translate-y: 1px !important;
  }

  .sm\:translate-y-sm {
    --transform-translate-y: 4px !important;
  }

  .sm\:translate-y-1\.5 {
    --transform-translate-y: 12px !important;
  }

  .sm\:-translate-y-1 {
    --transform-translate-y: -8px !important;
  }

  .sm\:-translate-y-2 {
    --transform-translate-y: -16px !important;
  }

  .sm\:-translate-y-3 {
    --transform-translate-y: -24px !important;
  }

  .sm\:-translate-y-4 {
    --transform-translate-y: -32px !important;
  }

  .sm\:-translate-y-5 {
    --transform-translate-y: -40px !important;
  }

  .sm\:-translate-y-6 {
    --transform-translate-y: -64px !important;
  }

  .sm\:-translate-y-7 {
    --transform-translate-y: -80px !important;
  }

  .sm\:-translate-y-8 {
    --transform-translate-y: -120px !important;
  }

  .sm\:-translate-y-px {
    --transform-translate-y: -1px !important;
  }

  .sm\:-translate-y-sm {
    --transform-translate-y: -4px !important;
  }

  .sm\:-translate-y-1\.5 {
    --transform-translate-y: -12px !important;
  }

  .sm\:-translate-y-full {
    --transform-translate-y: -100% !important;
  }

  .sm\:-translate-y-1\/2 {
    --transform-translate-y: -50% !important;
  }

  .sm\:translate-y-1\/2 {
    --transform-translate-y: 50% !important;
  }

  .sm\:translate-y-full {
    --transform-translate-y: 100% !important;
  }

  .sm\:hover\:translate-x-0:hover {
    --transform-translate-x: 0 !important;
  }

  .sm\:hover\:translate-x-1:hover {
    --transform-translate-x: 8px !important;
  }

  .sm\:hover\:translate-x-2:hover {
    --transform-translate-x: 16px !important;
  }

  .sm\:hover\:translate-x-3:hover {
    --transform-translate-x: 24px !important;
  }

  .sm\:hover\:translate-x-4:hover {
    --transform-translate-x: 32px !important;
  }

  .sm\:hover\:translate-x-5:hover {
    --transform-translate-x: 40px !important;
  }

  .sm\:hover\:translate-x-6:hover {
    --transform-translate-x: 64px !important;
  }

  .sm\:hover\:translate-x-7:hover {
    --transform-translate-x: 80px !important;
  }

  .sm\:hover\:translate-x-8:hover {
    --transform-translate-x: 120px !important;
  }

  .sm\:hover\:translate-x-px:hover {
    --transform-translate-x: 1px !important;
  }

  .sm\:hover\:translate-x-sm:hover {
    --transform-translate-x: 4px !important;
  }

  .sm\:hover\:translate-x-1\.5:hover {
    --transform-translate-x: 12px !important;
  }

  .sm\:hover\:-translate-x-1:hover {
    --transform-translate-x: -8px !important;
  }

  .sm\:hover\:-translate-x-2:hover {
    --transform-translate-x: -16px !important;
  }

  .sm\:hover\:-translate-x-3:hover {
    --transform-translate-x: -24px !important;
  }

  .sm\:hover\:-translate-x-4:hover {
    --transform-translate-x: -32px !important;
  }

  .sm\:hover\:-translate-x-5:hover {
    --transform-translate-x: -40px !important;
  }

  .sm\:hover\:-translate-x-6:hover {
    --transform-translate-x: -64px !important;
  }

  .sm\:hover\:-translate-x-7:hover {
    --transform-translate-x: -80px !important;
  }

  .sm\:hover\:-translate-x-8:hover {
    --transform-translate-x: -120px !important;
  }

  .sm\:hover\:-translate-x-px:hover {
    --transform-translate-x: -1px !important;
  }

  .sm\:hover\:-translate-x-sm:hover {
    --transform-translate-x: -4px !important;
  }

  .sm\:hover\:-translate-x-1\.5:hover {
    --transform-translate-x: -12px !important;
  }

  .sm\:hover\:-translate-x-full:hover {
    --transform-translate-x: -100% !important;
  }

  .sm\:hover\:-translate-x-1\/2:hover {
    --transform-translate-x: -50% !important;
  }

  .sm\:hover\:translate-x-1\/2:hover {
    --transform-translate-x: 50% !important;
  }

  .sm\:hover\:translate-x-full:hover {
    --transform-translate-x: 100% !important;
  }

  .sm\:hover\:translate-y-0:hover {
    --transform-translate-y: 0 !important;
  }

  .sm\:hover\:translate-y-1:hover {
    --transform-translate-y: 8px !important;
  }

  .sm\:hover\:translate-y-2:hover {
    --transform-translate-y: 16px !important;
  }

  .sm\:hover\:translate-y-3:hover {
    --transform-translate-y: 24px !important;
  }

  .sm\:hover\:translate-y-4:hover {
    --transform-translate-y: 32px !important;
  }

  .sm\:hover\:translate-y-5:hover {
    --transform-translate-y: 40px !important;
  }

  .sm\:hover\:translate-y-6:hover {
    --transform-translate-y: 64px !important;
  }

  .sm\:hover\:translate-y-7:hover {
    --transform-translate-y: 80px !important;
  }

  .sm\:hover\:translate-y-8:hover {
    --transform-translate-y: 120px !important;
  }

  .sm\:hover\:translate-y-px:hover {
    --transform-translate-y: 1px !important;
  }

  .sm\:hover\:translate-y-sm:hover {
    --transform-translate-y: 4px !important;
  }

  .sm\:hover\:translate-y-1\.5:hover {
    --transform-translate-y: 12px !important;
  }

  .sm\:hover\:-translate-y-1:hover {
    --transform-translate-y: -8px !important;
  }

  .sm\:hover\:-translate-y-2:hover {
    --transform-translate-y: -16px !important;
  }

  .sm\:hover\:-translate-y-3:hover {
    --transform-translate-y: -24px !important;
  }

  .sm\:hover\:-translate-y-4:hover {
    --transform-translate-y: -32px !important;
  }

  .sm\:hover\:-translate-y-5:hover {
    --transform-translate-y: -40px !important;
  }

  .sm\:hover\:-translate-y-6:hover {
    --transform-translate-y: -64px !important;
  }

  .sm\:hover\:-translate-y-7:hover {
    --transform-translate-y: -80px !important;
  }

  .sm\:hover\:-translate-y-8:hover {
    --transform-translate-y: -120px !important;
  }

  .sm\:hover\:-translate-y-px:hover {
    --transform-translate-y: -1px !important;
  }

  .sm\:hover\:-translate-y-sm:hover {
    --transform-translate-y: -4px !important;
  }

  .sm\:hover\:-translate-y-1\.5:hover {
    --transform-translate-y: -12px !important;
  }

  .sm\:hover\:-translate-y-full:hover {
    --transform-translate-y: -100% !important;
  }

  .sm\:hover\:-translate-y-1\/2:hover {
    --transform-translate-y: -50% !important;
  }

  .sm\:hover\:translate-y-1\/2:hover {
    --transform-translate-y: 50% !important;
  }

  .sm\:hover\:translate-y-full:hover {
    --transform-translate-y: 100% !important;
  }

  .sm\:focus\:translate-x-0:focus {
    --transform-translate-x: 0 !important;
  }

  .sm\:focus\:translate-x-1:focus {
    --transform-translate-x: 8px !important;
  }

  .sm\:focus\:translate-x-2:focus {
    --transform-translate-x: 16px !important;
  }

  .sm\:focus\:translate-x-3:focus {
    --transform-translate-x: 24px !important;
  }

  .sm\:focus\:translate-x-4:focus {
    --transform-translate-x: 32px !important;
  }

  .sm\:focus\:translate-x-5:focus {
    --transform-translate-x: 40px !important;
  }

  .sm\:focus\:translate-x-6:focus {
    --transform-translate-x: 64px !important;
  }

  .sm\:focus\:translate-x-7:focus {
    --transform-translate-x: 80px !important;
  }

  .sm\:focus\:translate-x-8:focus {
    --transform-translate-x: 120px !important;
  }

  .sm\:focus\:translate-x-px:focus {
    --transform-translate-x: 1px !important;
  }

  .sm\:focus\:translate-x-sm:focus {
    --transform-translate-x: 4px !important;
  }

  .sm\:focus\:translate-x-1\.5:focus {
    --transform-translate-x: 12px !important;
  }

  .sm\:focus\:-translate-x-1:focus {
    --transform-translate-x: -8px !important;
  }

  .sm\:focus\:-translate-x-2:focus {
    --transform-translate-x: -16px !important;
  }

  .sm\:focus\:-translate-x-3:focus {
    --transform-translate-x: -24px !important;
  }

  .sm\:focus\:-translate-x-4:focus {
    --transform-translate-x: -32px !important;
  }

  .sm\:focus\:-translate-x-5:focus {
    --transform-translate-x: -40px !important;
  }

  .sm\:focus\:-translate-x-6:focus {
    --transform-translate-x: -64px !important;
  }

  .sm\:focus\:-translate-x-7:focus {
    --transform-translate-x: -80px !important;
  }

  .sm\:focus\:-translate-x-8:focus {
    --transform-translate-x: -120px !important;
  }

  .sm\:focus\:-translate-x-px:focus {
    --transform-translate-x: -1px !important;
  }

  .sm\:focus\:-translate-x-sm:focus {
    --transform-translate-x: -4px !important;
  }

  .sm\:focus\:-translate-x-1\.5:focus {
    --transform-translate-x: -12px !important;
  }

  .sm\:focus\:-translate-x-full:focus {
    --transform-translate-x: -100% !important;
  }

  .sm\:focus\:-translate-x-1\/2:focus {
    --transform-translate-x: -50% !important;
  }

  .sm\:focus\:translate-x-1\/2:focus {
    --transform-translate-x: 50% !important;
  }

  .sm\:focus\:translate-x-full:focus {
    --transform-translate-x: 100% !important;
  }

  .sm\:focus\:translate-y-0:focus {
    --transform-translate-y: 0 !important;
  }

  .sm\:focus\:translate-y-1:focus {
    --transform-translate-y: 8px !important;
  }

  .sm\:focus\:translate-y-2:focus {
    --transform-translate-y: 16px !important;
  }

  .sm\:focus\:translate-y-3:focus {
    --transform-translate-y: 24px !important;
  }

  .sm\:focus\:translate-y-4:focus {
    --transform-translate-y: 32px !important;
  }

  .sm\:focus\:translate-y-5:focus {
    --transform-translate-y: 40px !important;
  }

  .sm\:focus\:translate-y-6:focus {
    --transform-translate-y: 64px !important;
  }

  .sm\:focus\:translate-y-7:focus {
    --transform-translate-y: 80px !important;
  }

  .sm\:focus\:translate-y-8:focus {
    --transform-translate-y: 120px !important;
  }

  .sm\:focus\:translate-y-px:focus {
    --transform-translate-y: 1px !important;
  }

  .sm\:focus\:translate-y-sm:focus {
    --transform-translate-y: 4px !important;
  }

  .sm\:focus\:translate-y-1\.5:focus {
    --transform-translate-y: 12px !important;
  }

  .sm\:focus\:-translate-y-1:focus {
    --transform-translate-y: -8px !important;
  }

  .sm\:focus\:-translate-y-2:focus {
    --transform-translate-y: -16px !important;
  }

  .sm\:focus\:-translate-y-3:focus {
    --transform-translate-y: -24px !important;
  }

  .sm\:focus\:-translate-y-4:focus {
    --transform-translate-y: -32px !important;
  }

  .sm\:focus\:-translate-y-5:focus {
    --transform-translate-y: -40px !important;
  }

  .sm\:focus\:-translate-y-6:focus {
    --transform-translate-y: -64px !important;
  }

  .sm\:focus\:-translate-y-7:focus {
    --transform-translate-y: -80px !important;
  }

  .sm\:focus\:-translate-y-8:focus {
    --transform-translate-y: -120px !important;
  }

  .sm\:focus\:-translate-y-px:focus {
    --transform-translate-y: -1px !important;
  }

  .sm\:focus\:-translate-y-sm:focus {
    --transform-translate-y: -4px !important;
  }

  .sm\:focus\:-translate-y-1\.5:focus {
    --transform-translate-y: -12px !important;
  }

  .sm\:focus\:-translate-y-full:focus {
    --transform-translate-y: -100% !important;
  }

  .sm\:focus\:-translate-y-1\/2:focus {
    --transform-translate-y: -50% !important;
  }

  .sm\:focus\:translate-y-1\/2:focus {
    --transform-translate-y: 50% !important;
  }

  .sm\:focus\:translate-y-full:focus {
    --transform-translate-y: 100% !important;
  }

  .sm\:skew-x-0 {
    --transform-skew-x: 0 !important;
  }

  .sm\:skew-x-1 {
    --transform-skew-x: 1deg !important;
  }

  .sm\:skew-x-2 {
    --transform-skew-x: 2deg !important;
  }

  .sm\:skew-x-3 {
    --transform-skew-x: 3deg !important;
  }

  .sm\:skew-x-6 {
    --transform-skew-x: 6deg !important;
  }

  .sm\:skew-x-12 {
    --transform-skew-x: 12deg !important;
  }

  .sm\:-skew-x-12 {
    --transform-skew-x: -12deg !important;
  }

  .sm\:-skew-x-6 {
    --transform-skew-x: -6deg !important;
  }

  .sm\:-skew-x-3 {
    --transform-skew-x: -3deg !important;
  }

  .sm\:-skew-x-2 {
    --transform-skew-x: -2deg !important;
  }

  .sm\:-skew-x-1 {
    --transform-skew-x: -1deg !important;
  }

  .sm\:skew-y-0 {
    --transform-skew-y: 0 !important;
  }

  .sm\:skew-y-1 {
    --transform-skew-y: 1deg !important;
  }

  .sm\:skew-y-2 {
    --transform-skew-y: 2deg !important;
  }

  .sm\:skew-y-3 {
    --transform-skew-y: 3deg !important;
  }

  .sm\:skew-y-6 {
    --transform-skew-y: 6deg !important;
  }

  .sm\:skew-y-12 {
    --transform-skew-y: 12deg !important;
  }

  .sm\:-skew-y-12 {
    --transform-skew-y: -12deg !important;
  }

  .sm\:-skew-y-6 {
    --transform-skew-y: -6deg !important;
  }

  .sm\:-skew-y-3 {
    --transform-skew-y: -3deg !important;
  }

  .sm\:-skew-y-2 {
    --transform-skew-y: -2deg !important;
  }

  .sm\:-skew-y-1 {
    --transform-skew-y: -1deg !important;
  }

  .sm\:hover\:skew-x-0:hover {
    --transform-skew-x: 0 !important;
  }

  .sm\:hover\:skew-x-1:hover {
    --transform-skew-x: 1deg !important;
  }

  .sm\:hover\:skew-x-2:hover {
    --transform-skew-x: 2deg !important;
  }

  .sm\:hover\:skew-x-3:hover {
    --transform-skew-x: 3deg !important;
  }

  .sm\:hover\:skew-x-6:hover {
    --transform-skew-x: 6deg !important;
  }

  .sm\:hover\:skew-x-12:hover {
    --transform-skew-x: 12deg !important;
  }

  .sm\:hover\:-skew-x-12:hover {
    --transform-skew-x: -12deg !important;
  }

  .sm\:hover\:-skew-x-6:hover {
    --transform-skew-x: -6deg !important;
  }

  .sm\:hover\:-skew-x-3:hover {
    --transform-skew-x: -3deg !important;
  }

  .sm\:hover\:-skew-x-2:hover {
    --transform-skew-x: -2deg !important;
  }

  .sm\:hover\:-skew-x-1:hover {
    --transform-skew-x: -1deg !important;
  }

  .sm\:hover\:skew-y-0:hover {
    --transform-skew-y: 0 !important;
  }

  .sm\:hover\:skew-y-1:hover {
    --transform-skew-y: 1deg !important;
  }

  .sm\:hover\:skew-y-2:hover {
    --transform-skew-y: 2deg !important;
  }

  .sm\:hover\:skew-y-3:hover {
    --transform-skew-y: 3deg !important;
  }

  .sm\:hover\:skew-y-6:hover {
    --transform-skew-y: 6deg !important;
  }

  .sm\:hover\:skew-y-12:hover {
    --transform-skew-y: 12deg !important;
  }

  .sm\:hover\:-skew-y-12:hover {
    --transform-skew-y: -12deg !important;
  }

  .sm\:hover\:-skew-y-6:hover {
    --transform-skew-y: -6deg !important;
  }

  .sm\:hover\:-skew-y-3:hover {
    --transform-skew-y: -3deg !important;
  }

  .sm\:hover\:-skew-y-2:hover {
    --transform-skew-y: -2deg !important;
  }

  .sm\:hover\:-skew-y-1:hover {
    --transform-skew-y: -1deg !important;
  }

  .sm\:focus\:skew-x-0:focus {
    --transform-skew-x: 0 !important;
  }

  .sm\:focus\:skew-x-1:focus {
    --transform-skew-x: 1deg !important;
  }

  .sm\:focus\:skew-x-2:focus {
    --transform-skew-x: 2deg !important;
  }

  .sm\:focus\:skew-x-3:focus {
    --transform-skew-x: 3deg !important;
  }

  .sm\:focus\:skew-x-6:focus {
    --transform-skew-x: 6deg !important;
  }

  .sm\:focus\:skew-x-12:focus {
    --transform-skew-x: 12deg !important;
  }

  .sm\:focus\:-skew-x-12:focus {
    --transform-skew-x: -12deg !important;
  }

  .sm\:focus\:-skew-x-6:focus {
    --transform-skew-x: -6deg !important;
  }

  .sm\:focus\:-skew-x-3:focus {
    --transform-skew-x: -3deg !important;
  }

  .sm\:focus\:-skew-x-2:focus {
    --transform-skew-x: -2deg !important;
  }

  .sm\:focus\:-skew-x-1:focus {
    --transform-skew-x: -1deg !important;
  }

  .sm\:focus\:skew-y-0:focus {
    --transform-skew-y: 0 !important;
  }

  .sm\:focus\:skew-y-1:focus {
    --transform-skew-y: 1deg !important;
  }

  .sm\:focus\:skew-y-2:focus {
    --transform-skew-y: 2deg !important;
  }

  .sm\:focus\:skew-y-3:focus {
    --transform-skew-y: 3deg !important;
  }

  .sm\:focus\:skew-y-6:focus {
    --transform-skew-y: 6deg !important;
  }

  .sm\:focus\:skew-y-12:focus {
    --transform-skew-y: 12deg !important;
  }

  .sm\:focus\:-skew-y-12:focus {
    --transform-skew-y: -12deg !important;
  }

  .sm\:focus\:-skew-y-6:focus {
    --transform-skew-y: -6deg !important;
  }

  .sm\:focus\:-skew-y-3:focus {
    --transform-skew-y: -3deg !important;
  }

  .sm\:focus\:-skew-y-2:focus {
    --transform-skew-y: -2deg !important;
  }

  .sm\:focus\:-skew-y-1:focus {
    --transform-skew-y: -1deg !important;
  }

  .sm\:transition-none {
    transition-property: none !important;
  }

  .sm\:transition-all {
    transition-property: all !important;
  }

  .sm\:transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
  }

  .sm\:transition-colors {
    transition-property: background-color, border-color, color, fill, stroke !important;
  }

  .sm\:transition-opacity {
    transition-property: opacity !important;
  }

  .sm\:transition-shadow {
    transition-property: box-shadow !important;
  }

  .sm\:transition-transform {
    transition-property: transform !important;
  }

  .sm\:ease-linear {
    transition-timing-function: linear !important;
  }

  .sm\:ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  }

  .sm\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  }

  .sm\:ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .sm\:duration-75 {
    transition-duration: 75ms !important;
  }

  .sm\:duration-100 {
    transition-duration: 100ms !important;
  }

  .sm\:duration-150 {
    transition-duration: 150ms !important;
  }

  .sm\:duration-200 {
    transition-duration: 200ms !important;
  }

  .sm\:duration-300 {
    transition-duration: 300ms !important;
  }

  .sm\:duration-500 {
    transition-duration: 500ms !important;
  }

  .sm\:duration-700 {
    transition-duration: 700ms !important;
  }

  .sm\:duration-1000 {
    transition-duration: 1000ms !important;
  }

  .sm\:delay-75 {
    transition-delay: 75ms !important;
  }

  .sm\:delay-100 {
    transition-delay: 100ms !important;
  }

  .sm\:delay-150 {
    transition-delay: 150ms !important;
  }

  .sm\:delay-200 {
    transition-delay: 200ms !important;
  }

  .sm\:delay-300 {
    transition-delay: 300ms !important;
  }

  .sm\:delay-500 {
    transition-delay: 500ms !important;
  }

  .sm\:delay-700 {
    transition-delay: 700ms !important;
  }

  .sm\:delay-1000 {
    transition-delay: 1000ms !important;
  }

  .sm\:animate-none {
    -webkit-animation: none !important;
            animation: none !important;
  }

  .sm\:animate-spin {
    -webkit-animation: spin 1s linear infinite !important;
            animation: spin 1s linear infinite !important;
  }

  .sm\:animate-ping {
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
  }

  .sm\:animate-pulse {
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
  }

  .sm\:animate-bounce {
    -webkit-animation: bounce 1s infinite !important;
            animation: bounce 1s infinite !important;
  }
}

@media (min-width: 768px) {
  .md\:space-y-0 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-0 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(0px * var(--space-x-reverse)) !important;
    margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(8px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(8px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(8px * var(--space-x-reverse)) !important;
    margin-left: calc(8px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(16px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(16px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(16px * var(--space-x-reverse)) !important;
    margin-left: calc(16px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(24px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(24px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(24px * var(--space-x-reverse)) !important;
    margin-left: calc(24px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(32px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(32px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(32px * var(--space-x-reverse)) !important;
    margin-left: calc(32px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(40px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(40px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(40px * var(--space-x-reverse)) !important;
    margin-left: calc(40px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(64px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(64px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(64px * var(--space-x-reverse)) !important;
    margin-left: calc(64px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-7 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(80px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(80px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-7 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(80px * var(--space-x-reverse)) !important;
    margin-left: calc(80px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(120px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(120px * var(--space-x-reverse)) !important;
    margin-left: calc(120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(1px * var(--space-x-reverse)) !important;
    margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-sm > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(4px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(4px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-sm > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(4px * var(--space-x-reverse)) !important;
    margin-left: calc(4px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-1\.5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(12px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(12px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-1\.5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(12px * var(--space-x-reverse)) !important;
    margin-left: calc(12px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-8px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-8px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-8px * var(--space-x-reverse)) !important;
    margin-left: calc(-8px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-16px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-16px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-16px * var(--space-x-reverse)) !important;
    margin-left: calc(-16px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-24px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-24px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-24px * var(--space-x-reverse)) !important;
    margin-left: calc(-24px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-32px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-32px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-32px * var(--space-x-reverse)) !important;
    margin-left: calc(-32px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-40px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-40px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-40px * var(--space-x-reverse)) !important;
    margin-left: calc(-40px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-64px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-64px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-64px * var(--space-x-reverse)) !important;
    margin-left: calc(-64px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-7 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-80px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-80px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-7 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-80px * var(--space-x-reverse)) !important;
    margin-left: calc(-80px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-120px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-120px * var(--space-x-reverse)) !important;
    margin-left: calc(-120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-1px * var(--space-x-reverse)) !important;
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-sm > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-4px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-4px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-sm > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-4px * var(--space-x-reverse)) !important;
    margin-left: calc(-4px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-1\.5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-12px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-12px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-1\.5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-12px * var(--space-x-reverse)) !important;
    margin-left: calc(-12px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-reverse > :not(template) ~ :not(template) {
    --space-y-reverse: 1 !important;
  }

  .md\:space-x-reverse > :not(template) ~ :not(template) {
    --space-x-reverse: 1 !important;
  }

  .md\:divide-y-0 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(0px * var(--divide-y-reverse)) !important;
  }

  .md\:divide-x-0 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(0px * var(--divide-x-reverse)) !important;
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .md\:divide-y-2 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(2px * var(--divide-y-reverse)) !important;
  }

  .md\:divide-x-2 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(2px * var(--divide-x-reverse)) !important;
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .md\:divide-y-3 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(3px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(3px * var(--divide-y-reverse)) !important;
  }

  .md\:divide-x-3 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(3px * var(--divide-x-reverse)) !important;
    border-left-width: calc(3px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .md\:divide-y-4 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(4px * var(--divide-y-reverse)) !important;
  }

  .md\:divide-x-4 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(4px * var(--divide-x-reverse)) !important;
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .md\:divide-y-6 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(6px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(6px * var(--divide-y-reverse)) !important;
  }

  .md\:divide-x-6 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(6px * var(--divide-x-reverse)) !important;
    border-left-width: calc(6px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .md\:divide-y-8 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(8px * var(--divide-y-reverse)) !important;
  }

  .md\:divide-x-8 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(8px * var(--divide-x-reverse)) !important;
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .md\:divide-y > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(1px * var(--divide-y-reverse)) !important;
  }

  .md\:divide-x > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(1px * var(--divide-x-reverse)) !important;
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .md\:divide-y-reverse > :not(template) ~ :not(template) {
    --divide-y-reverse: 1 !important;
  }

  .md\:divide-x-reverse > :not(template) ~ :not(template) {
    --divide-x-reverse: 1 !important;
  }

  .md\:divide-transparent > :not(template) ~ :not(template) {
    border-color: transparent !important;
  }

  .md\:divide-black > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #000000 !important;
    border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
  }

  .md\:divide-grey-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 20%, 10%) !important;
    border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--divide-opacity)) !important;
  }

  .md\:divide-grey > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--divide-opacity)) !important;
  }

  .md\:divide-grey-90 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(196, 31%, 14%) !important;
    border-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--divide-opacity)) !important;
  }

  .md\:divide-grey-80 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(198, 32%, 16%) !important;
    border-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--divide-opacity)) !important;
  }

  .md\:divide-grey-70 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--divide-opacity)) !important;
  }

  .md\:divide-grey-60 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 15%, 70%) !important;
    border-color: rgba(167.02499999999998, 178.5, 189.975, var(--divide-opacity)) !important;
  }

  .md\:divide-grey-50 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 15%, 80%) !important;
    border-color: rgba(196.35, 204, 211.65, var(--divide-opacity)) !important;
  }

  .md\:divide-grey-40 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 22%, 89%) !important;
    border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--divide-opacity)) !important;
  }

  .md\:divide-grey-30 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 30%, 95%) !important;
    border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--divide-opacity)) !important;
  }

  .md\:divide-grey-20 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(214, 60%, 97.5%) !important;
    border-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--divide-opacity)) !important;
  }

  .md\:divide-grey-10 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(218, 90%, 99%) !important;
    border-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--divide-opacity)) !important;
  }

  .md\:divide-white > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #ffffff !important;
    border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
  }

  .md\:divide-green > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #479967 !important;
    border-color: rgba(71, 153, 103, var(--divide-opacity)) !important;
  }

  .md\:divide-green-light > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #64BD63 !important;
    border-color: rgba(100, 189, 99, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-lighter > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(207, 86%, 70%) !important;
    border-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-light > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 100%, 75%) !important;
    border-color: rgba(127.5, 191.24999999999994, 255, var(--divide-opacity)) !important;
  }

  .md\:divide-blue > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-dark > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(200, 75%, 45%) !important;
    border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-darker > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(200, 75%, 40%) !important;
    border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #eaf5ff !important;
    border-color: rgba(234, 245, 255, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #abd9ff !important;
    border-color: rgba(171, 217, 255, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #82c5ff !important;
    border-color: rgba(130, 197, 255, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #43a9ff !important;
    border-color: rgba(67, 169, 255, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #2e9fff !important;
    border-color: rgba(46, 159, 255, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #298fe6 !important;
    border-color: rgba(41, 143, 230, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #257fcc !important;
    border-color: rgba(37, 127, 204, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #206fb3 !important;
    border-color: rgba(32, 111, 179, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #175080 !important;
    border-color: rgba(23, 80, 128, var(--divide-opacity)) !important;
  }

  .md\:divide-red-dark > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(2, 57%, 53%) !important;
    border-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--divide-opacity)) !important;
  }

  .md\:divide-red > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(2, 76%, 60%) !important;
    border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--divide-opacity)) !important;
  }

  .md\:divide-red-light > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(2, 76%, 70%) !important;
    border-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--divide-opacity)) !important;
  }

  .md\:divide-red-lighter > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(2, 76%, 95%) !important;
    border-color: rgba(251.94, 233.206, 232.55999999999997, var(--divide-opacity)) !important;
  }

  .md\:divide-yellow > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #fbfab0 !important;
    border-color: rgba(251, 250, 176, var(--divide-opacity)) !important;
  }

  .md\:divide-yellow-dark > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #d8cd1b !important;
    border-color: rgba(216, 205, 27, var(--divide-opacity)) !important;
  }

  .md\:divide-orange > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #f5a82f !important;
    border-color: rgba(245, 168, 47, var(--divide-opacity)) !important;
  }

  .md\:divide-pink > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #ff269e !important;
    border-color: rgba(255, 38, 158, var(--divide-opacity)) !important;
  }

  .md\:divide-purple > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #c471ed !important;
    border-color: rgba(196, 113, 237, var(--divide-opacity)) !important;
  }

  .md\:divide-darken-10 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,.1) !important;
  }

  .md\:divide-darken-20 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,.2) !important;
  }

  .md\:divide-primary > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--divide-opacity)) !important;
  }

  .md\:divide-solid > :not(template) ~ :not(template) {
    border-style: solid !important;
  }

  .md\:divide-dashed > :not(template) ~ :not(template) {
    border-style: dashed !important;
  }

  .md\:divide-dotted > :not(template) ~ :not(template) {
    border-style: dotted !important;
  }

  .md\:divide-double > :not(template) ~ :not(template) {
    border-style: double !important;
  }

  .md\:divide-none > :not(template) ~ :not(template) {
    border-style: none !important;
  }

  .md\:divide-opacity-0 > :not(template) ~ :not(template) {
    --divide-opacity: 0 !important;
  }

  .md\:divide-opacity-25 > :not(template) ~ :not(template) {
    --divide-opacity: 0.25 !important;
  }

  .md\:divide-opacity-50 > :not(template) ~ :not(template) {
    --divide-opacity: 0.5 !important;
  }

  .md\:divide-opacity-75 > :not(template) ~ :not(template) {
    --divide-opacity: 0.75 !important;
  }

  .md\:divide-opacity-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
  }

  .md\:sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .md\:not-sr-only {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .md\:focus\:sr-only:focus {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .md\:focus\:not-sr-only:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .md\:appearance-none {
    -webkit-appearance: none !important;
       -moz-appearance: none !important;
            appearance: none !important;
  }

  .md\:bg-fixed {
    background-attachment: fixed !important;
  }

  .md\:bg-local {
    background-attachment: local !important;
  }

  .md\:bg-scroll {
    background-attachment: scroll !important;
  }

  .md\:bg-clip-border {
    background-clip: border-box !important;
  }

  .md\:bg-clip-padding {
    background-clip: padding-box !important;
  }

  .md\:bg-clip-content {
    background-clip: content-box !important;
  }

  .md\:bg-clip-text {
    -webkit-background-clip: text !important;
            background-clip: text !important;
  }

  .md\:bg-transparent {
    background-color: transparent !important;
  }

  .md\:bg-black {
    --bg-opacity: 1 !important;
    background-color: #000000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .md\:bg-grey-100 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 20%, 10%) !important;
    background-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--bg-opacity)) !important;
  }

  .md\:bg-grey {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .md\:bg-grey-90 {
    --bg-opacity: 1 !important;
    background-color: hsl(196, 31%, 14%) !important;
    background-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--bg-opacity)) !important;
  }

  .md\:bg-grey-80 {
    --bg-opacity: 1 !important;
    background-color: hsl(198, 32%, 16%) !important;
    background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity)) !important;
  }

  .md\:bg-grey-70 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .md\:bg-grey-60 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 70%) !important;
    background-color: rgba(167.02499999999998, 178.5, 189.975, var(--bg-opacity)) !important;
  }

  .md\:bg-grey-50 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 80%) !important;
    background-color: rgba(196.35, 204, 211.65, var(--bg-opacity)) !important;
  }

  .md\:bg-grey-40 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 22%, 89%) !important;
    background-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--bg-opacity)) !important;
  }

  .md\:bg-grey-30 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 30%, 95%) !important;
    background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity)) !important;
  }

  .md\:bg-grey-20 {
    --bg-opacity: 1 !important;
    background-color: hsl(214, 60%, 97.5%) !important;
    background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity)) !important;
  }

  .md\:bg-grey-10 {
    --bg-opacity: 1 !important;
    background-color: hsl(218, 90%, 99%) !important;
    background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity)) !important;
  }

  .md\:bg-white {
    --bg-opacity: 1 !important;
    background-color: #ffffff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .md\:bg-green {
    --bg-opacity: 1 !important;
    background-color: #479967 !important;
    background-color: rgba(71, 153, 103, var(--bg-opacity)) !important;
  }

  .md\:bg-green-light {
    --bg-opacity: 1 !important;
    background-color: #64BD63 !important;
    background-color: rgba(100, 189, 99, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-lighter {
    --bg-opacity: 1 !important;
    background-color: hsl(207, 86%, 70%) !important;
    background-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-light {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 100%, 75%) !important;
    background-color: rgba(127.5, 191.24999999999994, 255, var(--bg-opacity)) !important;
  }

  .md\:bg-blue {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-dark {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 45%) !important;
    background-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-darker {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 40%) !important;
    background-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-100 {
    --bg-opacity: 1 !important;
    background-color: #eaf5ff !important;
    background-color: rgba(234, 245, 255, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-200 {
    --bg-opacity: 1 !important;
    background-color: #abd9ff !important;
    background-color: rgba(171, 217, 255, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-300 {
    --bg-opacity: 1 !important;
    background-color: #82c5ff !important;
    background-color: rgba(130, 197, 255, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-400 {
    --bg-opacity: 1 !important;
    background-color: #43a9ff !important;
    background-color: rgba(67, 169, 255, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-500 {
    --bg-opacity: 1 !important;
    background-color: #2e9fff !important;
    background-color: rgba(46, 159, 255, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-600 {
    --bg-opacity: 1 !important;
    background-color: #298fe6 !important;
    background-color: rgba(41, 143, 230, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-700 {
    --bg-opacity: 1 !important;
    background-color: #257fcc !important;
    background-color: rgba(37, 127, 204, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-800 {
    --bg-opacity: 1 !important;
    background-color: #206fb3 !important;
    background-color: rgba(32, 111, 179, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-900 {
    --bg-opacity: 1 !important;
    background-color: #175080 !important;
    background-color: rgba(23, 80, 128, var(--bg-opacity)) !important;
  }

  .md\:bg-red-dark {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 57%, 53%) !important;
    background-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--bg-opacity)) !important;
  }

  .md\:bg-red {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 60%) !important;
    background-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--bg-opacity)) !important;
  }

  .md\:bg-red-light {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 70%) !important;
    background-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--bg-opacity)) !important;
  }

  .md\:bg-red-lighter {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 95%) !important;
    background-color: rgba(251.94, 233.206, 232.55999999999997, var(--bg-opacity)) !important;
  }

  .md\:bg-yellow {
    --bg-opacity: 1 !important;
    background-color: #fbfab0 !important;
    background-color: rgba(251, 250, 176, var(--bg-opacity)) !important;
  }

  .md\:bg-yellow-dark {
    --bg-opacity: 1 !important;
    background-color: #d8cd1b !important;
    background-color: rgba(216, 205, 27, var(--bg-opacity)) !important;
  }

  .md\:bg-orange {
    --bg-opacity: 1 !important;
    background-color: #f5a82f !important;
    background-color: rgba(245, 168, 47, var(--bg-opacity)) !important;
  }

  .md\:bg-pink {
    --bg-opacity: 1 !important;
    background-color: #ff269e !important;
    background-color: rgba(255, 38, 158, var(--bg-opacity)) !important;
  }

  .md\:bg-purple {
    --bg-opacity: 1 !important;
    background-color: #c471ed !important;
    background-color: rgba(196, 113, 237, var(--bg-opacity)) !important;
  }

  .md\:bg-darken-10 {
    background-color: rgba(0,0,0,.1) !important;
  }

  .md\:bg-darken-20 {
    background-color: rgba(0,0,0,.2) !important;
  }

  .md\:bg-primary {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-transparent:hover {
    background-color: transparent !important;
  }

  .md\:hover\:bg-black:hover {
    --bg-opacity: 1 !important;
    background-color: #000000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-grey-100:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 20%, 10%) !important;
    background-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-grey:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-grey-90:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(196, 31%, 14%) !important;
    background-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-grey-80:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(198, 32%, 16%) !important;
    background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-grey-70:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-grey-60:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 70%) !important;
    background-color: rgba(167.02499999999998, 178.5, 189.975, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-grey-50:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 80%) !important;
    background-color: rgba(196.35, 204, 211.65, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-grey-40:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 22%, 89%) !important;
    background-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-grey-30:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 30%, 95%) !important;
    background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-grey-20:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(214, 60%, 97.5%) !important;
    background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-grey-10:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(218, 90%, 99%) !important;
    background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-white:hover {
    --bg-opacity: 1 !important;
    background-color: #ffffff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-green:hover {
    --bg-opacity: 1 !important;
    background-color: #479967 !important;
    background-color: rgba(71, 153, 103, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-green-light:hover {
    --bg-opacity: 1 !important;
    background-color: #64BD63 !important;
    background-color: rgba(100, 189, 99, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-lighter:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(207, 86%, 70%) !important;
    background-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-light:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 100%, 75%) !important;
    background-color: rgba(127.5, 191.24999999999994, 255, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-dark:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 45%) !important;
    background-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-darker:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 40%) !important;
    background-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-100:hover {
    --bg-opacity: 1 !important;
    background-color: #eaf5ff !important;
    background-color: rgba(234, 245, 255, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-200:hover {
    --bg-opacity: 1 !important;
    background-color: #abd9ff !important;
    background-color: rgba(171, 217, 255, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-300:hover {
    --bg-opacity: 1 !important;
    background-color: #82c5ff !important;
    background-color: rgba(130, 197, 255, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-400:hover {
    --bg-opacity: 1 !important;
    background-color: #43a9ff !important;
    background-color: rgba(67, 169, 255, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-500:hover {
    --bg-opacity: 1 !important;
    background-color: #2e9fff !important;
    background-color: rgba(46, 159, 255, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-600:hover {
    --bg-opacity: 1 !important;
    background-color: #298fe6 !important;
    background-color: rgba(41, 143, 230, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-700:hover {
    --bg-opacity: 1 !important;
    background-color: #257fcc !important;
    background-color: rgba(37, 127, 204, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-800:hover {
    --bg-opacity: 1 !important;
    background-color: #206fb3 !important;
    background-color: rgba(32, 111, 179, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-900:hover {
    --bg-opacity: 1 !important;
    background-color: #175080 !important;
    background-color: rgba(23, 80, 128, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-red-dark:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 57%, 53%) !important;
    background-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-red:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 60%) !important;
    background-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-red-light:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 70%) !important;
    background-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-red-lighter:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 95%) !important;
    background-color: rgba(251.94, 233.206, 232.55999999999997, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-yellow:hover {
    --bg-opacity: 1 !important;
    background-color: #fbfab0 !important;
    background-color: rgba(251, 250, 176, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-yellow-dark:hover {
    --bg-opacity: 1 !important;
    background-color: #d8cd1b !important;
    background-color: rgba(216, 205, 27, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-orange:hover {
    --bg-opacity: 1 !important;
    background-color: #f5a82f !important;
    background-color: rgba(245, 168, 47, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-pink:hover {
    --bg-opacity: 1 !important;
    background-color: #ff269e !important;
    background-color: rgba(255, 38, 158, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-purple:hover {
    --bg-opacity: 1 !important;
    background-color: #c471ed !important;
    background-color: rgba(196, 113, 237, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-darken-10:hover {
    background-color: rgba(0,0,0,.1) !important;
  }

  .md\:hover\:bg-darken-20:hover {
    background-color: rgba(0,0,0,.2) !important;
  }

  .md\:hover\:bg-primary:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-transparent:focus {
    background-color: transparent !important;
  }

  .md\:focus\:bg-black:focus {
    --bg-opacity: 1 !important;
    background-color: #000000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-grey-100:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 20%, 10%) !important;
    background-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-grey:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-grey-90:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(196, 31%, 14%) !important;
    background-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-grey-80:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(198, 32%, 16%) !important;
    background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-grey-70:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-grey-60:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 70%) !important;
    background-color: rgba(167.02499999999998, 178.5, 189.975, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-grey-50:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 80%) !important;
    background-color: rgba(196.35, 204, 211.65, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-grey-40:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 22%, 89%) !important;
    background-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-grey-30:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 30%, 95%) !important;
    background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-grey-20:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(214, 60%, 97.5%) !important;
    background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-grey-10:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(218, 90%, 99%) !important;
    background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-white:focus {
    --bg-opacity: 1 !important;
    background-color: #ffffff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-green:focus {
    --bg-opacity: 1 !important;
    background-color: #479967 !important;
    background-color: rgba(71, 153, 103, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-green-light:focus {
    --bg-opacity: 1 !important;
    background-color: #64BD63 !important;
    background-color: rgba(100, 189, 99, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-lighter:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(207, 86%, 70%) !important;
    background-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-light:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 100%, 75%) !important;
    background-color: rgba(127.5, 191.24999999999994, 255, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-dark:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 45%) !important;
    background-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-darker:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 40%) !important;
    background-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-100:focus {
    --bg-opacity: 1 !important;
    background-color: #eaf5ff !important;
    background-color: rgba(234, 245, 255, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-200:focus {
    --bg-opacity: 1 !important;
    background-color: #abd9ff !important;
    background-color: rgba(171, 217, 255, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-300:focus {
    --bg-opacity: 1 !important;
    background-color: #82c5ff !important;
    background-color: rgba(130, 197, 255, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-400:focus {
    --bg-opacity: 1 !important;
    background-color: #43a9ff !important;
    background-color: rgba(67, 169, 255, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-500:focus {
    --bg-opacity: 1 !important;
    background-color: #2e9fff !important;
    background-color: rgba(46, 159, 255, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-600:focus {
    --bg-opacity: 1 !important;
    background-color: #298fe6 !important;
    background-color: rgba(41, 143, 230, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-700:focus {
    --bg-opacity: 1 !important;
    background-color: #257fcc !important;
    background-color: rgba(37, 127, 204, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-800:focus {
    --bg-opacity: 1 !important;
    background-color: #206fb3 !important;
    background-color: rgba(32, 111, 179, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-900:focus {
    --bg-opacity: 1 !important;
    background-color: #175080 !important;
    background-color: rgba(23, 80, 128, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-red-dark:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 57%, 53%) !important;
    background-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-red:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 60%) !important;
    background-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-red-light:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 70%) !important;
    background-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-red-lighter:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 95%) !important;
    background-color: rgba(251.94, 233.206, 232.55999999999997, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-yellow:focus {
    --bg-opacity: 1 !important;
    background-color: #fbfab0 !important;
    background-color: rgba(251, 250, 176, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-yellow-dark:focus {
    --bg-opacity: 1 !important;
    background-color: #d8cd1b !important;
    background-color: rgba(216, 205, 27, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-orange:focus {
    --bg-opacity: 1 !important;
    background-color: #f5a82f !important;
    background-color: rgba(245, 168, 47, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-pink:focus {
    --bg-opacity: 1 !important;
    background-color: #ff269e !important;
    background-color: rgba(255, 38, 158, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-purple:focus {
    --bg-opacity: 1 !important;
    background-color: #c471ed !important;
    background-color: rgba(196, 113, 237, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-darken-10:focus {
    background-color: rgba(0,0,0,.1) !important;
  }

  .md\:focus\:bg-darken-20:focus {
    background-color: rgba(0,0,0,.2) !important;
  }

  .md\:focus\:bg-primary:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .md\:bg-none {
    background-image: none !important;
  }

  .md\:bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
  }

  .md\:bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
  }

  .md\:bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
  }

  .md\:bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
  }

  .md\:bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
  }

  .md\:bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
  }

  .md\:bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
  }

  .md\:bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
  }

  .md\:from-transparent {
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:from-black {
    --gradient-from-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:from-grey-100 {
    --gradient-from-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .md\:from-grey {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .md\:from-grey-90 {
    --gradient-from-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .md\:from-grey-80 {
    --gradient-from-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .md\:from-grey-70 {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .md\:from-grey-60 {
    --gradient-from-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .md\:from-grey-50 {
    --gradient-from-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .md\:from-grey-40 {
    --gradient-from-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .md\:from-grey-30 {
    --gradient-from-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .md\:from-grey-20 {
    --gradient-from-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .md\:from-grey-10 {
    --gradient-from-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .md\:from-white {
    --gradient-from-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:from-green {
    --gradient-from-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .md\:from-green-light {
    --gradient-from-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .md\:from-blue-lighter {
    --gradient-from-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .md\:from-blue-light {
    --gradient-from-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .md\:from-blue {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .md\:from-blue-dark {
    --gradient-from-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .md\:from-blue-darker {
    --gradient-from-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .md\:from-blue-100 {
    --gradient-from-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .md\:from-blue-200 {
    --gradient-from-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .md\:from-blue-300 {
    --gradient-from-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .md\:from-blue-400 {
    --gradient-from-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .md\:from-blue-500 {
    --gradient-from-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .md\:from-blue-600 {
    --gradient-from-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .md\:from-blue-700 {
    --gradient-from-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .md\:from-blue-800 {
    --gradient-from-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .md\:from-blue-900 {
    --gradient-from-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .md\:from-red-dark {
    --gradient-from-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .md\:from-red {
    --gradient-from-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .md\:from-red-light {
    --gradient-from-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .md\:from-red-lighter {
    --gradient-from-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .md\:from-yellow {
    --gradient-from-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .md\:from-yellow-dark {
    --gradient-from-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .md\:from-orange {
    --gradient-from-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .md\:from-pink {
    --gradient-from-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .md\:from-purple {
    --gradient-from-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .md\:from-darken-10 {
    --gradient-from-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:from-darken-20 {
    --gradient-from-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:from-primary {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .md\:via-transparent {
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:via-black {
    --gradient-via-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:via-grey-100 {
    --gradient-via-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .md\:via-grey {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .md\:via-grey-90 {
    --gradient-via-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .md\:via-grey-80 {
    --gradient-via-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .md\:via-grey-70 {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .md\:via-grey-60 {
    --gradient-via-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .md\:via-grey-50 {
    --gradient-via-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .md\:via-grey-40 {
    --gradient-via-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .md\:via-grey-30 {
    --gradient-via-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .md\:via-grey-20 {
    --gradient-via-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .md\:via-grey-10 {
    --gradient-via-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .md\:via-white {
    --gradient-via-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:via-green {
    --gradient-via-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .md\:via-green-light {
    --gradient-via-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .md\:via-blue-lighter {
    --gradient-via-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .md\:via-blue-light {
    --gradient-via-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .md\:via-blue {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .md\:via-blue-dark {
    --gradient-via-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .md\:via-blue-darker {
    --gradient-via-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .md\:via-blue-100 {
    --gradient-via-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .md\:via-blue-200 {
    --gradient-via-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .md\:via-blue-300 {
    --gradient-via-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .md\:via-blue-400 {
    --gradient-via-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .md\:via-blue-500 {
    --gradient-via-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .md\:via-blue-600 {
    --gradient-via-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .md\:via-blue-700 {
    --gradient-via-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .md\:via-blue-800 {
    --gradient-via-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .md\:via-blue-900 {
    --gradient-via-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .md\:via-red-dark {
    --gradient-via-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .md\:via-red {
    --gradient-via-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .md\:via-red-light {
    --gradient-via-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .md\:via-red-lighter {
    --gradient-via-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .md\:via-yellow {
    --gradient-via-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .md\:via-yellow-dark {
    --gradient-via-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .md\:via-orange {
    --gradient-via-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .md\:via-pink {
    --gradient-via-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .md\:via-purple {
    --gradient-via-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .md\:via-darken-10 {
    --gradient-via-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:via-darken-20 {
    --gradient-via-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:via-primary {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .md\:to-transparent {
    --gradient-to-color: transparent !important;
  }

  .md\:to-black {
    --gradient-to-color: #000000 !important;
  }

  .md\:to-grey-100 {
    --gradient-to-color: hsl(210, 20%, 10%) !important;
  }

  .md\:to-grey {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .md\:to-grey-90 {
    --gradient-to-color: hsl(196, 31%, 14%) !important;
  }

  .md\:to-grey-80 {
    --gradient-to-color: hsl(198, 32%, 16%) !important;
  }

  .md\:to-grey-70 {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .md\:to-grey-60 {
    --gradient-to-color: hsl(210, 15%, 70%) !important;
  }

  .md\:to-grey-50 {
    --gradient-to-color: hsl(210, 15%, 80%) !important;
  }

  .md\:to-grey-40 {
    --gradient-to-color: hsl(210, 22%, 89%) !important;
  }

  .md\:to-grey-30 {
    --gradient-to-color: hsl(210, 30%, 95%) !important;
  }

  .md\:to-grey-20 {
    --gradient-to-color: hsl(214, 60%, 97.5%) !important;
  }

  .md\:to-grey-10 {
    --gradient-to-color: hsl(218, 90%, 99%) !important;
  }

  .md\:to-white {
    --gradient-to-color: #ffffff !important;
  }

  .md\:to-green {
    --gradient-to-color: #479967 !important;
  }

  .md\:to-green-light {
    --gradient-to-color: #64BD63 !important;
  }

  .md\:to-blue-lighter {
    --gradient-to-color: hsl(207, 86%, 70%) !important;
  }

  .md\:to-blue-light {
    --gradient-to-color: hsl(210, 100%, 75%) !important;
  }

  .md\:to-blue {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .md\:to-blue-dark {
    --gradient-to-color: hsl(200, 75%, 45%) !important;
  }

  .md\:to-blue-darker {
    --gradient-to-color: hsl(200, 75%, 40%) !important;
  }

  .md\:to-blue-100 {
    --gradient-to-color: #eaf5ff !important;
  }

  .md\:to-blue-200 {
    --gradient-to-color: #abd9ff !important;
  }

  .md\:to-blue-300 {
    --gradient-to-color: #82c5ff !important;
  }

  .md\:to-blue-400 {
    --gradient-to-color: #43a9ff !important;
  }

  .md\:to-blue-500 {
    --gradient-to-color: #2e9fff !important;
  }

  .md\:to-blue-600 {
    --gradient-to-color: #298fe6 !important;
  }

  .md\:to-blue-700 {
    --gradient-to-color: #257fcc !important;
  }

  .md\:to-blue-800 {
    --gradient-to-color: #206fb3 !important;
  }

  .md\:to-blue-900 {
    --gradient-to-color: #175080 !important;
  }

  .md\:to-red-dark {
    --gradient-to-color: hsl(2, 57%, 53%) !important;
  }

  .md\:to-red {
    --gradient-to-color: hsl(2, 76%, 60%) !important;
  }

  .md\:to-red-light {
    --gradient-to-color: hsl(2, 76%, 70%) !important;
  }

  .md\:to-red-lighter {
    --gradient-to-color: hsl(2, 76%, 95%) !important;
  }

  .md\:to-yellow {
    --gradient-to-color: #fbfab0 !important;
  }

  .md\:to-yellow-dark {
    --gradient-to-color: #d8cd1b !important;
  }

  .md\:to-orange {
    --gradient-to-color: #f5a82f !important;
  }

  .md\:to-pink {
    --gradient-to-color: #ff269e !important;
  }

  .md\:to-purple {
    --gradient-to-color: #c471ed !important;
  }

  .md\:to-darken-10 {
    --gradient-to-color: rgba(0,0,0,.1) !important;
  }

  .md\:to-darken-20 {
    --gradient-to-color: rgba(0,0,0,.2) !important;
  }

  .md\:to-primary {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .md\:hover\:from-transparent:hover {
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:hover\:from-black:hover {
    --gradient-from-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:hover\:from-grey-100:hover {
    --gradient-from-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .md\:hover\:from-grey:hover {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .md\:hover\:from-grey-90:hover {
    --gradient-from-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .md\:hover\:from-grey-80:hover {
    --gradient-from-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .md\:hover\:from-grey-70:hover {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .md\:hover\:from-grey-60:hover {
    --gradient-from-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .md\:hover\:from-grey-50:hover {
    --gradient-from-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .md\:hover\:from-grey-40:hover {
    --gradient-from-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .md\:hover\:from-grey-30:hover {
    --gradient-from-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .md\:hover\:from-grey-20:hover {
    --gradient-from-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .md\:hover\:from-grey-10:hover {
    --gradient-from-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .md\:hover\:from-white:hover {
    --gradient-from-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:hover\:from-green:hover {
    --gradient-from-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .md\:hover\:from-green-light:hover {
    --gradient-from-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .md\:hover\:from-blue-lighter:hover {
    --gradient-from-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .md\:hover\:from-blue-light:hover {
    --gradient-from-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .md\:hover\:from-blue:hover {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .md\:hover\:from-blue-dark:hover {
    --gradient-from-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .md\:hover\:from-blue-darker:hover {
    --gradient-from-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .md\:hover\:from-blue-100:hover {
    --gradient-from-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .md\:hover\:from-blue-200:hover {
    --gradient-from-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .md\:hover\:from-blue-300:hover {
    --gradient-from-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .md\:hover\:from-blue-400:hover {
    --gradient-from-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .md\:hover\:from-blue-500:hover {
    --gradient-from-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .md\:hover\:from-blue-600:hover {
    --gradient-from-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .md\:hover\:from-blue-700:hover {
    --gradient-from-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .md\:hover\:from-blue-800:hover {
    --gradient-from-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .md\:hover\:from-blue-900:hover {
    --gradient-from-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .md\:hover\:from-red-dark:hover {
    --gradient-from-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .md\:hover\:from-red:hover {
    --gradient-from-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .md\:hover\:from-red-light:hover {
    --gradient-from-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .md\:hover\:from-red-lighter:hover {
    --gradient-from-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .md\:hover\:from-yellow:hover {
    --gradient-from-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .md\:hover\:from-yellow-dark:hover {
    --gradient-from-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .md\:hover\:from-orange:hover {
    --gradient-from-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .md\:hover\:from-pink:hover {
    --gradient-from-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .md\:hover\:from-purple:hover {
    --gradient-from-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .md\:hover\:from-darken-10:hover {
    --gradient-from-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:hover\:from-darken-20:hover {
    --gradient-from-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:hover\:from-primary:hover {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .md\:hover\:via-transparent:hover {
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:hover\:via-black:hover {
    --gradient-via-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:hover\:via-grey-100:hover {
    --gradient-via-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .md\:hover\:via-grey:hover {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .md\:hover\:via-grey-90:hover {
    --gradient-via-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .md\:hover\:via-grey-80:hover {
    --gradient-via-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .md\:hover\:via-grey-70:hover {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .md\:hover\:via-grey-60:hover {
    --gradient-via-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .md\:hover\:via-grey-50:hover {
    --gradient-via-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .md\:hover\:via-grey-40:hover {
    --gradient-via-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .md\:hover\:via-grey-30:hover {
    --gradient-via-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .md\:hover\:via-grey-20:hover {
    --gradient-via-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .md\:hover\:via-grey-10:hover {
    --gradient-via-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .md\:hover\:via-white:hover {
    --gradient-via-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:hover\:via-green:hover {
    --gradient-via-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .md\:hover\:via-green-light:hover {
    --gradient-via-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .md\:hover\:via-blue-lighter:hover {
    --gradient-via-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .md\:hover\:via-blue-light:hover {
    --gradient-via-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .md\:hover\:via-blue:hover {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .md\:hover\:via-blue-dark:hover {
    --gradient-via-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .md\:hover\:via-blue-darker:hover {
    --gradient-via-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .md\:hover\:via-blue-100:hover {
    --gradient-via-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .md\:hover\:via-blue-200:hover {
    --gradient-via-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .md\:hover\:via-blue-300:hover {
    --gradient-via-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .md\:hover\:via-blue-400:hover {
    --gradient-via-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .md\:hover\:via-blue-500:hover {
    --gradient-via-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .md\:hover\:via-blue-600:hover {
    --gradient-via-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .md\:hover\:via-blue-700:hover {
    --gradient-via-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .md\:hover\:via-blue-800:hover {
    --gradient-via-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .md\:hover\:via-blue-900:hover {
    --gradient-via-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .md\:hover\:via-red-dark:hover {
    --gradient-via-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .md\:hover\:via-red:hover {
    --gradient-via-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .md\:hover\:via-red-light:hover {
    --gradient-via-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .md\:hover\:via-red-lighter:hover {
    --gradient-via-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .md\:hover\:via-yellow:hover {
    --gradient-via-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .md\:hover\:via-yellow-dark:hover {
    --gradient-via-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .md\:hover\:via-orange:hover {
    --gradient-via-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .md\:hover\:via-pink:hover {
    --gradient-via-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .md\:hover\:via-purple:hover {
    --gradient-via-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .md\:hover\:via-darken-10:hover {
    --gradient-via-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:hover\:via-darken-20:hover {
    --gradient-via-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:hover\:via-primary:hover {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .md\:hover\:to-transparent:hover {
    --gradient-to-color: transparent !important;
  }

  .md\:hover\:to-black:hover {
    --gradient-to-color: #000000 !important;
  }

  .md\:hover\:to-grey-100:hover {
    --gradient-to-color: hsl(210, 20%, 10%) !important;
  }

  .md\:hover\:to-grey:hover {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .md\:hover\:to-grey-90:hover {
    --gradient-to-color: hsl(196, 31%, 14%) !important;
  }

  .md\:hover\:to-grey-80:hover {
    --gradient-to-color: hsl(198, 32%, 16%) !important;
  }

  .md\:hover\:to-grey-70:hover {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .md\:hover\:to-grey-60:hover {
    --gradient-to-color: hsl(210, 15%, 70%) !important;
  }

  .md\:hover\:to-grey-50:hover {
    --gradient-to-color: hsl(210, 15%, 80%) !important;
  }

  .md\:hover\:to-grey-40:hover {
    --gradient-to-color: hsl(210, 22%, 89%) !important;
  }

  .md\:hover\:to-grey-30:hover {
    --gradient-to-color: hsl(210, 30%, 95%) !important;
  }

  .md\:hover\:to-grey-20:hover {
    --gradient-to-color: hsl(214, 60%, 97.5%) !important;
  }

  .md\:hover\:to-grey-10:hover {
    --gradient-to-color: hsl(218, 90%, 99%) !important;
  }

  .md\:hover\:to-white:hover {
    --gradient-to-color: #ffffff !important;
  }

  .md\:hover\:to-green:hover {
    --gradient-to-color: #479967 !important;
  }

  .md\:hover\:to-green-light:hover {
    --gradient-to-color: #64BD63 !important;
  }

  .md\:hover\:to-blue-lighter:hover {
    --gradient-to-color: hsl(207, 86%, 70%) !important;
  }

  .md\:hover\:to-blue-light:hover {
    --gradient-to-color: hsl(210, 100%, 75%) !important;
  }

  .md\:hover\:to-blue:hover {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .md\:hover\:to-blue-dark:hover {
    --gradient-to-color: hsl(200, 75%, 45%) !important;
  }

  .md\:hover\:to-blue-darker:hover {
    --gradient-to-color: hsl(200, 75%, 40%) !important;
  }

  .md\:hover\:to-blue-100:hover {
    --gradient-to-color: #eaf5ff !important;
  }

  .md\:hover\:to-blue-200:hover {
    --gradient-to-color: #abd9ff !important;
  }

  .md\:hover\:to-blue-300:hover {
    --gradient-to-color: #82c5ff !important;
  }

  .md\:hover\:to-blue-400:hover {
    --gradient-to-color: #43a9ff !important;
  }

  .md\:hover\:to-blue-500:hover {
    --gradient-to-color: #2e9fff !important;
  }

  .md\:hover\:to-blue-600:hover {
    --gradient-to-color: #298fe6 !important;
  }

  .md\:hover\:to-blue-700:hover {
    --gradient-to-color: #257fcc !important;
  }

  .md\:hover\:to-blue-800:hover {
    --gradient-to-color: #206fb3 !important;
  }

  .md\:hover\:to-blue-900:hover {
    --gradient-to-color: #175080 !important;
  }

  .md\:hover\:to-red-dark:hover {
    --gradient-to-color: hsl(2, 57%, 53%) !important;
  }

  .md\:hover\:to-red:hover {
    --gradient-to-color: hsl(2, 76%, 60%) !important;
  }

  .md\:hover\:to-red-light:hover {
    --gradient-to-color: hsl(2, 76%, 70%) !important;
  }

  .md\:hover\:to-red-lighter:hover {
    --gradient-to-color: hsl(2, 76%, 95%) !important;
  }

  .md\:hover\:to-yellow:hover {
    --gradient-to-color: #fbfab0 !important;
  }

  .md\:hover\:to-yellow-dark:hover {
    --gradient-to-color: #d8cd1b !important;
  }

  .md\:hover\:to-orange:hover {
    --gradient-to-color: #f5a82f !important;
  }

  .md\:hover\:to-pink:hover {
    --gradient-to-color: #ff269e !important;
  }

  .md\:hover\:to-purple:hover {
    --gradient-to-color: #c471ed !important;
  }

  .md\:hover\:to-darken-10:hover {
    --gradient-to-color: rgba(0,0,0,.1) !important;
  }

  .md\:hover\:to-darken-20:hover {
    --gradient-to-color: rgba(0,0,0,.2) !important;
  }

  .md\:hover\:to-primary:hover {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .md\:focus\:from-transparent:focus {
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:focus\:from-black:focus {
    --gradient-from-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:focus\:from-grey-100:focus {
    --gradient-from-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .md\:focus\:from-grey:focus {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .md\:focus\:from-grey-90:focus {
    --gradient-from-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .md\:focus\:from-grey-80:focus {
    --gradient-from-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .md\:focus\:from-grey-70:focus {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .md\:focus\:from-grey-60:focus {
    --gradient-from-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .md\:focus\:from-grey-50:focus {
    --gradient-from-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .md\:focus\:from-grey-40:focus {
    --gradient-from-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .md\:focus\:from-grey-30:focus {
    --gradient-from-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .md\:focus\:from-grey-20:focus {
    --gradient-from-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .md\:focus\:from-grey-10:focus {
    --gradient-from-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .md\:focus\:from-white:focus {
    --gradient-from-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:focus\:from-green:focus {
    --gradient-from-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .md\:focus\:from-green-light:focus {
    --gradient-from-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .md\:focus\:from-blue-lighter:focus {
    --gradient-from-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .md\:focus\:from-blue-light:focus {
    --gradient-from-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .md\:focus\:from-blue:focus {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .md\:focus\:from-blue-dark:focus {
    --gradient-from-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .md\:focus\:from-blue-darker:focus {
    --gradient-from-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .md\:focus\:from-blue-100:focus {
    --gradient-from-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .md\:focus\:from-blue-200:focus {
    --gradient-from-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .md\:focus\:from-blue-300:focus {
    --gradient-from-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .md\:focus\:from-blue-400:focus {
    --gradient-from-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .md\:focus\:from-blue-500:focus {
    --gradient-from-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .md\:focus\:from-blue-600:focus {
    --gradient-from-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .md\:focus\:from-blue-700:focus {
    --gradient-from-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .md\:focus\:from-blue-800:focus {
    --gradient-from-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .md\:focus\:from-blue-900:focus {
    --gradient-from-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .md\:focus\:from-red-dark:focus {
    --gradient-from-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .md\:focus\:from-red:focus {
    --gradient-from-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .md\:focus\:from-red-light:focus {
    --gradient-from-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .md\:focus\:from-red-lighter:focus {
    --gradient-from-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .md\:focus\:from-yellow:focus {
    --gradient-from-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .md\:focus\:from-yellow-dark:focus {
    --gradient-from-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .md\:focus\:from-orange:focus {
    --gradient-from-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .md\:focus\:from-pink:focus {
    --gradient-from-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .md\:focus\:from-purple:focus {
    --gradient-from-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .md\:focus\:from-darken-10:focus {
    --gradient-from-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:focus\:from-darken-20:focus {
    --gradient-from-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:focus\:from-primary:focus {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .md\:focus\:via-transparent:focus {
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:focus\:via-black:focus {
    --gradient-via-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:focus\:via-grey-100:focus {
    --gradient-via-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .md\:focus\:via-grey:focus {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .md\:focus\:via-grey-90:focus {
    --gradient-via-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .md\:focus\:via-grey-80:focus {
    --gradient-via-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .md\:focus\:via-grey-70:focus {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .md\:focus\:via-grey-60:focus {
    --gradient-via-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .md\:focus\:via-grey-50:focus {
    --gradient-via-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .md\:focus\:via-grey-40:focus {
    --gradient-via-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .md\:focus\:via-grey-30:focus {
    --gradient-via-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .md\:focus\:via-grey-20:focus {
    --gradient-via-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .md\:focus\:via-grey-10:focus {
    --gradient-via-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .md\:focus\:via-white:focus {
    --gradient-via-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:focus\:via-green:focus {
    --gradient-via-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .md\:focus\:via-green-light:focus {
    --gradient-via-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .md\:focus\:via-blue-lighter:focus {
    --gradient-via-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .md\:focus\:via-blue-light:focus {
    --gradient-via-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .md\:focus\:via-blue:focus {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .md\:focus\:via-blue-dark:focus {
    --gradient-via-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .md\:focus\:via-blue-darker:focus {
    --gradient-via-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .md\:focus\:via-blue-100:focus {
    --gradient-via-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .md\:focus\:via-blue-200:focus {
    --gradient-via-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .md\:focus\:via-blue-300:focus {
    --gradient-via-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .md\:focus\:via-blue-400:focus {
    --gradient-via-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .md\:focus\:via-blue-500:focus {
    --gradient-via-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .md\:focus\:via-blue-600:focus {
    --gradient-via-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .md\:focus\:via-blue-700:focus {
    --gradient-via-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .md\:focus\:via-blue-800:focus {
    --gradient-via-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .md\:focus\:via-blue-900:focus {
    --gradient-via-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .md\:focus\:via-red-dark:focus {
    --gradient-via-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .md\:focus\:via-red:focus {
    --gradient-via-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .md\:focus\:via-red-light:focus {
    --gradient-via-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .md\:focus\:via-red-lighter:focus {
    --gradient-via-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .md\:focus\:via-yellow:focus {
    --gradient-via-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .md\:focus\:via-yellow-dark:focus {
    --gradient-via-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .md\:focus\:via-orange:focus {
    --gradient-via-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .md\:focus\:via-pink:focus {
    --gradient-via-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .md\:focus\:via-purple:focus {
    --gradient-via-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .md\:focus\:via-darken-10:focus {
    --gradient-via-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:focus\:via-darken-20:focus {
    --gradient-via-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:focus\:via-primary:focus {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .md\:focus\:to-transparent:focus {
    --gradient-to-color: transparent !important;
  }

  .md\:focus\:to-black:focus {
    --gradient-to-color: #000000 !important;
  }

  .md\:focus\:to-grey-100:focus {
    --gradient-to-color: hsl(210, 20%, 10%) !important;
  }

  .md\:focus\:to-grey:focus {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .md\:focus\:to-grey-90:focus {
    --gradient-to-color: hsl(196, 31%, 14%) !important;
  }

  .md\:focus\:to-grey-80:focus {
    --gradient-to-color: hsl(198, 32%, 16%) !important;
  }

  .md\:focus\:to-grey-70:focus {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .md\:focus\:to-grey-60:focus {
    --gradient-to-color: hsl(210, 15%, 70%) !important;
  }

  .md\:focus\:to-grey-50:focus {
    --gradient-to-color: hsl(210, 15%, 80%) !important;
  }

  .md\:focus\:to-grey-40:focus {
    --gradient-to-color: hsl(210, 22%, 89%) !important;
  }

  .md\:focus\:to-grey-30:focus {
    --gradient-to-color: hsl(210, 30%, 95%) !important;
  }

  .md\:focus\:to-grey-20:focus {
    --gradient-to-color: hsl(214, 60%, 97.5%) !important;
  }

  .md\:focus\:to-grey-10:focus {
    --gradient-to-color: hsl(218, 90%, 99%) !important;
  }

  .md\:focus\:to-white:focus {
    --gradient-to-color: #ffffff !important;
  }

  .md\:focus\:to-green:focus {
    --gradient-to-color: #479967 !important;
  }

  .md\:focus\:to-green-light:focus {
    --gradient-to-color: #64BD63 !important;
  }

  .md\:focus\:to-blue-lighter:focus {
    --gradient-to-color: hsl(207, 86%, 70%) !important;
  }

  .md\:focus\:to-blue-light:focus {
    --gradient-to-color: hsl(210, 100%, 75%) !important;
  }

  .md\:focus\:to-blue:focus {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .md\:focus\:to-blue-dark:focus {
    --gradient-to-color: hsl(200, 75%, 45%) !important;
  }

  .md\:focus\:to-blue-darker:focus {
    --gradient-to-color: hsl(200, 75%, 40%) !important;
  }

  .md\:focus\:to-blue-100:focus {
    --gradient-to-color: #eaf5ff !important;
  }

  .md\:focus\:to-blue-200:focus {
    --gradient-to-color: #abd9ff !important;
  }

  .md\:focus\:to-blue-300:focus {
    --gradient-to-color: #82c5ff !important;
  }

  .md\:focus\:to-blue-400:focus {
    --gradient-to-color: #43a9ff !important;
  }

  .md\:focus\:to-blue-500:focus {
    --gradient-to-color: #2e9fff !important;
  }

  .md\:focus\:to-blue-600:focus {
    --gradient-to-color: #298fe6 !important;
  }

  .md\:focus\:to-blue-700:focus {
    --gradient-to-color: #257fcc !important;
  }

  .md\:focus\:to-blue-800:focus {
    --gradient-to-color: #206fb3 !important;
  }

  .md\:focus\:to-blue-900:focus {
    --gradient-to-color: #175080 !important;
  }

  .md\:focus\:to-red-dark:focus {
    --gradient-to-color: hsl(2, 57%, 53%) !important;
  }

  .md\:focus\:to-red:focus {
    --gradient-to-color: hsl(2, 76%, 60%) !important;
  }

  .md\:focus\:to-red-light:focus {
    --gradient-to-color: hsl(2, 76%, 70%) !important;
  }

  .md\:focus\:to-red-lighter:focus {
    --gradient-to-color: hsl(2, 76%, 95%) !important;
  }

  .md\:focus\:to-yellow:focus {
    --gradient-to-color: #fbfab0 !important;
  }

  .md\:focus\:to-yellow-dark:focus {
    --gradient-to-color: #d8cd1b !important;
  }

  .md\:focus\:to-orange:focus {
    --gradient-to-color: #f5a82f !important;
  }

  .md\:focus\:to-pink:focus {
    --gradient-to-color: #ff269e !important;
  }

  .md\:focus\:to-purple:focus {
    --gradient-to-color: #c471ed !important;
  }

  .md\:focus\:to-darken-10:focus {
    --gradient-to-color: rgba(0,0,0,.1) !important;
  }

  .md\:focus\:to-darken-20:focus {
    --gradient-to-color: rgba(0,0,0,.2) !important;
  }

  .md\:focus\:to-primary:focus {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .md\:bg-opacity-0 {
    --bg-opacity: 0 !important;
  }

  .md\:bg-opacity-25 {
    --bg-opacity: 0.25 !important;
  }

  .md\:bg-opacity-50 {
    --bg-opacity: 0.5 !important;
  }

  .md\:bg-opacity-75 {
    --bg-opacity: 0.75 !important;
  }

  .md\:bg-opacity-100 {
    --bg-opacity: 1 !important;
  }

  .md\:hover\:bg-opacity-0:hover {
    --bg-opacity: 0 !important;
  }

  .md\:hover\:bg-opacity-25:hover {
    --bg-opacity: 0.25 !important;
  }

  .md\:hover\:bg-opacity-50:hover {
    --bg-opacity: 0.5 !important;
  }

  .md\:hover\:bg-opacity-75:hover {
    --bg-opacity: 0.75 !important;
  }

  .md\:hover\:bg-opacity-100:hover {
    --bg-opacity: 1 !important;
  }

  .md\:focus\:bg-opacity-0:focus {
    --bg-opacity: 0 !important;
  }

  .md\:focus\:bg-opacity-25:focus {
    --bg-opacity: 0.25 !important;
  }

  .md\:focus\:bg-opacity-50:focus {
    --bg-opacity: 0.5 !important;
  }

  .md\:focus\:bg-opacity-75:focus {
    --bg-opacity: 0.75 !important;
  }

  .md\:focus\:bg-opacity-100:focus {
    --bg-opacity: 1 !important;
  }

  .md\:bg-bottom {
    background-position: bottom !important;
  }

  .md\:bg-center {
    background-position: center !important;
  }

  .md\:bg-left {
    background-position: left !important;
  }

  .md\:bg-left-bottom {
    background-position: left bottom !important;
  }

  .md\:bg-left-top {
    background-position: left top !important;
  }

  .md\:bg-right {
    background-position: right !important;
  }

  .md\:bg-right-bottom {
    background-position: right bottom !important;
  }

  .md\:bg-right-top {
    background-position: right top !important;
  }

  .md\:bg-top {
    background-position: top !important;
  }

  .md\:bg-repeat {
    background-repeat: repeat !important;
  }

  .md\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }

  .md\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }

  .md\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }

  .md\:bg-repeat-round {
    background-repeat: round !important;
  }

  .md\:bg-repeat-space {
    background-repeat: space !important;
  }

  .md\:bg-auto {
    background-size: auto !important;
  }

  .md\:bg-cover {
    background-size: cover !important;
  }

  .md\:bg-contain {
    background-size: contain !important;
  }

  .md\:border-collapse {
    border-collapse: collapse !important;
  }

  .md\:border-separate {
    border-collapse: separate !important;
  }

  .md\:border-transparent {
    border-color: transparent !important;
  }

  .md\:border-black {
    --border-opacity: 1 !important;
    border-color: #000000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .md\:border-grey-100 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 20%, 10%) !important;
    border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--border-opacity)) !important;
  }

  .md\:border-grey {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .md\:border-grey-90 {
    --border-opacity: 1 !important;
    border-color: hsl(196, 31%, 14%) !important;
    border-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--border-opacity)) !important;
  }

  .md\:border-grey-80 {
    --border-opacity: 1 !important;
    border-color: hsl(198, 32%, 16%) !important;
    border-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--border-opacity)) !important;
  }

  .md\:border-grey-70 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .md\:border-grey-60 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 70%) !important;
    border-color: rgba(167.02499999999998, 178.5, 189.975, var(--border-opacity)) !important;
  }

  .md\:border-grey-50 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 80%) !important;
    border-color: rgba(196.35, 204, 211.65, var(--border-opacity)) !important;
  }

  .md\:border-grey-40 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 22%, 89%) !important;
    border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--border-opacity)) !important;
  }

  .md\:border-grey-30 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 30%, 95%) !important;
    border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--border-opacity)) !important;
  }

  .md\:border-grey-20 {
    --border-opacity: 1 !important;
    border-color: hsl(214, 60%, 97.5%) !important;
    border-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--border-opacity)) !important;
  }

  .md\:border-grey-10 {
    --border-opacity: 1 !important;
    border-color: hsl(218, 90%, 99%) !important;
    border-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--border-opacity)) !important;
  }

  .md\:border-white {
    --border-opacity: 1 !important;
    border-color: #ffffff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .md\:border-green {
    --border-opacity: 1 !important;
    border-color: #479967 !important;
    border-color: rgba(71, 153, 103, var(--border-opacity)) !important;
  }

  .md\:border-green-light {
    --border-opacity: 1 !important;
    border-color: #64BD63 !important;
    border-color: rgba(100, 189, 99, var(--border-opacity)) !important;
  }

  .md\:border-blue-lighter {
    --border-opacity: 1 !important;
    border-color: hsl(207, 86%, 70%) !important;
    border-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--border-opacity)) !important;
  }

  .md\:border-blue-light {
    --border-opacity: 1 !important;
    border-color: hsl(210, 100%, 75%) !important;
    border-color: rgba(127.5, 191.24999999999994, 255, var(--border-opacity)) !important;
  }

  .md\:border-blue {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .md\:border-blue-dark {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 45%) !important;
    border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--border-opacity)) !important;
  }

  .md\:border-blue-darker {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 40%) !important;
    border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--border-opacity)) !important;
  }

  .md\:border-blue-100 {
    --border-opacity: 1 !important;
    border-color: #eaf5ff !important;
    border-color: rgba(234, 245, 255, var(--border-opacity)) !important;
  }

  .md\:border-blue-200 {
    --border-opacity: 1 !important;
    border-color: #abd9ff !important;
    border-color: rgba(171, 217, 255, var(--border-opacity)) !important;
  }

  .md\:border-blue-300 {
    --border-opacity: 1 !important;
    border-color: #82c5ff !important;
    border-color: rgba(130, 197, 255, var(--border-opacity)) !important;
  }

  .md\:border-blue-400 {
    --border-opacity: 1 !important;
    border-color: #43a9ff !important;
    border-color: rgba(67, 169, 255, var(--border-opacity)) !important;
  }

  .md\:border-blue-500 {
    --border-opacity: 1 !important;
    border-color: #2e9fff !important;
    border-color: rgba(46, 159, 255, var(--border-opacity)) !important;
  }

  .md\:border-blue-600 {
    --border-opacity: 1 !important;
    border-color: #298fe6 !important;
    border-color: rgba(41, 143, 230, var(--border-opacity)) !important;
  }

  .md\:border-blue-700 {
    --border-opacity: 1 !important;
    border-color: #257fcc !important;
    border-color: rgba(37, 127, 204, var(--border-opacity)) !important;
  }

  .md\:border-blue-800 {
    --border-opacity: 1 !important;
    border-color: #206fb3 !important;
    border-color: rgba(32, 111, 179, var(--border-opacity)) !important;
  }

  .md\:border-blue-900 {
    --border-opacity: 1 !important;
    border-color: #175080 !important;
    border-color: rgba(23, 80, 128, var(--border-opacity)) !important;
  }

  .md\:border-red-dark {
    --border-opacity: 1 !important;
    border-color: hsl(2, 57%, 53%) !important;
    border-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--border-opacity)) !important;
  }

  .md\:border-red {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 60%) !important;
    border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--border-opacity)) !important;
  }

  .md\:border-red-light {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 70%) !important;
    border-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--border-opacity)) !important;
  }

  .md\:border-red-lighter {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 95%) !important;
    border-color: rgba(251.94, 233.206, 232.55999999999997, var(--border-opacity)) !important;
  }

  .md\:border-yellow {
    --border-opacity: 1 !important;
    border-color: #fbfab0 !important;
    border-color: rgba(251, 250, 176, var(--border-opacity)) !important;
  }

  .md\:border-yellow-dark {
    --border-opacity: 1 !important;
    border-color: #d8cd1b !important;
    border-color: rgba(216, 205, 27, var(--border-opacity)) !important;
  }

  .md\:border-orange {
    --border-opacity: 1 !important;
    border-color: #f5a82f !important;
    border-color: rgba(245, 168, 47, var(--border-opacity)) !important;
  }

  .md\:border-pink {
    --border-opacity: 1 !important;
    border-color: #ff269e !important;
    border-color: rgba(255, 38, 158, var(--border-opacity)) !important;
  }

  .md\:border-purple {
    --border-opacity: 1 !important;
    border-color: #c471ed !important;
    border-color: rgba(196, 113, 237, var(--border-opacity)) !important;
  }

  .md\:border-darken-10 {
    border-color: rgba(0,0,0,.1) !important;
  }

  .md\:border-darken-20 {
    border-color: rgba(0,0,0,.2) !important;
  }

  .md\:border-primary {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .md\:hover\:border-transparent:hover {
    border-color: transparent !important;
  }

  .md\:hover\:border-black:hover {
    --border-opacity: 1 !important;
    border-color: #000000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .md\:hover\:border-grey-100:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 20%, 10%) !important;
    border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--border-opacity)) !important;
  }

  .md\:hover\:border-grey:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .md\:hover\:border-grey-90:hover {
    --border-opacity: 1 !important;
    border-color: hsl(196, 31%, 14%) !important;
    border-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--border-opacity)) !important;
  }

  .md\:hover\:border-grey-80:hover {
    --border-opacity: 1 !important;
    border-color: hsl(198, 32%, 16%) !important;
    border-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--border-opacity)) !important;
  }

  .md\:hover\:border-grey-70:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .md\:hover\:border-grey-60:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 70%) !important;
    border-color: rgba(167.02499999999998, 178.5, 189.975, var(--border-opacity)) !important;
  }

  .md\:hover\:border-grey-50:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 80%) !important;
    border-color: rgba(196.35, 204, 211.65, var(--border-opacity)) !important;
  }

  .md\:hover\:border-grey-40:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 22%, 89%) !important;
    border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--border-opacity)) !important;
  }

  .md\:hover\:border-grey-30:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 30%, 95%) !important;
    border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--border-opacity)) !important;
  }

  .md\:hover\:border-grey-20:hover {
    --border-opacity: 1 !important;
    border-color: hsl(214, 60%, 97.5%) !important;
    border-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--border-opacity)) !important;
  }

  .md\:hover\:border-grey-10:hover {
    --border-opacity: 1 !important;
    border-color: hsl(218, 90%, 99%) !important;
    border-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--border-opacity)) !important;
  }

  .md\:hover\:border-white:hover {
    --border-opacity: 1 !important;
    border-color: #ffffff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .md\:hover\:border-green:hover {
    --border-opacity: 1 !important;
    border-color: #479967 !important;
    border-color: rgba(71, 153, 103, var(--border-opacity)) !important;
  }

  .md\:hover\:border-green-light:hover {
    --border-opacity: 1 !important;
    border-color: #64BD63 !important;
    border-color: rgba(100, 189, 99, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-lighter:hover {
    --border-opacity: 1 !important;
    border-color: hsl(207, 86%, 70%) !important;
    border-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-light:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 100%, 75%) !important;
    border-color: rgba(127.5, 191.24999999999994, 255, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue:hover {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-dark:hover {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 45%) !important;
    border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-darker:hover {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 40%) !important;
    border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-100:hover {
    --border-opacity: 1 !important;
    border-color: #eaf5ff !important;
    border-color: rgba(234, 245, 255, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-200:hover {
    --border-opacity: 1 !important;
    border-color: #abd9ff !important;
    border-color: rgba(171, 217, 255, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-300:hover {
    --border-opacity: 1 !important;
    border-color: #82c5ff !important;
    border-color: rgba(130, 197, 255, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-400:hover {
    --border-opacity: 1 !important;
    border-color: #43a9ff !important;
    border-color: rgba(67, 169, 255, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-500:hover {
    --border-opacity: 1 !important;
    border-color: #2e9fff !important;
    border-color: rgba(46, 159, 255, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-600:hover {
    --border-opacity: 1 !important;
    border-color: #298fe6 !important;
    border-color: rgba(41, 143, 230, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-700:hover {
    --border-opacity: 1 !important;
    border-color: #257fcc !important;
    border-color: rgba(37, 127, 204, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-800:hover {
    --border-opacity: 1 !important;
    border-color: #206fb3 !important;
    border-color: rgba(32, 111, 179, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-900:hover {
    --border-opacity: 1 !important;
    border-color: #175080 !important;
    border-color: rgba(23, 80, 128, var(--border-opacity)) !important;
  }

  .md\:hover\:border-red-dark:hover {
    --border-opacity: 1 !important;
    border-color: hsl(2, 57%, 53%) !important;
    border-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--border-opacity)) !important;
  }

  .md\:hover\:border-red:hover {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 60%) !important;
    border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--border-opacity)) !important;
  }

  .md\:hover\:border-red-light:hover {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 70%) !important;
    border-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--border-opacity)) !important;
  }

  .md\:hover\:border-red-lighter:hover {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 95%) !important;
    border-color: rgba(251.94, 233.206, 232.55999999999997, var(--border-opacity)) !important;
  }

  .md\:hover\:border-yellow:hover {
    --border-opacity: 1 !important;
    border-color: #fbfab0 !important;
    border-color: rgba(251, 250, 176, var(--border-opacity)) !important;
  }

  .md\:hover\:border-yellow-dark:hover {
    --border-opacity: 1 !important;
    border-color: #d8cd1b !important;
    border-color: rgba(216, 205, 27, var(--border-opacity)) !important;
  }

  .md\:hover\:border-orange:hover {
    --border-opacity: 1 !important;
    border-color: #f5a82f !important;
    border-color: rgba(245, 168, 47, var(--border-opacity)) !important;
  }

  .md\:hover\:border-pink:hover {
    --border-opacity: 1 !important;
    border-color: #ff269e !important;
    border-color: rgba(255, 38, 158, var(--border-opacity)) !important;
  }

  .md\:hover\:border-purple:hover {
    --border-opacity: 1 !important;
    border-color: #c471ed !important;
    border-color: rgba(196, 113, 237, var(--border-opacity)) !important;
  }

  .md\:hover\:border-darken-10:hover {
    border-color: rgba(0,0,0,.1) !important;
  }

  .md\:hover\:border-darken-20:hover {
    border-color: rgba(0,0,0,.2) !important;
  }

  .md\:hover\:border-primary:hover {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .md\:focus\:border-transparent:focus {
    border-color: transparent !important;
  }

  .md\:focus\:border-black:focus {
    --border-opacity: 1 !important;
    border-color: #000000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .md\:focus\:border-grey-100:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 20%, 10%) !important;
    border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--border-opacity)) !important;
  }

  .md\:focus\:border-grey:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .md\:focus\:border-grey-90:focus {
    --border-opacity: 1 !important;
    border-color: hsl(196, 31%, 14%) !important;
    border-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--border-opacity)) !important;
  }

  .md\:focus\:border-grey-80:focus {
    --border-opacity: 1 !important;
    border-color: hsl(198, 32%, 16%) !important;
    border-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--border-opacity)) !important;
  }

  .md\:focus\:border-grey-70:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .md\:focus\:border-grey-60:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 70%) !important;
    border-color: rgba(167.02499999999998, 178.5, 189.975, var(--border-opacity)) !important;
  }

  .md\:focus\:border-grey-50:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 80%) !important;
    border-color: rgba(196.35, 204, 211.65, var(--border-opacity)) !important;
  }

  .md\:focus\:border-grey-40:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 22%, 89%) !important;
    border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--border-opacity)) !important;
  }

  .md\:focus\:border-grey-30:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 30%, 95%) !important;
    border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--border-opacity)) !important;
  }

  .md\:focus\:border-grey-20:focus {
    --border-opacity: 1 !important;
    border-color: hsl(214, 60%, 97.5%) !important;
    border-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--border-opacity)) !important;
  }

  .md\:focus\:border-grey-10:focus {
    --border-opacity: 1 !important;
    border-color: hsl(218, 90%, 99%) !important;
    border-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--border-opacity)) !important;
  }

  .md\:focus\:border-white:focus {
    --border-opacity: 1 !important;
    border-color: #ffffff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .md\:focus\:border-green:focus {
    --border-opacity: 1 !important;
    border-color: #479967 !important;
    border-color: rgba(71, 153, 103, var(--border-opacity)) !important;
  }

  .md\:focus\:border-green-light:focus {
    --border-opacity: 1 !important;
    border-color: #64BD63 !important;
    border-color: rgba(100, 189, 99, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-lighter:focus {
    --border-opacity: 1 !important;
    border-color: hsl(207, 86%, 70%) !important;
    border-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-light:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 100%, 75%) !important;
    border-color: rgba(127.5, 191.24999999999994, 255, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue:focus {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-dark:focus {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 45%) !important;
    border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-darker:focus {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 40%) !important;
    border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-100:focus {
    --border-opacity: 1 !important;
    border-color: #eaf5ff !important;
    border-color: rgba(234, 245, 255, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-200:focus {
    --border-opacity: 1 !important;
    border-color: #abd9ff !important;
    border-color: rgba(171, 217, 255, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-300:focus {
    --border-opacity: 1 !important;
    border-color: #82c5ff !important;
    border-color: rgba(130, 197, 255, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-400:focus {
    --border-opacity: 1 !important;
    border-color: #43a9ff !important;
    border-color: rgba(67, 169, 255, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-500:focus {
    --border-opacity: 1 !important;
    border-color: #2e9fff !important;
    border-color: rgba(46, 159, 255, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-600:focus {
    --border-opacity: 1 !important;
    border-color: #298fe6 !important;
    border-color: rgba(41, 143, 230, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-700:focus {
    --border-opacity: 1 !important;
    border-color: #257fcc !important;
    border-color: rgba(37, 127, 204, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-800:focus {
    --border-opacity: 1 !important;
    border-color: #206fb3 !important;
    border-color: rgba(32, 111, 179, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-900:focus {
    --border-opacity: 1 !important;
    border-color: #175080 !important;
    border-color: rgba(23, 80, 128, var(--border-opacity)) !important;
  }

  .md\:focus\:border-red-dark:focus {
    --border-opacity: 1 !important;
    border-color: hsl(2, 57%, 53%) !important;
    border-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--border-opacity)) !important;
  }

  .md\:focus\:border-red:focus {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 60%) !important;
    border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--border-opacity)) !important;
  }

  .md\:focus\:border-red-light:focus {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 70%) !important;
    border-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--border-opacity)) !important;
  }

  .md\:focus\:border-red-lighter:focus {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 95%) !important;
    border-color: rgba(251.94, 233.206, 232.55999999999997, var(--border-opacity)) !important;
  }

  .md\:focus\:border-yellow:focus {
    --border-opacity: 1 !important;
    border-color: #fbfab0 !important;
    border-color: rgba(251, 250, 176, var(--border-opacity)) !important;
  }

  .md\:focus\:border-yellow-dark:focus {
    --border-opacity: 1 !important;
    border-color: #d8cd1b !important;
    border-color: rgba(216, 205, 27, var(--border-opacity)) !important;
  }

  .md\:focus\:border-orange:focus {
    --border-opacity: 1 !important;
    border-color: #f5a82f !important;
    border-color: rgba(245, 168, 47, var(--border-opacity)) !important;
  }

  .md\:focus\:border-pink:focus {
    --border-opacity: 1 !important;
    border-color: #ff269e !important;
    border-color: rgba(255, 38, 158, var(--border-opacity)) !important;
  }

  .md\:focus\:border-purple:focus {
    --border-opacity: 1 !important;
    border-color: #c471ed !important;
    border-color: rgba(196, 113, 237, var(--border-opacity)) !important;
  }

  .md\:focus\:border-darken-10:focus {
    border-color: rgba(0,0,0,.1) !important;
  }

  .md\:focus\:border-darken-20:focus {
    border-color: rgba(0,0,0,.2) !important;
  }

  .md\:focus\:border-primary:focus {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .md\:border-opacity-0 {
    --border-opacity: 0 !important;
  }

  .md\:border-opacity-25 {
    --border-opacity: 0.25 !important;
  }

  .md\:border-opacity-50 {
    --border-opacity: 0.5 !important;
  }

  .md\:border-opacity-75 {
    --border-opacity: 0.75 !important;
  }

  .md\:border-opacity-100 {
    --border-opacity: 1 !important;
  }

  .md\:hover\:border-opacity-0:hover {
    --border-opacity: 0 !important;
  }

  .md\:hover\:border-opacity-25:hover {
    --border-opacity: 0.25 !important;
  }

  .md\:hover\:border-opacity-50:hover {
    --border-opacity: 0.5 !important;
  }

  .md\:hover\:border-opacity-75:hover {
    --border-opacity: 0.75 !important;
  }

  .md\:hover\:border-opacity-100:hover {
    --border-opacity: 1 !important;
  }

  .md\:focus\:border-opacity-0:focus {
    --border-opacity: 0 !important;
  }

  .md\:focus\:border-opacity-25:focus {
    --border-opacity: 0.25 !important;
  }

  .md\:focus\:border-opacity-50:focus {
    --border-opacity: 0.5 !important;
  }

  .md\:focus\:border-opacity-75:focus {
    --border-opacity: 0.75 !important;
  }

  .md\:focus\:border-opacity-100:focus {
    --border-opacity: 1 !important;
  }

  .md\:rounded {
    border-radius: 3px !important;
  }

  .md\:rounded-sm {
    border-radius: 2px !important;
  }

  .md\:rounded-md {
    border-radius: 4px !important;
  }

  .md\:rounded-lg {
    border-radius: 8px !important;
  }

  .md\:rounded-full {
    border-radius: 9999px !important;
  }

  .md\:rounded-none {
    border-radius: 0 !important;
  }

  .md\:rounded-t {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
  }

  .md\:rounded-r {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }

  .md\:rounded-b {
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
  }

  .md\:rounded-l {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
  }

  .md\:rounded-t-sm {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
  }

  .md\:rounded-r-sm {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
  }

  .md\:rounded-b-sm {
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
  }

  .md\:rounded-l-sm {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
  }

  .md\:rounded-t-md {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
  }

  .md\:rounded-r-md {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }

  .md\:rounded-b-md {
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }

  .md\:rounded-l-md {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }

  .md\:rounded-t-lg {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }

  .md\:rounded-r-lg {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }

  .md\:rounded-b-lg {
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }

  .md\:rounded-l-lg {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }

  .md\:rounded-t-full {
    border-top-left-radius: 9999px !important;
    border-top-right-radius: 9999px !important;
  }

  .md\:rounded-r-full {
    border-top-right-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important;
  }

  .md\:rounded-b-full {
    border-bottom-right-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .md\:rounded-l-full {
    border-top-left-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .md\:rounded-t-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .md\:rounded-r-none {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .md\:rounded-b-none {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .md\:rounded-l-none {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .md\:rounded-tl {
    border-top-left-radius: 3px !important;
  }

  .md\:rounded-tr {
    border-top-right-radius: 3px !important;
  }

  .md\:rounded-br {
    border-bottom-right-radius: 3px !important;
  }

  .md\:rounded-bl {
    border-bottom-left-radius: 3px !important;
  }

  .md\:rounded-tl-sm {
    border-top-left-radius: 2px !important;
  }

  .md\:rounded-tr-sm {
    border-top-right-radius: 2px !important;
  }

  .md\:rounded-br-sm {
    border-bottom-right-radius: 2px !important;
  }

  .md\:rounded-bl-sm {
    border-bottom-left-radius: 2px !important;
  }

  .md\:rounded-tl-md {
    border-top-left-radius: 4px !important;
  }

  .md\:rounded-tr-md {
    border-top-right-radius: 4px !important;
  }

  .md\:rounded-br-md {
    border-bottom-right-radius: 4px !important;
  }

  .md\:rounded-bl-md {
    border-bottom-left-radius: 4px !important;
  }

  .md\:rounded-tl-lg {
    border-top-left-radius: 8px !important;
  }

  .md\:rounded-tr-lg {
    border-top-right-radius: 8px !important;
  }

  .md\:rounded-br-lg {
    border-bottom-right-radius: 8px !important;
  }

  .md\:rounded-bl-lg {
    border-bottom-left-radius: 8px !important;
  }

  .md\:rounded-tl-full {
    border-top-left-radius: 9999px !important;
  }

  .md\:rounded-tr-full {
    border-top-right-radius: 9999px !important;
  }

  .md\:rounded-br-full {
    border-bottom-right-radius: 9999px !important;
  }

  .md\:rounded-bl-full {
    border-bottom-left-radius: 9999px !important;
  }

  .md\:rounded-tl-none {
    border-top-left-radius: 0 !important;
  }

  .md\:rounded-tr-none {
    border-top-right-radius: 0 !important;
  }

  .md\:rounded-br-none {
    border-bottom-right-radius: 0 !important;
  }

  .md\:rounded-bl-none {
    border-bottom-left-radius: 0 !important;
  }

  .md\:border-solid {
    border-style: solid !important;
  }

  .md\:border-dashed {
    border-style: dashed !important;
  }

  .md\:border-dotted {
    border-style: dotted !important;
  }

  .md\:border-double {
    border-style: double !important;
  }

  .md\:border-none {
    border-style: none !important;
  }

  .md\:border-0 {
    border-width: 0 !important;
  }

  .md\:border-2 {
    border-width: 2px !important;
  }

  .md\:border-3 {
    border-width: 3px !important;
  }

  .md\:border-4 {
    border-width: 4px !important;
  }

  .md\:border-6 {
    border-width: 6px !important;
  }

  .md\:border-8 {
    border-width: 8px !important;
  }

  .md\:border {
    border-width: 1px !important;
  }

  .md\:border-t-0 {
    border-top-width: 0 !important;
  }

  .md\:border-r-0 {
    border-right-width: 0 !important;
  }

  .md\:border-b-0 {
    border-bottom-width: 0 !important;
  }

  .md\:border-l-0 {
    border-left-width: 0 !important;
  }

  .md\:border-t-2 {
    border-top-width: 2px !important;
  }

  .md\:border-r-2 {
    border-right-width: 2px !important;
  }

  .md\:border-b-2 {
    border-bottom-width: 2px !important;
  }

  .md\:border-l-2 {
    border-left-width: 2px !important;
  }

  .md\:border-t-3 {
    border-top-width: 3px !important;
  }

  .md\:border-r-3 {
    border-right-width: 3px !important;
  }

  .md\:border-b-3 {
    border-bottom-width: 3px !important;
  }

  .md\:border-l-3 {
    border-left-width: 3px !important;
  }

  .md\:border-t-4 {
    border-top-width: 4px !important;
  }

  .md\:border-r-4 {
    border-right-width: 4px !important;
  }

  .md\:border-b-4 {
    border-bottom-width: 4px !important;
  }

  .md\:border-l-4 {
    border-left-width: 4px !important;
  }

  .md\:border-t-6 {
    border-top-width: 6px !important;
  }

  .md\:border-r-6 {
    border-right-width: 6px !important;
  }

  .md\:border-b-6 {
    border-bottom-width: 6px !important;
  }

  .md\:border-l-6 {
    border-left-width: 6px !important;
  }

  .md\:border-t-8 {
    border-top-width: 8px !important;
  }

  .md\:border-r-8 {
    border-right-width: 8px !important;
  }

  .md\:border-b-8 {
    border-bottom-width: 8px !important;
  }

  .md\:border-l-8 {
    border-left-width: 8px !important;
  }

  .md\:border-t {
    border-top-width: 1px !important;
  }

  .md\:border-r {
    border-right-width: 1px !important;
  }

  .md\:border-b {
    border-bottom-width: 1px !important;
  }

  .md\:border-l {
    border-left-width: 1px !important;
  }

  .md\:hover\:border-0:hover {
    border-width: 0 !important;
  }

  .md\:hover\:border-2:hover {
    border-width: 2px !important;
  }

  .md\:hover\:border-3:hover {
    border-width: 3px !important;
  }

  .md\:hover\:border-4:hover {
    border-width: 4px !important;
  }

  .md\:hover\:border-6:hover {
    border-width: 6px !important;
  }

  .md\:hover\:border-8:hover {
    border-width: 8px !important;
  }

  .md\:hover\:border:hover {
    border-width: 1px !important;
  }

  .md\:hover\:border-t-0:hover {
    border-top-width: 0 !important;
  }

  .md\:hover\:border-r-0:hover {
    border-right-width: 0 !important;
  }

  .md\:hover\:border-b-0:hover {
    border-bottom-width: 0 !important;
  }

  .md\:hover\:border-l-0:hover {
    border-left-width: 0 !important;
  }

  .md\:hover\:border-t-2:hover {
    border-top-width: 2px !important;
  }

  .md\:hover\:border-r-2:hover {
    border-right-width: 2px !important;
  }

  .md\:hover\:border-b-2:hover {
    border-bottom-width: 2px !important;
  }

  .md\:hover\:border-l-2:hover {
    border-left-width: 2px !important;
  }

  .md\:hover\:border-t-3:hover {
    border-top-width: 3px !important;
  }

  .md\:hover\:border-r-3:hover {
    border-right-width: 3px !important;
  }

  .md\:hover\:border-b-3:hover {
    border-bottom-width: 3px !important;
  }

  .md\:hover\:border-l-3:hover {
    border-left-width: 3px !important;
  }

  .md\:hover\:border-t-4:hover {
    border-top-width: 4px !important;
  }

  .md\:hover\:border-r-4:hover {
    border-right-width: 4px !important;
  }

  .md\:hover\:border-b-4:hover {
    border-bottom-width: 4px !important;
  }

  .md\:hover\:border-l-4:hover {
    border-left-width: 4px !important;
  }

  .md\:hover\:border-t-6:hover {
    border-top-width: 6px !important;
  }

  .md\:hover\:border-r-6:hover {
    border-right-width: 6px !important;
  }

  .md\:hover\:border-b-6:hover {
    border-bottom-width: 6px !important;
  }

  .md\:hover\:border-l-6:hover {
    border-left-width: 6px !important;
  }

  .md\:hover\:border-t-8:hover {
    border-top-width: 8px !important;
  }

  .md\:hover\:border-r-8:hover {
    border-right-width: 8px !important;
  }

  .md\:hover\:border-b-8:hover {
    border-bottom-width: 8px !important;
  }

  .md\:hover\:border-l-8:hover {
    border-left-width: 8px !important;
  }

  .md\:hover\:border-t:hover {
    border-top-width: 1px !important;
  }

  .md\:hover\:border-r:hover {
    border-right-width: 1px !important;
  }

  .md\:hover\:border-b:hover {
    border-bottom-width: 1px !important;
  }

  .md\:hover\:border-l:hover {
    border-left-width: 1px !important;
  }

  .md\:box-border {
    box-sizing: border-box !important;
  }

  .md\:box-content {
    box-sizing: content-box !important;
  }

  .md\:cursor-auto {
    cursor: auto !important;
  }

  .md\:cursor-default {
    cursor: default !important;
  }

  .md\:cursor-pointer {
    cursor: pointer !important;
  }

  .md\:cursor-wait {
    cursor: wait !important;
  }

  .md\:cursor-text {
    cursor: text !important;
  }

  .md\:cursor-move {
    cursor: move !important;
  }

  .md\:cursor-not-allowed {
    cursor: not-allowed !important;
  }

  .md\:block {
    display: block !important;
  }

  .md\:inline-block {
    display: inline-block !important;
  }

  .md\:inline {
    display: inline !important;
  }

  .md\:flex {
    display: flex !important;
  }

  .md\:inline-flex {
    display: inline-flex !important;
  }

  .md\:table {
    display: table !important;
  }

  .md\:table-caption {
    display: table-caption !important;
  }

  .md\:table-cell {
    display: table-cell !important;
  }

  .md\:table-column {
    display: table-column !important;
  }

  .md\:table-column-group {
    display: table-column-group !important;
  }

  .md\:table-footer-group {
    display: table-footer-group !important;
  }

  .md\:table-header-group {
    display: table-header-group !important;
  }

  .md\:table-row-group {
    display: table-row-group !important;
  }

  .md\:table-row {
    display: table-row !important;
  }

  .md\:flow-root {
    display: flow-root !important;
  }

  .md\:grid {
    display: grid !important;
  }

  .md\:inline-grid {
    display: inline-grid !important;
  }

  .md\:contents {
    display: contents !important;
  }

  .md\:hidden {
    display: none !important;
  }

  .md\:flex-row {
    flex-direction: row !important;
  }

  .md\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }

  .md\:flex-col {
    flex-direction: column !important;
  }

  .md\:flex-col-reverse {
    flex-direction: column-reverse !important;
  }

  .md\:flex-wrap {
    flex-wrap: wrap !important;
  }

  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .md\:flex-no-wrap {
    flex-wrap: nowrap !important;
  }

  .md\:place-items-auto {
    place-items: auto !important;
  }

  .md\:place-items-start {
    place-items: start !important;
  }

  .md\:place-items-end {
    place-items: end !important;
  }

  .md\:place-items-center {
    place-items: center !important;
  }

  .md\:place-items-stretch {
    place-items: stretch !important;
  }

  .md\:place-content-center {
    place-content: center !important;
  }

  .md\:place-content-start {
    place-content: start !important;
  }

  .md\:place-content-end {
    place-content: end !important;
  }

  .md\:place-content-between {
    place-content: space-between !important;
  }

  .md\:place-content-around {
    place-content: space-around !important;
  }

  .md\:place-content-evenly {
    place-content: space-evenly !important;
  }

  .md\:place-content-stretch {
    place-content: stretch !important;
  }

  .md\:place-self-auto {
    place-self: auto !important;
  }

  .md\:place-self-start {
    place-self: start !important;
  }

  .md\:place-self-end {
    place-self: end !important;
  }

  .md\:place-self-center {
    place-self: center !important;
  }

  .md\:place-self-stretch {
    place-self: stretch !important;
  }

  .md\:items-start {
    align-items: flex-start !important;
  }

  .md\:items-end {
    align-items: flex-end !important;
  }

  .md\:items-center {
    align-items: center !important;
  }

  .md\:items-baseline {
    align-items: baseline !important;
  }

  .md\:items-stretch {
    align-items: stretch !important;
  }

  .md\:content-center {
    align-content: center !important;
  }

  .md\:content-start {
    align-content: flex-start !important;
  }

  .md\:content-end {
    align-content: flex-end !important;
  }

  .md\:content-between {
    align-content: space-between !important;
  }

  .md\:content-around {
    align-content: space-around !important;
  }

  .md\:content-evenly {
    align-content: space-evenly !important;
  }

  .md\:self-auto {
    align-self: auto !important;
  }

  .md\:self-start {
    align-self: flex-start !important;
  }

  .md\:self-end {
    align-self: flex-end !important;
  }

  .md\:self-center {
    align-self: center !important;
  }

  .md\:self-stretch {
    align-self: stretch !important;
  }

  .md\:justify-items-auto {
    justify-items: auto !important;
  }

  .md\:justify-items-start {
    justify-items: start !important;
  }

  .md\:justify-items-end {
    justify-items: end !important;
  }

  .md\:justify-items-center {
    justify-items: center !important;
  }

  .md\:justify-items-stretch {
    justify-items: stretch !important;
  }

  .md\:justify-start {
    justify-content: flex-start !important;
  }

  .md\:justify-end {
    justify-content: flex-end !important;
  }

  .md\:justify-center {
    justify-content: center !important;
  }

  .md\:justify-between {
    justify-content: space-between !important;
  }

  .md\:justify-around {
    justify-content: space-around !important;
  }

  .md\:justify-evenly {
    justify-content: space-evenly !important;
  }

  .md\:justify-self-auto {
    justify-self: auto !important;
  }

  .md\:justify-self-start {
    justify-self: start !important;
  }

  .md\:justify-self-end {
    justify-self: end !important;
  }

  .md\:justify-self-center {
    justify-self: center !important;
  }

  .md\:justify-self-stretch {
    justify-self: stretch !important;
  }

  .md\:flex-1 {
    flex: 1 1 0% !important;
  }

  .md\:flex-auto {
    flex: 1 1 auto !important;
  }

  .md\:flex-initial {
    flex: 0 1 auto !important;
  }

  .md\:flex-none {
    flex: none !important;
  }

  .md\:flex-grow-0 {
    flex-grow: 0 !important;
  }

  .md\:flex-grow {
    flex-grow: 1 !important;
  }

  .md\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }

  .md\:flex-shrink {
    flex-shrink: 1 !important;
  }

  .md\:order-1 {
    order: 1 !important;
  }

  .md\:order-2 {
    order: 2 !important;
  }

  .md\:order-3 {
    order: 3 !important;
  }

  .md\:order-4 {
    order: 4 !important;
  }

  .md\:order-5 {
    order: 5 !important;
  }

  .md\:order-6 {
    order: 6 !important;
  }

  .md\:order-7 {
    order: 7 !important;
  }

  .md\:order-8 {
    order: 8 !important;
  }

  .md\:order-9 {
    order: 9 !important;
  }

  .md\:order-10 {
    order: 10 !important;
  }

  .md\:order-11 {
    order: 11 !important;
  }

  .md\:order-12 {
    order: 12 !important;
  }

  .md\:order-first {
    order: -9999 !important;
  }

  .md\:order-last {
    order: 9999 !important;
  }

  .md\:order-none {
    order: 0 !important;
  }

  .md\:float-right {
    float: right !important;
  }

  .md\:float-left {
    float: left !important;
  }

  .md\:float-none {
    float: none !important;
  }

  .md\:clearfix:after {
    content: "" !important;
    display: table !important;
    clear: both !important;
  }

  .md\:clear-left {
    clear: left !important;
  }

  .md\:clear-right {
    clear: right !important;
  }

  .md\:clear-both {
    clear: both !important;
  }

  .md\:clear-none {
    clear: none !important;
  }

  .md\:font-normal {
    font-weight: 400 !important;
  }

  .md\:font-medium {
    font-weight: 500 !important;
  }

  .md\:font-bold {
    font-weight: 700 !important;
  }

  .md\:font-black {
    font-weight: 900 !important;
  }

  .md\:hover\:font-normal:hover {
    font-weight: 400 !important;
  }

  .md\:hover\:font-medium:hover {
    font-weight: 500 !important;
  }

  .md\:hover\:font-bold:hover {
    font-weight: 700 !important;
  }

  .md\:hover\:font-black:hover {
    font-weight: 900 !important;
  }

  .md\:h-1 {
    height: 2px !important;
  }

  .md\:h-2 {
    height: 4px !important;
  }

  .md\:h-3 {
    height: 8px !important;
  }

  .md\:h-4 {
    height: 16px !important;
  }

  .md\:h-5 {
    height: 1.25rem !important;
  }

  .md\:h-6 {
    height: 24px !important;
  }

  .md\:h-7 {
    height: 28px !important;
  }

  .md\:h-8 {
    height: 32px !important;
  }

  .md\:h-9 {
    height: 36px !important;
  }

  .md\:h-10 {
    height: 40px !important;
  }

  .md\:h-12 {
    height: 48px !important;
  }

  .md\:h-13 {
    height: 52px !important;
  }

  .md\:h-14 {
    height: 56px !important;
  }

  .md\:h-16 {
    height: 64px !important;
  }

  .md\:h-20 {
    height: 80px !important;
  }

  .md\:h-24 {
    height: 96px !important;
  }

  .md\:h-48 {
    height: 160px !important;
  }

  .md\:h-64 {
    height: 192px !important;
  }

  .md\:h-80 {
    height: 220px !important;
  }

  .md\:h-96 {
    height: 24rem !important;
  }

  .md\:h-auto {
    height: auto !important;
  }

  .md\:h-px {
    height: 1px !important;
  }

  .md\:h-full {
    height: 100% !important;
  }

  .md\:h-screen {
    height: 100vh !important;
  }

  .md\:leading-none {
    line-height: 1 !important;
  }

  .md\:leading-tight {
    line-height: 1.25 !important;
  }

  .md\:leading-normal {
    line-height: 1.5 !important;
  }

  .md\:leading-loose {
    line-height: 1.75 !important;
  }

  .md\:list-inside {
    list-style-position: inside !important;
  }

  .md\:list-outside {
    list-style-position: outside !important;
  }

  .md\:list-none {
    list-style-type: none !important;
  }

  .md\:list-disc {
    list-style-type: disc !important;
  }

  .md\:list-decimal {
    list-style-type: decimal !important;
  }

  .md\:m-0 {
    margin: 0 !important;
  }

  .md\:m-1 {
    margin: 8px !important;
  }

  .md\:m-2 {
    margin: 16px !important;
  }

  .md\:m-3 {
    margin: 24px !important;
  }

  .md\:m-4 {
    margin: 32px !important;
  }

  .md\:m-5 {
    margin: 40px !important;
  }

  .md\:m-6 {
    margin: 64px !important;
  }

  .md\:m-7 {
    margin: 80px !important;
  }

  .md\:m-8 {
    margin: 120px !important;
  }

  .md\:m-auto {
    margin: auto !important;
  }

  .md\:m-px {
    margin: 1px !important;
  }

  .md\:m-sm {
    margin: 4px !important;
  }

  .md\:m-1\.5 {
    margin: 12px !important;
  }

  .md\:-m-1 {
    margin: -8px !important;
  }

  .md\:-m-2 {
    margin: -16px !important;
  }

  .md\:-m-3 {
    margin: -24px !important;
  }

  .md\:-m-4 {
    margin: -32px !important;
  }

  .md\:-m-5 {
    margin: -40px !important;
  }

  .md\:-m-6 {
    margin: -64px !important;
  }

  .md\:-m-7 {
    margin: -80px !important;
  }

  .md\:-m-8 {
    margin: -120px !important;
  }

  .md\:-m-px {
    margin: -1px !important;
  }

  .md\:-m-sm {
    margin: -4px !important;
  }

  .md\:-m-1\.5 {
    margin: -12px !important;
  }

  .md\:my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .md\:mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .md\:my-1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .md\:mx-1 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .md\:my-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .md\:mx-2 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  .md\:my-3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .md\:mx-3 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }

  .md\:my-4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }

  .md\:mx-4 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }

  .md\:my-5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .md\:mx-5 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .md\:my-6 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }

  .md\:mx-6 {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }

  .md\:my-7 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .md\:mx-7 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .md\:my-8 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .md\:mx-8 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }

  .md\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .md\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .md\:my-px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .md\:mx-px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .md\:my-sm {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .md\:mx-sm {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .md\:my-1\.5 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }

  .md\:mx-1\.5 {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  .md\:-my-1 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }

  .md\:-mx-1 {
    margin-left: -8px !important;
    margin-right: -8px !important;
  }

  .md\:-my-2 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }

  .md\:-mx-2 {
    margin-left: -16px !important;
    margin-right: -16px !important;
  }

  .md\:-my-3 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }

  .md\:-mx-3 {
    margin-left: -24px !important;
    margin-right: -24px !important;
  }

  .md\:-my-4 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }

  .md\:-mx-4 {
    margin-left: -32px !important;
    margin-right: -32px !important;
  }

  .md\:-my-5 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }

  .md\:-mx-5 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }

  .md\:-my-6 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }

  .md\:-mx-6 {
    margin-left: -64px !important;
    margin-right: -64px !important;
  }

  .md\:-my-7 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }

  .md\:-mx-7 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }

  .md\:-my-8 {
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }

  .md\:-mx-8 {
    margin-left: -120px !important;
    margin-right: -120px !important;
  }

  .md\:-my-px {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }

  .md\:-mx-px {
    margin-left: -1px !important;
    margin-right: -1px !important;
  }

  .md\:-my-sm {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }

  .md\:-mx-sm {
    margin-left: -4px !important;
    margin-right: -4px !important;
  }

  .md\:-my-1\.5 {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }

  .md\:-mx-1\.5 {
    margin-left: -12px !important;
    margin-right: -12px !important;
  }

  .md\:mt-0 {
    margin-top: 0 !important;
  }

  .md\:mr-0 {
    margin-right: 0 !important;
  }

  .md\:mb-0 {
    margin-bottom: 0 !important;
  }

  .md\:ml-0 {
    margin-left: 0 !important;
  }

  .md\:mt-1 {
    margin-top: 8px !important;
  }

  .md\:mr-1 {
    margin-right: 8px !important;
  }

  .md\:mb-1 {
    margin-bottom: 8px !important;
  }

  .md\:ml-1 {
    margin-left: 8px !important;
  }

  .md\:mt-2 {
    margin-top: 16px !important;
  }

  .md\:mr-2 {
    margin-right: 16px !important;
  }

  .md\:mb-2 {
    margin-bottom: 16px !important;
  }

  .md\:ml-2 {
    margin-left: 16px !important;
  }

  .md\:mt-3 {
    margin-top: 24px !important;
  }

  .md\:mr-3 {
    margin-right: 24px !important;
  }

  .md\:mb-3 {
    margin-bottom: 24px !important;
  }

  .md\:ml-3 {
    margin-left: 24px !important;
  }

  .md\:mt-4 {
    margin-top: 32px !important;
  }

  .md\:mr-4 {
    margin-right: 32px !important;
  }

  .md\:mb-4 {
    margin-bottom: 32px !important;
  }

  .md\:ml-4 {
    margin-left: 32px !important;
  }

  .md\:mt-5 {
    margin-top: 40px !important;
  }

  .md\:mr-5 {
    margin-right: 40px !important;
  }

  .md\:mb-5 {
    margin-bottom: 40px !important;
  }

  .md\:ml-5 {
    margin-left: 40px !important;
  }

  .md\:mt-6 {
    margin-top: 64px !important;
  }

  .md\:mr-6 {
    margin-right: 64px !important;
  }

  .md\:mb-6 {
    margin-bottom: 64px !important;
  }

  .md\:ml-6 {
    margin-left: 64px !important;
  }

  .md\:mt-7 {
    margin-top: 80px !important;
  }

  .md\:mr-7 {
    margin-right: 80px !important;
  }

  .md\:mb-7 {
    margin-bottom: 80px !important;
  }

  .md\:ml-7 {
    margin-left: 80px !important;
  }

  .md\:mt-8 {
    margin-top: 120px !important;
  }

  .md\:mr-8 {
    margin-right: 120px !important;
  }

  .md\:mb-8 {
    margin-bottom: 120px !important;
  }

  .md\:ml-8 {
    margin-left: 120px !important;
  }

  .md\:mt-auto {
    margin-top: auto !important;
  }

  .md\:mr-auto {
    margin-right: auto !important;
  }

  .md\:mb-auto {
    margin-bottom: auto !important;
  }

  .md\:ml-auto {
    margin-left: auto !important;
  }

  .md\:mt-px {
    margin-top: 1px !important;
  }

  .md\:mr-px {
    margin-right: 1px !important;
  }

  .md\:mb-px {
    margin-bottom: 1px !important;
  }

  .md\:ml-px {
    margin-left: 1px !important;
  }

  .md\:mt-sm {
    margin-top: 4px !important;
  }

  .md\:mr-sm {
    margin-right: 4px !important;
  }

  .md\:mb-sm {
    margin-bottom: 4px !important;
  }

  .md\:ml-sm {
    margin-left: 4px !important;
  }

  .md\:mt-1\.5 {
    margin-top: 12px !important;
  }

  .md\:mr-1\.5 {
    margin-right: 12px !important;
  }

  .md\:mb-1\.5 {
    margin-bottom: 12px !important;
  }

  .md\:ml-1\.5 {
    margin-left: 12px !important;
  }

  .md\:-mt-1 {
    margin-top: -8px !important;
  }

  .md\:-mr-1 {
    margin-right: -8px !important;
  }

  .md\:-mb-1 {
    margin-bottom: -8px !important;
  }

  .md\:-ml-1 {
    margin-left: -8px !important;
  }

  .md\:-mt-2 {
    margin-top: -16px !important;
  }

  .md\:-mr-2 {
    margin-right: -16px !important;
  }

  .md\:-mb-2 {
    margin-bottom: -16px !important;
  }

  .md\:-ml-2 {
    margin-left: -16px !important;
  }

  .md\:-mt-3 {
    margin-top: -24px !important;
  }

  .md\:-mr-3 {
    margin-right: -24px !important;
  }

  .md\:-mb-3 {
    margin-bottom: -24px !important;
  }

  .md\:-ml-3 {
    margin-left: -24px !important;
  }

  .md\:-mt-4 {
    margin-top: -32px !important;
  }

  .md\:-mr-4 {
    margin-right: -32px !important;
  }

  .md\:-mb-4 {
    margin-bottom: -32px !important;
  }

  .md\:-ml-4 {
    margin-left: -32px !important;
  }

  .md\:-mt-5 {
    margin-top: -40px !important;
  }

  .md\:-mr-5 {
    margin-right: -40px !important;
  }

  .md\:-mb-5 {
    margin-bottom: -40px !important;
  }

  .md\:-ml-5 {
    margin-left: -40px !important;
  }

  .md\:-mt-6 {
    margin-top: -64px !important;
  }

  .md\:-mr-6 {
    margin-right: -64px !important;
  }

  .md\:-mb-6 {
    margin-bottom: -64px !important;
  }

  .md\:-ml-6 {
    margin-left: -64px !important;
  }

  .md\:-mt-7 {
    margin-top: -80px !important;
  }

  .md\:-mr-7 {
    margin-right: -80px !important;
  }

  .md\:-mb-7 {
    margin-bottom: -80px !important;
  }

  .md\:-ml-7 {
    margin-left: -80px !important;
  }

  .md\:-mt-8 {
    margin-top: -120px !important;
  }

  .md\:-mr-8 {
    margin-right: -120px !important;
  }

  .md\:-mb-8 {
    margin-bottom: -120px !important;
  }

  .md\:-ml-8 {
    margin-left: -120px !important;
  }

  .md\:-mt-px {
    margin-top: -1px !important;
  }

  .md\:-mr-px {
    margin-right: -1px !important;
  }

  .md\:-mb-px {
    margin-bottom: -1px !important;
  }

  .md\:-ml-px {
    margin-left: -1px !important;
  }

  .md\:-mt-sm {
    margin-top: -4px !important;
  }

  .md\:-mr-sm {
    margin-right: -4px !important;
  }

  .md\:-mb-sm {
    margin-bottom: -4px !important;
  }

  .md\:-ml-sm {
    margin-left: -4px !important;
  }

  .md\:-mt-1\.5 {
    margin-top: -12px !important;
  }

  .md\:-mr-1\.5 {
    margin-right: -12px !important;
  }

  .md\:-mb-1\.5 {
    margin-bottom: -12px !important;
  }

  .md\:-ml-1\.5 {
    margin-left: -12px !important;
  }

  .md\:max-h-full {
    max-height: 100% !important;
  }

  .md\:max-h-screen {
    max-height: 100vh !important;
  }

  .md\:max-h-screen-1\/2 {
    max-height: 50vh !important;
  }

  .md\:max-w-3xs {
    max-width: 5rem !important;
  }

  .md\:max-w-2xs {
    max-width: 10rem !important;
  }

  .md\:max-w-xs {
    max-width: 20rem !important;
  }

  .md\:max-w-sm {
    max-width: 30rem !important;
  }

  .md\:max-w-md {
    max-width: 40rem !important;
  }

  .md\:max-w-lg {
    max-width: 50rem !important;
  }

  .md\:max-w-xl {
    max-width: 60rem !important;
  }

  .md\:max-w-2xl {
    max-width: 70rem !important;
  }

  .md\:max-w-3xl {
    max-width: 80rem !important;
  }

  .md\:max-w-4xl {
    max-width: 90rem !important;
  }

  .md\:max-w-5xl {
    max-width: 100rem !important;
  }

  .md\:max-w-full {
    max-width: 100% !important;
  }

  .md\:min-h-0 {
    min-height: 0 !important;
  }

  .md\:min-h-16 {
    min-height: 64px !important;
  }

  .md\:min-h-24 {
    min-height: 80px !important;
  }

  .md\:min-h-48 {
    min-height: 160px !important;
  }

  .md\:min-h-full {
    min-height: 100% !important;
  }

  .md\:min-h-screen {
    min-height: 100vh !important;
  }

  .md\:min-w-0 {
    min-width: 0 !important;
  }

  .md\:min-w-100 {
    min-width: 100px !important;
  }

  .md\:min-w-120 {
    min-width: 120px !important;
  }

  .md\:min-w-xs {
    min-width: 10rem !important;
  }

  .md\:min-w-md {
    min-width: 160px !important;
  }

  .md\:min-w-lg {
    min-width: 200px !important;
  }

  .md\:min-w-full {
    min-width: 100% !important;
  }

  .md\:object-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }

  .md\:object-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }

  .md\:object-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }

  .md\:object-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }

  .md\:object-scale-down {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }

  .md\:object-bottom {
    -o-object-position: bottom !important;
       object-position: bottom !important;
  }

  .md\:object-center {
    -o-object-position: center !important;
       object-position: center !important;
  }

  .md\:object-left {
    -o-object-position: left !important;
       object-position: left !important;
  }

  .md\:object-left-bottom {
    -o-object-position: left bottom !important;
       object-position: left bottom !important;
  }

  .md\:object-left-top {
    -o-object-position: left top !important;
       object-position: left top !important;
  }

  .md\:object-right {
    -o-object-position: right !important;
       object-position: right !important;
  }

  .md\:object-right-bottom {
    -o-object-position: right bottom !important;
       object-position: right bottom !important;
  }

  .md\:object-right-top {
    -o-object-position: right top !important;
       object-position: right top !important;
  }

  .md\:object-top {
    -o-object-position: top !important;
       object-position: top !important;
  }

  .md\:opacity-0 {
    opacity: 0 !important;
  }

  .md\:opacity-25 {
    opacity: 0.25 !important;
  }

  .md\:opacity-50 {
    opacity: 0.5 !important;
  }

  .md\:opacity-75 {
    opacity: 0.75 !important;
  }

  .md\:opacity-100 {
    opacity: 1 !important;
  }

  .md\:hover\:opacity-0:hover {
    opacity: 0 !important;
  }

  .md\:hover\:opacity-25:hover {
    opacity: 0.25 !important;
  }

  .md\:hover\:opacity-50:hover {
    opacity: 0.5 !important;
  }

  .md\:hover\:opacity-75:hover {
    opacity: 0.75 !important;
  }

  .md\:hover\:opacity-100:hover {
    opacity: 1 !important;
  }

  .group:hover .md\:group-hover\:opacity-0 {
    opacity: 0 !important;
  }

  .group:hover .md\:group-hover\:opacity-25 {
    opacity: 0.25 !important;
  }

  .group:hover .md\:group-hover\:opacity-50 {
    opacity: 0.5 !important;
  }

  .group:hover .md\:group-hover\:opacity-75 {
    opacity: 0.75 !important;
  }

  .group:hover .md\:group-hover\:opacity-100 {
    opacity: 1 !important;
  }

  .md\:overflow-auto {
    overflow: auto !important;
  }

  .md\:overflow-hidden {
    overflow: hidden !important;
  }

  .md\:overflow-visible {
    overflow: visible !important;
  }

  .md\:overflow-scroll {
    overflow: scroll !important;
  }

  .md\:overflow-x-auto {
    overflow-x: auto !important;
  }

  .md\:overflow-y-auto {
    overflow-y: auto !important;
  }

  .md\:overflow-x-hidden {
    overflow-x: hidden !important;
  }

  .md\:overflow-y-hidden {
    overflow-y: hidden !important;
  }

  .md\:overflow-x-visible {
    overflow-x: visible !important;
  }

  .md\:overflow-y-visible {
    overflow-y: visible !important;
  }

  .md\:overflow-x-scroll {
    overflow-x: scroll !important;
  }

  .md\:overflow-y-scroll {
    overflow-y: scroll !important;
  }

  .md\:scrolling-touch {
    -webkit-overflow-scrolling: touch !important;
  }

  .md\:scrolling-auto {
    -webkit-overflow-scrolling: auto !important;
  }

  .md\:overscroll-auto {
    -ms-scroll-chaining: chained !important;
        overscroll-behavior: auto !important;
  }

  .md\:overscroll-contain {
    -ms-scroll-chaining: none !important;
        overscroll-behavior: contain !important;
  }

  .md\:overscroll-none {
    -ms-scroll-chaining: none !important;
        overscroll-behavior: none !important;
  }

  .md\:overscroll-y-auto {
    overscroll-behavior-y: auto !important;
  }

  .md\:overscroll-y-contain {
    overscroll-behavior-y: contain !important;
  }

  .md\:overscroll-y-none {
    overscroll-behavior-y: none !important;
  }

  .md\:overscroll-x-auto {
    overscroll-behavior-x: auto !important;
  }

  .md\:overscroll-x-contain {
    overscroll-behavior-x: contain !important;
  }

  .md\:overscroll-x-none {
    overscroll-behavior-x: none !important;
  }

  .md\:p-0 {
    padding: 0 !important;
  }

  .md\:p-1 {
    padding: 8px !important;
  }

  .md\:p-2 {
    padding: 16px !important;
  }

  .md\:p-3 {
    padding: 24px !important;
  }

  .md\:p-4 {
    padding: 32px !important;
  }

  .md\:p-5 {
    padding: 40px !important;
  }

  .md\:p-6 {
    padding: 64px !important;
  }

  .md\:p-7 {
    padding: 80px !important;
  }

  .md\:p-8 {
    padding: 120px !important;
  }

  .md\:p-px {
    padding: 1px !important;
  }

  .md\:p-sm {
    padding: 4px !important;
  }

  .md\:p-1\.5 {
    padding: 12px !important;
  }

  .md\:py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .md\:px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .md\:py-1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .md\:px-1 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .md\:py-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .md\:px-2 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .md\:py-3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .md\:px-3 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .md\:py-4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  .md\:px-4 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  .md\:py-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .md\:px-5 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .md\:py-6 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  .md\:px-6 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }

  .md\:py-7 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .md\:px-7 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .md\:py-8 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .md\:px-8 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .md\:py-px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .md\:px-px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .md\:py-sm {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .md\:px-sm {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .md\:py-1\.5 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .md\:px-1\.5 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .md\:pt-0 {
    padding-top: 0 !important;
  }

  .md\:pr-0 {
    padding-right: 0 !important;
  }

  .md\:pb-0 {
    padding-bottom: 0 !important;
  }

  .md\:pl-0 {
    padding-left: 0 !important;
  }

  .md\:pt-1 {
    padding-top: 8px !important;
  }

  .md\:pr-1 {
    padding-right: 8px !important;
  }

  .md\:pb-1 {
    padding-bottom: 8px !important;
  }

  .md\:pl-1 {
    padding-left: 8px !important;
  }

  .md\:pt-2 {
    padding-top: 16px !important;
  }

  .md\:pr-2 {
    padding-right: 16px !important;
  }

  .md\:pb-2 {
    padding-bottom: 16px !important;
  }

  .md\:pl-2 {
    padding-left: 16px !important;
  }

  .md\:pt-3 {
    padding-top: 24px !important;
  }

  .md\:pr-3 {
    padding-right: 24px !important;
  }

  .md\:pb-3 {
    padding-bottom: 24px !important;
  }

  .md\:pl-3 {
    padding-left: 24px !important;
  }

  .md\:pt-4 {
    padding-top: 32px !important;
  }

  .md\:pr-4 {
    padding-right: 32px !important;
  }

  .md\:pb-4 {
    padding-bottom: 32px !important;
  }

  .md\:pl-4 {
    padding-left: 32px !important;
  }

  .md\:pt-5 {
    padding-top: 40px !important;
  }

  .md\:pr-5 {
    padding-right: 40px !important;
  }

  .md\:pb-5 {
    padding-bottom: 40px !important;
  }

  .md\:pl-5 {
    padding-left: 40px !important;
  }

  .md\:pt-6 {
    padding-top: 64px !important;
  }

  .md\:pr-6 {
    padding-right: 64px !important;
  }

  .md\:pb-6 {
    padding-bottom: 64px !important;
  }

  .md\:pl-6 {
    padding-left: 64px !important;
  }

  .md\:pt-7 {
    padding-top: 80px !important;
  }

  .md\:pr-7 {
    padding-right: 80px !important;
  }

  .md\:pb-7 {
    padding-bottom: 80px !important;
  }

  .md\:pl-7 {
    padding-left: 80px !important;
  }

  .md\:pt-8 {
    padding-top: 120px !important;
  }

  .md\:pr-8 {
    padding-right: 120px !important;
  }

  .md\:pb-8 {
    padding-bottom: 120px !important;
  }

  .md\:pl-8 {
    padding-left: 120px !important;
  }

  .md\:pt-px {
    padding-top: 1px !important;
  }

  .md\:pr-px {
    padding-right: 1px !important;
  }

  .md\:pb-px {
    padding-bottom: 1px !important;
  }

  .md\:pl-px {
    padding-left: 1px !important;
  }

  .md\:pt-sm {
    padding-top: 4px !important;
  }

  .md\:pr-sm {
    padding-right: 4px !important;
  }

  .md\:pb-sm {
    padding-bottom: 4px !important;
  }

  .md\:pl-sm {
    padding-left: 4px !important;
  }

  .md\:pt-1\.5 {
    padding-top: 12px !important;
  }

  .md\:pr-1\.5 {
    padding-right: 12px !important;
  }

  .md\:pb-1\.5 {
    padding-bottom: 12px !important;
  }

  .md\:pl-1\.5 {
    padding-left: 12px !important;
  }

  .md\:placeholder-transparent::-moz-placeholder {
    color: transparent !important;
  }

  .md\:placeholder-transparent:-ms-input-placeholder {
    color: transparent !important;
  }

  .md\:placeholder-transparent::placeholder {
    color: transparent !important;
  }

  .md\:placeholder-black::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-black:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-black::placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-100::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-100:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-90::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-90:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-90::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-80::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-80:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-80::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-70::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-70:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-70::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-60::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-60:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-60::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-50::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-50:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-50::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-40::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-40:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-40::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-30::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-30:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-30::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-20::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-20:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-20::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-10::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-10:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-grey-10::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-white::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-white:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-white::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green::placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-light::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-light:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-light::placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-lighter::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-lighter:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-lighter::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-light::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-light:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-light::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-dark::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-dark:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-dark::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-darker::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-darker:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-darker::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-100::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-100:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-200::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-200:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-300::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-300:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-400::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-400:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-500::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-500:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-600::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-600:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-700::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-700:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-800::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-800:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-900::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-900:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-red-dark::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-red-dark:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-red-dark::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-red::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-red:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-red::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-red-light::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-red-light:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-red-light::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-red-lighter::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-red-lighter:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-red-lighter::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-dark::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-dark:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-dark::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-darken-10::-moz-placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .md\:placeholder-darken-10:-ms-input-placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .md\:placeholder-darken-10::placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .md\:placeholder-darken-20::-moz-placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .md\:placeholder-darken-20:-ms-input-placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .md\:placeholder-darken-20::placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .md\:placeholder-primary::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-primary:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-primary::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-transparent:focus::-moz-placeholder {
    color: transparent !important;
  }

  .md\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
    color: transparent !important;
  }

  .md\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent !important;
  }

  .md\:focus\:placeholder-black:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-black:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-black:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-100:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-90:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-90:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-90:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-80:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-80:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-80:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-70:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-70:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-70:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-60:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-60:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-60:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-50:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-50:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-50:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-40:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-40:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-40:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-30:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-30:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-30:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-20:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-20:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-20:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-10:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-10:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-grey-10:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-white:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-white:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-white:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-light:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-light:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-light:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-lighter:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-lighter:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-lighter:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-light:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-light:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-light:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-dark:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-dark:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-dark:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-darker:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-darker:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-darker:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-100:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-200:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-300:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-400:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-500:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-600:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-700:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-800:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-900:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-red-dark:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-red-dark:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-red-dark:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-red:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-red:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-red:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-red-light:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-red-light:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-red-light:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-red-lighter:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-red-lighter:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-red-lighter:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-dark:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-dark:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-dark:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-darken-10:focus::-moz-placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .md\:focus\:placeholder-darken-10:focus:-ms-input-placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .md\:focus\:placeholder-darken-10:focus::placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .md\:focus\:placeholder-darken-20:focus::-moz-placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .md\:focus\:placeholder-darken-20:focus:-ms-input-placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .md\:focus\:placeholder-darken-20:focus::placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .md\:focus\:placeholder-primary:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-primary:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-primary:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-opacity-0::-moz-placeholder {
    --placeholder-opacity: 0 !important;
  }

  .md\:placeholder-opacity-0:-ms-input-placeholder {
    --placeholder-opacity: 0 !important;
  }

  .md\:placeholder-opacity-0::placeholder {
    --placeholder-opacity: 0 !important;
  }

  .md\:placeholder-opacity-25::-moz-placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .md\:placeholder-opacity-25:-ms-input-placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .md\:placeholder-opacity-25::placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .md\:placeholder-opacity-50::-moz-placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .md\:placeholder-opacity-50:-ms-input-placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .md\:placeholder-opacity-50::placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .md\:placeholder-opacity-75::-moz-placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .md\:placeholder-opacity-75:-ms-input-placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .md\:placeholder-opacity-75::placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .md\:placeholder-opacity-100::-moz-placeholder {
    --placeholder-opacity: 1 !important;
  }

  .md\:placeholder-opacity-100:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
  }

  .md\:placeholder-opacity-100::placeholder {
    --placeholder-opacity: 1 !important;
  }

  .md\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
    --placeholder-opacity: 0 !important;
  }

  .md\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
    --placeholder-opacity: 0 !important;
  }

  .md\:focus\:placeholder-opacity-0:focus::placeholder {
    --placeholder-opacity: 0 !important;
  }

  .md\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .md\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .md\:focus\:placeholder-opacity-25:focus::placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .md\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .md\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .md\:focus\:placeholder-opacity-50:focus::placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .md\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .md\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .md\:focus\:placeholder-opacity-75:focus::placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .md\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
  }

  .md\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
  }

  .md\:focus\:placeholder-opacity-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
  }

  .md\:pointer-events-none {
    pointer-events: none !important;
  }

  .md\:pointer-events-auto {
    pointer-events: auto !important;
  }

  .md\:static {
    position: static !important;
  }

  .md\:fixed {
    position: fixed !important;
  }

  .md\:absolute {
    position: absolute !important;
  }

  .md\:relative {
    position: relative !important;
  }

  .md\:sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }

  .md\:inset-0 {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
  }

  .md\:inset-1 {
    top: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    left: 8px !important;
  }

  .md\:inset-2 {
    top: 16px !important;
    right: 16px !important;
    bottom: 16px !important;
    left: 16px !important;
  }

  .md\:inset-3 {
    top: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    left: 24px !important;
  }

  .md\:inset-4 {
    top: 32px !important;
    right: 32px !important;
    bottom: 32px !important;
    left: 32px !important;
  }

  .md\:inset-5 {
    top: 40px !important;
    right: 40px !important;
    bottom: 40px !important;
    left: 40px !important;
  }

  .md\:inset-6 {
    top: 64px !important;
    right: 64px !important;
    bottom: 64px !important;
    left: 64px !important;
  }

  .md\:inset-7 {
    top: 80px !important;
    right: 80px !important;
    bottom: 80px !important;
    left: 80px !important;
  }

  .md\:inset-8 {
    top: 120px !important;
    right: 120px !important;
    bottom: 120px !important;
    left: 120px !important;
  }

  .md\:inset-px {
    top: 1px !important;
    right: 1px !important;
    bottom: 1px !important;
    left: 1px !important;
  }

  .md\:inset-sm {
    top: 4px !important;
    right: 4px !important;
    bottom: 4px !important;
    left: 4px !important;
  }

  .md\:inset-1\.5 {
    top: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    left: 12px !important;
  }

  .md\:-inset-1 {
    top: -8px !important;
    right: -8px !important;
    bottom: -8px !important;
    left: -8px !important;
  }

  .md\:-inset-2 {
    top: -16px !important;
    right: -16px !important;
    bottom: -16px !important;
    left: -16px !important;
  }

  .md\:-inset-3 {
    top: -24px !important;
    right: -24px !important;
    bottom: -24px !important;
    left: -24px !important;
  }

  .md\:-inset-4 {
    top: -32px !important;
    right: -32px !important;
    bottom: -32px !important;
    left: -32px !important;
  }

  .md\:-inset-5 {
    top: -40px !important;
    right: -40px !important;
    bottom: -40px !important;
    left: -40px !important;
  }

  .md\:-inset-6 {
    top: -64px !important;
    right: -64px !important;
    bottom: -64px !important;
    left: -64px !important;
  }

  .md\:-inset-7 {
    top: -80px !important;
    right: -80px !important;
    bottom: -80px !important;
    left: -80px !important;
  }

  .md\:-inset-8 {
    top: -120px !important;
    right: -120px !important;
    bottom: -120px !important;
    left: -120px !important;
  }

  .md\:-inset-px {
    top: -1px !important;
    right: -1px !important;
    bottom: -1px !important;
    left: -1px !important;
  }

  .md\:-inset-sm {
    top: -4px !important;
    right: -4px !important;
    bottom: -4px !important;
    left: -4px !important;
  }

  .md\:-inset-1\.5 {
    top: -12px !important;
    right: -12px !important;
    bottom: -12px !important;
    left: -12px !important;
  }

  .md\:inset-auto {
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
  }

  .md\:inset-y-0 {
    top: 0 !important;
    bottom: 0 !important;
  }

  .md\:inset-x-0 {
    right: 0 !important;
    left: 0 !important;
  }

  .md\:inset-y-1 {
    top: 8px !important;
    bottom: 8px !important;
  }

  .md\:inset-x-1 {
    right: 8px !important;
    left: 8px !important;
  }

  .md\:inset-y-2 {
    top: 16px !important;
    bottom: 16px !important;
  }

  .md\:inset-x-2 {
    right: 16px !important;
    left: 16px !important;
  }

  .md\:inset-y-3 {
    top: 24px !important;
    bottom: 24px !important;
  }

  .md\:inset-x-3 {
    right: 24px !important;
    left: 24px !important;
  }

  .md\:inset-y-4 {
    top: 32px !important;
    bottom: 32px !important;
  }

  .md\:inset-x-4 {
    right: 32px !important;
    left: 32px !important;
  }

  .md\:inset-y-5 {
    top: 40px !important;
    bottom: 40px !important;
  }

  .md\:inset-x-5 {
    right: 40px !important;
    left: 40px !important;
  }

  .md\:inset-y-6 {
    top: 64px !important;
    bottom: 64px !important;
  }

  .md\:inset-x-6 {
    right: 64px !important;
    left: 64px !important;
  }

  .md\:inset-y-7 {
    top: 80px !important;
    bottom: 80px !important;
  }

  .md\:inset-x-7 {
    right: 80px !important;
    left: 80px !important;
  }

  .md\:inset-y-8 {
    top: 120px !important;
    bottom: 120px !important;
  }

  .md\:inset-x-8 {
    right: 120px !important;
    left: 120px !important;
  }

  .md\:inset-y-px {
    top: 1px !important;
    bottom: 1px !important;
  }

  .md\:inset-x-px {
    right: 1px !important;
    left: 1px !important;
  }

  .md\:inset-y-sm {
    top: 4px !important;
    bottom: 4px !important;
  }

  .md\:inset-x-sm {
    right: 4px !important;
    left: 4px !important;
  }

  .md\:inset-y-1\.5 {
    top: 12px !important;
    bottom: 12px !important;
  }

  .md\:inset-x-1\.5 {
    right: 12px !important;
    left: 12px !important;
  }

  .md\:-inset-y-1 {
    top: -8px !important;
    bottom: -8px !important;
  }

  .md\:-inset-x-1 {
    right: -8px !important;
    left: -8px !important;
  }

  .md\:-inset-y-2 {
    top: -16px !important;
    bottom: -16px !important;
  }

  .md\:-inset-x-2 {
    right: -16px !important;
    left: -16px !important;
  }

  .md\:-inset-y-3 {
    top: -24px !important;
    bottom: -24px !important;
  }

  .md\:-inset-x-3 {
    right: -24px !important;
    left: -24px !important;
  }

  .md\:-inset-y-4 {
    top: -32px !important;
    bottom: -32px !important;
  }

  .md\:-inset-x-4 {
    right: -32px !important;
    left: -32px !important;
  }

  .md\:-inset-y-5 {
    top: -40px !important;
    bottom: -40px !important;
  }

  .md\:-inset-x-5 {
    right: -40px !important;
    left: -40px !important;
  }

  .md\:-inset-y-6 {
    top: -64px !important;
    bottom: -64px !important;
  }

  .md\:-inset-x-6 {
    right: -64px !important;
    left: -64px !important;
  }

  .md\:-inset-y-7 {
    top: -80px !important;
    bottom: -80px !important;
  }

  .md\:-inset-x-7 {
    right: -80px !important;
    left: -80px !important;
  }

  .md\:-inset-y-8 {
    top: -120px !important;
    bottom: -120px !important;
  }

  .md\:-inset-x-8 {
    right: -120px !important;
    left: -120px !important;
  }

  .md\:-inset-y-px {
    top: -1px !important;
    bottom: -1px !important;
  }

  .md\:-inset-x-px {
    right: -1px !important;
    left: -1px !important;
  }

  .md\:-inset-y-sm {
    top: -4px !important;
    bottom: -4px !important;
  }

  .md\:-inset-x-sm {
    right: -4px !important;
    left: -4px !important;
  }

  .md\:-inset-y-1\.5 {
    top: -12px !important;
    bottom: -12px !important;
  }

  .md\:-inset-x-1\.5 {
    right: -12px !important;
    left: -12px !important;
  }

  .md\:inset-y-auto {
    top: auto !important;
    bottom: auto !important;
  }

  .md\:inset-x-auto {
    right: auto !important;
    left: auto !important;
  }

  .md\:top-0 {
    top: 0 !important;
  }

  .md\:right-0 {
    right: 0 !important;
  }

  .md\:bottom-0 {
    bottom: 0 !important;
  }

  .md\:left-0 {
    left: 0 !important;
  }

  .md\:top-1 {
    top: 8px !important;
  }

  .md\:right-1 {
    right: 8px !important;
  }

  .md\:bottom-1 {
    bottom: 8px !important;
  }

  .md\:left-1 {
    left: 8px !important;
  }

  .md\:top-2 {
    top: 16px !important;
  }

  .md\:right-2 {
    right: 16px !important;
  }

  .md\:bottom-2 {
    bottom: 16px !important;
  }

  .md\:left-2 {
    left: 16px !important;
  }

  .md\:top-3 {
    top: 24px !important;
  }

  .md\:right-3 {
    right: 24px !important;
  }

  .md\:bottom-3 {
    bottom: 24px !important;
  }

  .md\:left-3 {
    left: 24px !important;
  }

  .md\:top-4 {
    top: 32px !important;
  }

  .md\:right-4 {
    right: 32px !important;
  }

  .md\:bottom-4 {
    bottom: 32px !important;
  }

  .md\:left-4 {
    left: 32px !important;
  }

  .md\:top-5 {
    top: 40px !important;
  }

  .md\:right-5 {
    right: 40px !important;
  }

  .md\:bottom-5 {
    bottom: 40px !important;
  }

  .md\:left-5 {
    left: 40px !important;
  }

  .md\:top-6 {
    top: 64px !important;
  }

  .md\:right-6 {
    right: 64px !important;
  }

  .md\:bottom-6 {
    bottom: 64px !important;
  }

  .md\:left-6 {
    left: 64px !important;
  }

  .md\:top-7 {
    top: 80px !important;
  }

  .md\:right-7 {
    right: 80px !important;
  }

  .md\:bottom-7 {
    bottom: 80px !important;
  }

  .md\:left-7 {
    left: 80px !important;
  }

  .md\:top-8 {
    top: 120px !important;
  }

  .md\:right-8 {
    right: 120px !important;
  }

  .md\:bottom-8 {
    bottom: 120px !important;
  }

  .md\:left-8 {
    left: 120px !important;
  }

  .md\:top-px {
    top: 1px !important;
  }

  .md\:right-px {
    right: 1px !important;
  }

  .md\:bottom-px {
    bottom: 1px !important;
  }

  .md\:left-px {
    left: 1px !important;
  }

  .md\:top-sm {
    top: 4px !important;
  }

  .md\:right-sm {
    right: 4px !important;
  }

  .md\:bottom-sm {
    bottom: 4px !important;
  }

  .md\:left-sm {
    left: 4px !important;
  }

  .md\:top-1\.5 {
    top: 12px !important;
  }

  .md\:right-1\.5 {
    right: 12px !important;
  }

  .md\:bottom-1\.5 {
    bottom: 12px !important;
  }

  .md\:left-1\.5 {
    left: 12px !important;
  }

  .md\:-top-1 {
    top: -8px !important;
  }

  .md\:-right-1 {
    right: -8px !important;
  }

  .md\:-bottom-1 {
    bottom: -8px !important;
  }

  .md\:-left-1 {
    left: -8px !important;
  }

  .md\:-top-2 {
    top: -16px !important;
  }

  .md\:-right-2 {
    right: -16px !important;
  }

  .md\:-bottom-2 {
    bottom: -16px !important;
  }

  .md\:-left-2 {
    left: -16px !important;
  }

  .md\:-top-3 {
    top: -24px !important;
  }

  .md\:-right-3 {
    right: -24px !important;
  }

  .md\:-bottom-3 {
    bottom: -24px !important;
  }

  .md\:-left-3 {
    left: -24px !important;
  }

  .md\:-top-4 {
    top: -32px !important;
  }

  .md\:-right-4 {
    right: -32px !important;
  }

  .md\:-bottom-4 {
    bottom: -32px !important;
  }

  .md\:-left-4 {
    left: -32px !important;
  }

  .md\:-top-5 {
    top: -40px !important;
  }

  .md\:-right-5 {
    right: -40px !important;
  }

  .md\:-bottom-5 {
    bottom: -40px !important;
  }

  .md\:-left-5 {
    left: -40px !important;
  }

  .md\:-top-6 {
    top: -64px !important;
  }

  .md\:-right-6 {
    right: -64px !important;
  }

  .md\:-bottom-6 {
    bottom: -64px !important;
  }

  .md\:-left-6 {
    left: -64px !important;
  }

  .md\:-top-7 {
    top: -80px !important;
  }

  .md\:-right-7 {
    right: -80px !important;
  }

  .md\:-bottom-7 {
    bottom: -80px !important;
  }

  .md\:-left-7 {
    left: -80px !important;
  }

  .md\:-top-8 {
    top: -120px !important;
  }

  .md\:-right-8 {
    right: -120px !important;
  }

  .md\:-bottom-8 {
    bottom: -120px !important;
  }

  .md\:-left-8 {
    left: -120px !important;
  }

  .md\:-top-px {
    top: -1px !important;
  }

  .md\:-right-px {
    right: -1px !important;
  }

  .md\:-bottom-px {
    bottom: -1px !important;
  }

  .md\:-left-px {
    left: -1px !important;
  }

  .md\:-top-sm {
    top: -4px !important;
  }

  .md\:-right-sm {
    right: -4px !important;
  }

  .md\:-bottom-sm {
    bottom: -4px !important;
  }

  .md\:-left-sm {
    left: -4px !important;
  }

  .md\:-top-1\.5 {
    top: -12px !important;
  }

  .md\:-right-1\.5 {
    right: -12px !important;
  }

  .md\:-bottom-1\.5 {
    bottom: -12px !important;
  }

  .md\:-left-1\.5 {
    left: -12px !important;
  }

  .md\:top-auto {
    top: auto !important;
  }

  .md\:right-auto {
    right: auto !important;
  }

  .md\:bottom-auto {
    bottom: auto !important;
  }

  .md\:left-auto {
    left: auto !important;
  }

  .md\:resize-none {
    resize: none !important;
  }

  .md\:resize-y {
    resize: vertical !important;
  }

  .md\:resize-x {
    resize: horizontal !important;
  }

  .md\:resize {
    resize: both !important;
  }

  .md\:shadow-sm {
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03) !important;
  }

  .md\:shadow {
    box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15) !important;
  }

  .md\:shadow-lg {
    box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075) !important;
  }

  .md\:shadow-xl {
    box-shadow: 0 12px 24px 0 rgba(50, 50, 93, .1), 0 10px 20px 0 rgba(0, 0, 0, .075) !important;
  }

  .md\:shadow-popover {
    box-shadow: 0 0 0 1px rgba(40,45,50,0.05), 0 0 0 1px rgba(40,45,50,0.05), 0 2px 7px 1px rgba(40,45,50,0.16) !important;
  }

  .md\:shadow-set {
    box-shadow: rgba(50,50,93,.1) 0 0 0 1px, rgba(50,50,93,.08) 0 2px 5px, rgba(0,0,0,.07) 0 1px 1.5px,rgba(0,0,0,.08) 0 1px 2px 0, transparent 0 0 0 0 !important;
  }

  .md\:shadow-button {
    box-shadow: 0 1px 0 0 rgba(25,30,35,.05) !important;
  }

  .md\:shadow-inner {
    box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05) !important;
  }

  .md\:shadow-none {
    box-shadow: none !important;
  }

  .md\:hover\:shadow-sm:hover {
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03) !important;
  }

  .md\:hover\:shadow:hover {
    box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15) !important;
  }

  .md\:hover\:shadow-lg:hover {
    box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075) !important;
  }

  .md\:hover\:shadow-xl:hover {
    box-shadow: 0 12px 24px 0 rgba(50, 50, 93, .1), 0 10px 20px 0 rgba(0, 0, 0, .075) !important;
  }

  .md\:hover\:shadow-popover:hover {
    box-shadow: 0 0 0 1px rgba(40,45,50,0.05), 0 0 0 1px rgba(40,45,50,0.05), 0 2px 7px 1px rgba(40,45,50,0.16) !important;
  }

  .md\:hover\:shadow-set:hover {
    box-shadow: rgba(50,50,93,.1) 0 0 0 1px, rgba(50,50,93,.08) 0 2px 5px, rgba(0,0,0,.07) 0 1px 1.5px,rgba(0,0,0,.08) 0 1px 2px 0, transparent 0 0 0 0 !important;
  }

  .md\:hover\:shadow-button:hover {
    box-shadow: 0 1px 0 0 rgba(25,30,35,.05) !important;
  }

  .md\:hover\:shadow-inner:hover {
    box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05) !important;
  }

  .md\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }

  .md\:focus\:shadow-sm:focus {
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03) !important;
  }

  .md\:focus\:shadow:focus {
    box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15) !important;
  }

  .md\:focus\:shadow-lg:focus {
    box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075) !important;
  }

  .md\:focus\:shadow-xl:focus {
    box-shadow: 0 12px 24px 0 rgba(50, 50, 93, .1), 0 10px 20px 0 rgba(0, 0, 0, .075) !important;
  }

  .md\:focus\:shadow-popover:focus {
    box-shadow: 0 0 0 1px rgba(40,45,50,0.05), 0 0 0 1px rgba(40,45,50,0.05), 0 2px 7px 1px rgba(40,45,50,0.16) !important;
  }

  .md\:focus\:shadow-set:focus {
    box-shadow: rgba(50,50,93,.1) 0 0 0 1px, rgba(50,50,93,.08) 0 2px 5px, rgba(0,0,0,.07) 0 1px 1.5px,rgba(0,0,0,.08) 0 1px 2px 0, transparent 0 0 0 0 !important;
  }

  .md\:focus\:shadow-button:focus {
    box-shadow: 0 1px 0 0 rgba(25,30,35,.05) !important;
  }

  .md\:focus\:shadow-inner:focus {
    box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05) !important;
  }

  .md\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }

  .md\:stroke-0 {
    stroke-width: 0 !important;
  }

  .md\:stroke-1 {
    stroke-width: 1 !important;
  }

  .md\:stroke-2 {
    stroke-width: 2 !important;
  }

  .md\:table-auto {
    table-layout: auto !important;
  }

  .md\:table-fixed {
    table-layout: fixed !important;
  }

  .md\:text-left {
    text-align: left !important;
  }

  .md\:text-center {
    text-align: center !important;
  }

  .md\:text-right {
    text-align: right !important;
  }

  .md\:text-justify {
    text-align: justify !important;
  }

  .md\:text-transparent {
    color: transparent !important;
  }

  .md\:text-black {
    --text-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .md\:text-grey-100 {
    --text-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity)) !important;
  }

  .md\:text-grey {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .md\:text-grey-90 {
    --text-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity)) !important;
  }

  .md\:text-grey-80 {
    --text-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity)) !important;
  }

  .md\:text-grey-70 {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .md\:text-grey-60 {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity)) !important;
  }

  .md\:text-grey-50 {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--text-opacity)) !important;
  }

  .md\:text-grey-40 {
    --text-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity)) !important;
  }

  .md\:text-grey-30 {
    --text-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--text-opacity)) !important;
  }

  .md\:text-grey-20 {
    --text-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity)) !important;
  }

  .md\:text-grey-10 {
    --text-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--text-opacity)) !important;
  }

  .md\:text-white {
    --text-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .md\:text-green {
    --text-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--text-opacity)) !important;
  }

  .md\:text-green-light {
    --text-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--text-opacity)) !important;
  }

  .md\:text-blue-lighter {
    --text-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--text-opacity)) !important;
  }

  .md\:text-blue-light {
    --text-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--text-opacity)) !important;
  }

  .md\:text-blue {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .md\:text-blue-dark {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity)) !important;
  }

  .md\:text-blue-darker {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--text-opacity)) !important;
  }

  .md\:text-blue-100 {
    --text-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--text-opacity)) !important;
  }

  .md\:text-blue-200 {
    --text-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--text-opacity)) !important;
  }

  .md\:text-blue-300 {
    --text-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--text-opacity)) !important;
  }

  .md\:text-blue-400 {
    --text-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--text-opacity)) !important;
  }

  .md\:text-blue-500 {
    --text-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--text-opacity)) !important;
  }

  .md\:text-blue-600 {
    --text-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--text-opacity)) !important;
  }

  .md\:text-blue-700 {
    --text-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--text-opacity)) !important;
  }

  .md\:text-blue-800 {
    --text-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--text-opacity)) !important;
  }

  .md\:text-blue-900 {
    --text-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--text-opacity)) !important;
  }

  .md\:text-red-dark {
    --text-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--text-opacity)) !important;
  }

  .md\:text-red {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity)) !important;
  }

  .md\:text-red-light {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--text-opacity)) !important;
  }

  .md\:text-red-lighter {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity)) !important;
  }

  .md\:text-yellow {
    --text-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--text-opacity)) !important;
  }

  .md\:text-yellow-dark {
    --text-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--text-opacity)) !important;
  }

  .md\:text-orange {
    --text-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--text-opacity)) !important;
  }

  .md\:text-pink {
    --text-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--text-opacity)) !important;
  }

  .md\:text-purple {
    --text-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--text-opacity)) !important;
  }

  .md\:text-darken-10 {
    color: rgba(0,0,0,.1) !important;
  }

  .md\:text-darken-20 {
    color: rgba(0,0,0,.2) !important;
  }

  .md\:text-primary {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .md\:hover\:text-transparent:hover {
    color: transparent !important;
  }

  .md\:hover\:text-black:hover {
    --text-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .md\:hover\:text-grey-100:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity)) !important;
  }

  .md\:hover\:text-grey:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .md\:hover\:text-grey-90:hover {
    --text-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity)) !important;
  }

  .md\:hover\:text-grey-80:hover {
    --text-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity)) !important;
  }

  .md\:hover\:text-grey-70:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .md\:hover\:text-grey-60:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity)) !important;
  }

  .md\:hover\:text-grey-50:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--text-opacity)) !important;
  }

  .md\:hover\:text-grey-40:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity)) !important;
  }

  .md\:hover\:text-grey-30:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--text-opacity)) !important;
  }

  .md\:hover\:text-grey-20:hover {
    --text-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity)) !important;
  }

  .md\:hover\:text-grey-10:hover {
    --text-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--text-opacity)) !important;
  }

  .md\:hover\:text-white:hover {
    --text-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .md\:hover\:text-green:hover {
    --text-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--text-opacity)) !important;
  }

  .md\:hover\:text-green-light:hover {
    --text-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-lighter:hover {
    --text-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-light:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue:hover {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-dark:hover {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-darker:hover {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-100:hover {
    --text-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-200:hover {
    --text-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-300:hover {
    --text-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-400:hover {
    --text-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-500:hover {
    --text-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-600:hover {
    --text-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-700:hover {
    --text-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-800:hover {
    --text-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-900:hover {
    --text-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--text-opacity)) !important;
  }

  .md\:hover\:text-red-dark:hover {
    --text-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--text-opacity)) !important;
  }

  .md\:hover\:text-red:hover {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity)) !important;
  }

  .md\:hover\:text-red-light:hover {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--text-opacity)) !important;
  }

  .md\:hover\:text-red-lighter:hover {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity)) !important;
  }

  .md\:hover\:text-yellow:hover {
    --text-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--text-opacity)) !important;
  }

  .md\:hover\:text-yellow-dark:hover {
    --text-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--text-opacity)) !important;
  }

  .md\:hover\:text-orange:hover {
    --text-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--text-opacity)) !important;
  }

  .md\:hover\:text-pink:hover {
    --text-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--text-opacity)) !important;
  }

  .md\:hover\:text-purple:hover {
    --text-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--text-opacity)) !important;
  }

  .md\:hover\:text-darken-10:hover {
    color: rgba(0,0,0,.1) !important;
  }

  .md\:hover\:text-darken-20:hover {
    color: rgba(0,0,0,.2) !important;
  }

  .md\:hover\:text-primary:hover {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-transparent {
    color: transparent !important;
  }

  .group:hover .md\:group-hover\:text-black {
    --text-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-grey-100 {
    --text-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-grey {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-grey-90 {
    --text-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-grey-80 {
    --text-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-grey-70 {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-grey-60 {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-grey-50 {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-grey-40 {
    --text-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-grey-30 {
    --text-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-grey-20 {
    --text-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-grey-10 {
    --text-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-white {
    --text-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-green {
    --text-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-green-light {
    --text-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-blue-lighter {
    --text-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-blue-light {
    --text-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-blue {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-blue-dark {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-blue-darker {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-blue-100 {
    --text-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-blue-200 {
    --text-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-blue-300 {
    --text-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-blue-400 {
    --text-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-blue-500 {
    --text-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-blue-600 {
    --text-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-blue-700 {
    --text-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-blue-800 {
    --text-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-blue-900 {
    --text-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-red-dark {
    --text-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-red {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-red-light {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-red-lighter {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-yellow {
    --text-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-yellow-dark {
    --text-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-orange {
    --text-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-pink {
    --text-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-purple {
    --text-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--text-opacity)) !important;
  }

  .group:hover .md\:group-hover\:text-darken-10 {
    color: rgba(0,0,0,.1) !important;
  }

  .group:hover .md\:group-hover\:text-darken-20 {
    color: rgba(0,0,0,.2) !important;
  }

  .group:hover .md\:group-hover\:text-primary {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .md\:focus\:text-transparent:focus {
    color: transparent !important;
  }

  .md\:focus\:text-black:focus {
    --text-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .md\:focus\:text-grey-100:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity)) !important;
  }

  .md\:focus\:text-grey:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .md\:focus\:text-grey-90:focus {
    --text-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity)) !important;
  }

  .md\:focus\:text-grey-80:focus {
    --text-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity)) !important;
  }

  .md\:focus\:text-grey-70:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .md\:focus\:text-grey-60:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity)) !important;
  }

  .md\:focus\:text-grey-50:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--text-opacity)) !important;
  }

  .md\:focus\:text-grey-40:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity)) !important;
  }

  .md\:focus\:text-grey-30:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--text-opacity)) !important;
  }

  .md\:focus\:text-grey-20:focus {
    --text-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity)) !important;
  }

  .md\:focus\:text-grey-10:focus {
    --text-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--text-opacity)) !important;
  }

  .md\:focus\:text-white:focus {
    --text-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .md\:focus\:text-green:focus {
    --text-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--text-opacity)) !important;
  }

  .md\:focus\:text-green-light:focus {
    --text-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-lighter:focus {
    --text-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-light:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue:focus {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-dark:focus {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-darker:focus {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-100:focus {
    --text-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-200:focus {
    --text-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-300:focus {
    --text-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-400:focus {
    --text-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-500:focus {
    --text-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-600:focus {
    --text-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-700:focus {
    --text-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-800:focus {
    --text-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-900:focus {
    --text-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--text-opacity)) !important;
  }

  .md\:focus\:text-red-dark:focus {
    --text-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--text-opacity)) !important;
  }

  .md\:focus\:text-red:focus {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity)) !important;
  }

  .md\:focus\:text-red-light:focus {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--text-opacity)) !important;
  }

  .md\:focus\:text-red-lighter:focus {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity)) !important;
  }

  .md\:focus\:text-yellow:focus {
    --text-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--text-opacity)) !important;
  }

  .md\:focus\:text-yellow-dark:focus {
    --text-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--text-opacity)) !important;
  }

  .md\:focus\:text-orange:focus {
    --text-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--text-opacity)) !important;
  }

  .md\:focus\:text-pink:focus {
    --text-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--text-opacity)) !important;
  }

  .md\:focus\:text-purple:focus {
    --text-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--text-opacity)) !important;
  }

  .md\:focus\:text-darken-10:focus {
    color: rgba(0,0,0,.1) !important;
  }

  .md\:focus\:text-darken-20:focus {
    color: rgba(0,0,0,.2) !important;
  }

  .md\:focus\:text-primary:focus {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .md\:text-opacity-0 {
    --text-opacity: 0 !important;
  }

  .md\:text-opacity-25 {
    --text-opacity: 0.25 !important;
  }

  .md\:text-opacity-50 {
    --text-opacity: 0.5 !important;
  }

  .md\:text-opacity-75 {
    --text-opacity: 0.75 !important;
  }

  .md\:text-opacity-100 {
    --text-opacity: 1 !important;
  }

  .md\:hover\:text-opacity-0:hover {
    --text-opacity: 0 !important;
  }

  .md\:hover\:text-opacity-25:hover {
    --text-opacity: 0.25 !important;
  }

  .md\:hover\:text-opacity-50:hover {
    --text-opacity: 0.5 !important;
  }

  .md\:hover\:text-opacity-75:hover {
    --text-opacity: 0.75 !important;
  }

  .md\:hover\:text-opacity-100:hover {
    --text-opacity: 1 !important;
  }

  .md\:focus\:text-opacity-0:focus {
    --text-opacity: 0 !important;
  }

  .md\:focus\:text-opacity-25:focus {
    --text-opacity: 0.25 !important;
  }

  .md\:focus\:text-opacity-50:focus {
    --text-opacity: 0.5 !important;
  }

  .md\:focus\:text-opacity-75:focus {
    --text-opacity: 0.75 !important;
  }

  .md\:focus\:text-opacity-100:focus {
    --text-opacity: 1 !important;
  }

  .md\:italic {
    font-style: italic !important;
  }

  .md\:not-italic {
    font-style: normal !important;
  }

  .md\:hover\:italic:hover {
    font-style: italic !important;
  }

  .md\:hover\:not-italic:hover {
    font-style: normal !important;
  }

  .md\:focus\:italic:focus {
    font-style: italic !important;
  }

  .md\:focus\:not-italic:focus {
    font-style: normal !important;
  }

  .md\:uppercase {
    text-transform: uppercase !important;
  }

  .md\:lowercase {
    text-transform: lowercase !important;
  }

  .md\:capitalize {
    text-transform: capitalize !important;
  }

  .md\:normal-case {
    text-transform: none !important;
  }

  .md\:hover\:uppercase:hover {
    text-transform: uppercase !important;
  }

  .md\:hover\:lowercase:hover {
    text-transform: lowercase !important;
  }

  .md\:hover\:capitalize:hover {
    text-transform: capitalize !important;
  }

  .md\:hover\:normal-case:hover {
    text-transform: none !important;
  }

  .md\:focus\:uppercase:focus {
    text-transform: uppercase !important;
  }

  .md\:focus\:lowercase:focus {
    text-transform: lowercase !important;
  }

  .md\:focus\:capitalize:focus {
    text-transform: capitalize !important;
  }

  .md\:focus\:normal-case:focus {
    text-transform: none !important;
  }

  .md\:underline {
    text-decoration: underline !important;
  }

  .md\:line-through {
    text-decoration: line-through !important;
  }

  .md\:no-underline {
    text-decoration: none !important;
  }

  .md\:hover\:underline:hover {
    text-decoration: underline !important;
  }

  .md\:hover\:line-through:hover {
    text-decoration: line-through !important;
  }

  .md\:hover\:no-underline:hover {
    text-decoration: none !important;
  }

  .md\:focus\:underline:focus {
    text-decoration: underline !important;
  }

  .md\:focus\:line-through:focus {
    text-decoration: line-through !important;
  }

  .md\:focus\:no-underline:focus {
    text-decoration: none !important;
  }

  .md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions {
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important;
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important;
  }

  .md\:normal-nums {
    font-variant-numeric: normal !important;
  }

  .md\:ordinal {
    --font-variant-numeric-ordinal: ordinal !important;
  }

  .md\:slashed-zero {
    --font-variant-numeric-slashed-zero: slashed-zero !important;
  }

  .md\:lining-nums {
    --font-variant-numeric-figure: lining-nums !important;
  }

  .md\:oldstyle-nums {
    --font-variant-numeric-figure: oldstyle-nums !important;
  }

  .md\:proportional-nums {
    --font-variant-numeric-spacing: proportional-nums !important;
  }

  .md\:tabular-nums {
    --font-variant-numeric-spacing: tabular-nums !important;
  }

  .md\:diagonal-fractions {
    --font-variant-numeric-fraction: diagonal-fractions !important;
  }

  .md\:stacked-fractions {
    --font-variant-numeric-fraction: stacked-fractions !important;
  }

  .md\:tracking-tight {
    letter-spacing: -0.05em !important;
  }

  .md\:tracking-normal {
    letter-spacing: -0.004em !important;
  }

  .md\:tracking-wide {
    letter-spacing: 0.14em !important;
  }

  .md\:select-none {
    -webkit-user-select: none !important;
       -moz-user-select: none !important;
        -ms-user-select: none !important;
            user-select: none !important;
  }

  .md\:select-text {
    -webkit-user-select: text !important;
       -moz-user-select: text !important;
        -ms-user-select: text !important;
            user-select: text !important;
  }

  .md\:select-all {
    -webkit-user-select: all !important;
       -moz-user-select: all !important;
        -ms-user-select: all !important;
            user-select: all !important;
  }

  .md\:select-auto {
    -webkit-user-select: auto !important;
       -moz-user-select: auto !important;
        -ms-user-select: auto !important;
            user-select: auto !important;
  }

  .md\:align-baseline {
    vertical-align: baseline !important;
  }

  .md\:align-top {
    vertical-align: top !important;
  }

  .md\:align-middle {
    vertical-align: middle !important;
  }

  .md\:align-bottom {
    vertical-align: bottom !important;
  }

  .md\:align-text-top {
    vertical-align: text-top !important;
  }

  .md\:align-text-bottom {
    vertical-align: text-bottom !important;
  }

  .md\:visible {
    visibility: visible !important;
  }

  .md\:invisible {
    visibility: hidden !important;
  }

  .md\:whitespace-normal {
    white-space: normal !important;
  }

  .md\:whitespace-no-wrap {
    white-space: nowrap !important;
  }

  .md\:whitespace-pre {
    white-space: pre !important;
  }

  .md\:whitespace-pre-line {
    white-space: pre-line !important;
  }

  .md\:whitespace-pre-wrap {
    white-space: pre-wrap !important;
  }

  .md\:break-normal {
    word-wrap: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .md\:break-words {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  .md\:break-all {
    word-break: break-all !important;
  }

  .md\:truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .md\:w-1 {
    width: 0.25rem !important;
  }

  .md\:w-2 {
    width: 0.5rem !important;
  }

  .md\:w-3 {
    width: 0.75rem !important;
  }

  .md\:w-4 {
    width: 1rem !important;
  }

  .md\:w-5 {
    width: 1.25rem !important;
  }

  .md\:w-6 {
    width: 1.5rem !important;
  }

  .md\:w-7 {
    width: 1.75rem !important;
  }

  .md\:w-8 {
    width: 2rem !important;
  }

  .md\:w-10 {
    width: 2.5rem !important;
  }

  .md\:w-12 {
    width: 3rem !important;
  }

  .md\:w-16 {
    width: 4rem !important;
  }

  .md\:w-24 {
    width: 6rem !important;
  }

  .md\:w-32 {
    width: 8rem !important;
  }

  .md\:w-40 {
    width: 10rem !important;
  }

  .md\:w-48 {
    width: 12rem !important;
  }

  .md\:w-52 {
    width: 13rem !important;
  }

  .md\:w-56 {
    width: 14rem !important;
  }

  .md\:w-60 {
    width: 15rem !important;
  }

  .md\:w-64 {
    width: 16rem !important;
  }

  .md\:w-80 {
    width: 20rem !important;
  }

  .md\:w-96 {
    width: 24rem !important;
  }

  .md\:w-128 {
    width: 32rem !important;
  }

  .md\:w-160 {
    width: 40rem !important;
  }

  .md\:w-240 {
    width: 60rem !important;
  }

  .md\:w-auto {
    width: auto !important;
  }

  .md\:w-px {
    width: 1px !important;
  }

  .md\:w-1\/2 {
    width: 50% !important;
  }

  .md\:w-1\/3 {
    width: 33.33333% !important;
  }

  .md\:w-2\/3 {
    width: 66.66667% !important;
  }

  .md\:w-1\/4 {
    width: 25% !important;
  }

  .md\:w-3\/4 {
    width: 75% !important;
  }

  .md\:w-1\/5 {
    width: 20% !important;
  }

  .md\:w-2\/5 {
    width: 40% !important;
  }

  .md\:w-3\/5 {
    width: 60% !important;
  }

  .md\:w-4\/5 {
    width: 80% !important;
  }

  .md\:w-1\/6 {
    width: 16.66667% !important;
  }

  .md\:w-5\/6 {
    width: 83.33333% !important;
  }

  .md\:w-full {
    width: 100% !important;
  }

  .md\:w-screen {
    width: 100vw !important;
  }

  .md\:z-0 {
    z-index: 0 !important;
  }

  .md\:z-5 {
    z-index: 5 !important;
  }

  .md\:z-10 {
    z-index: 10 !important;
  }

  .md\:z-20 {
    z-index: 20 !important;
  }

  .md\:z-30 {
    z-index: 30 !important;
  }

  .md\:z-40 {
    z-index: 40 !important;
  }

  .md\:z-50 {
    z-index: 50 !important;
  }

  .md\:z-200 {
    z-index: 200 !important;
  }

  .md\:z-top {
    z-index: 1001 !important;
  }

  .md\:z-max {
    z-index: 9999 !important;
  }

  .md\:z-auto {
    z-index: auto !important;
  }

  .md\:gap-0 {
    grid-gap: 0 !important;
    gap: 0 !important;
  }

  .md\:gap-1 {
    grid-gap: 8px !important;
    gap: 8px !important;
  }

  .md\:gap-2 {
    grid-gap: 16px !important;
    gap: 16px !important;
  }

  .md\:gap-3 {
    grid-gap: 24px !important;
    gap: 24px !important;
  }

  .md\:gap-4 {
    grid-gap: 32px !important;
    gap: 32px !important;
  }

  .md\:gap-5 {
    grid-gap: 40px !important;
    gap: 40px !important;
  }

  .md\:gap-6 {
    grid-gap: 64px !important;
    gap: 64px !important;
  }

  .md\:gap-7 {
    grid-gap: 80px !important;
    gap: 80px !important;
  }

  .md\:gap-8 {
    grid-gap: 120px !important;
    gap: 120px !important;
  }

  .md\:gap-px {
    grid-gap: 1px !important;
    gap: 1px !important;
  }

  .md\:gap-sm {
    grid-gap: 4px !important;
    gap: 4px !important;
  }

  .md\:gap-1\.5 {
    grid-gap: 12px !important;
    gap: 12px !important;
  }

  .md\:col-gap-0 {
    grid-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .md\:col-gap-1 {
    grid-column-gap: 8px !important;
    -moz-column-gap: 8px !important;
         column-gap: 8px !important;
  }

  .md\:col-gap-2 {
    grid-column-gap: 16px !important;
    -moz-column-gap: 16px !important;
         column-gap: 16px !important;
  }

  .md\:col-gap-3 {
    grid-column-gap: 24px !important;
    -moz-column-gap: 24px !important;
         column-gap: 24px !important;
  }

  .md\:col-gap-4 {
    grid-column-gap: 32px !important;
    -moz-column-gap: 32px !important;
         column-gap: 32px !important;
  }

  .md\:col-gap-5 {
    grid-column-gap: 40px !important;
    -moz-column-gap: 40px !important;
         column-gap: 40px !important;
  }

  .md\:col-gap-6 {
    grid-column-gap: 64px !important;
    -moz-column-gap: 64px !important;
         column-gap: 64px !important;
  }

  .md\:col-gap-7 {
    grid-column-gap: 80px !important;
    -moz-column-gap: 80px !important;
         column-gap: 80px !important;
  }

  .md\:col-gap-8 {
    grid-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
         column-gap: 120px !important;
  }

  .md\:col-gap-px {
    grid-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
         column-gap: 1px !important;
  }

  .md\:col-gap-sm {
    grid-column-gap: 4px !important;
    -moz-column-gap: 4px !important;
         column-gap: 4px !important;
  }

  .md\:col-gap-1\.5 {
    grid-column-gap: 12px !important;
    -moz-column-gap: 12px !important;
         column-gap: 12px !important;
  }

  .md\:gap-x-0 {
    grid-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .md\:gap-x-1 {
    grid-column-gap: 8px !important;
    -moz-column-gap: 8px !important;
         column-gap: 8px !important;
  }

  .md\:gap-x-2 {
    grid-column-gap: 16px !important;
    -moz-column-gap: 16px !important;
         column-gap: 16px !important;
  }

  .md\:gap-x-3 {
    grid-column-gap: 24px !important;
    -moz-column-gap: 24px !important;
         column-gap: 24px !important;
  }

  .md\:gap-x-4 {
    grid-column-gap: 32px !important;
    -moz-column-gap: 32px !important;
         column-gap: 32px !important;
  }

  .md\:gap-x-5 {
    grid-column-gap: 40px !important;
    -moz-column-gap: 40px !important;
         column-gap: 40px !important;
  }

  .md\:gap-x-6 {
    grid-column-gap: 64px !important;
    -moz-column-gap: 64px !important;
         column-gap: 64px !important;
  }

  .md\:gap-x-7 {
    grid-column-gap: 80px !important;
    -moz-column-gap: 80px !important;
         column-gap: 80px !important;
  }

  .md\:gap-x-8 {
    grid-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
         column-gap: 120px !important;
  }

  .md\:gap-x-px {
    grid-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
         column-gap: 1px !important;
  }

  .md\:gap-x-sm {
    grid-column-gap: 4px !important;
    -moz-column-gap: 4px !important;
         column-gap: 4px !important;
  }

  .md\:gap-x-1\.5 {
    grid-column-gap: 12px !important;
    -moz-column-gap: 12px !important;
         column-gap: 12px !important;
  }

  .md\:row-gap-0 {
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .md\:row-gap-1 {
    grid-row-gap: 8px !important;
    row-gap: 8px !important;
  }

  .md\:row-gap-2 {
    grid-row-gap: 16px !important;
    row-gap: 16px !important;
  }

  .md\:row-gap-3 {
    grid-row-gap: 24px !important;
    row-gap: 24px !important;
  }

  .md\:row-gap-4 {
    grid-row-gap: 32px !important;
    row-gap: 32px !important;
  }

  .md\:row-gap-5 {
    grid-row-gap: 40px !important;
    row-gap: 40px !important;
  }

  .md\:row-gap-6 {
    grid-row-gap: 64px !important;
    row-gap: 64px !important;
  }

  .md\:row-gap-7 {
    grid-row-gap: 80px !important;
    row-gap: 80px !important;
  }

  .md\:row-gap-8 {
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .md\:row-gap-px {
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .md\:row-gap-sm {
    grid-row-gap: 4px !important;
    row-gap: 4px !important;
  }

  .md\:row-gap-1\.5 {
    grid-row-gap: 12px !important;
    row-gap: 12px !important;
  }

  .md\:gap-y-0 {
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .md\:gap-y-1 {
    grid-row-gap: 8px !important;
    row-gap: 8px !important;
  }

  .md\:gap-y-2 {
    grid-row-gap: 16px !important;
    row-gap: 16px !important;
  }

  .md\:gap-y-3 {
    grid-row-gap: 24px !important;
    row-gap: 24px !important;
  }

  .md\:gap-y-4 {
    grid-row-gap: 32px !important;
    row-gap: 32px !important;
  }

  .md\:gap-y-5 {
    grid-row-gap: 40px !important;
    row-gap: 40px !important;
  }

  .md\:gap-y-6 {
    grid-row-gap: 64px !important;
    row-gap: 64px !important;
  }

  .md\:gap-y-7 {
    grid-row-gap: 80px !important;
    row-gap: 80px !important;
  }

  .md\:gap-y-8 {
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .md\:gap-y-px {
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .md\:gap-y-sm {
    grid-row-gap: 4px !important;
    row-gap: 4px !important;
  }

  .md\:gap-y-1\.5 {
    grid-row-gap: 12px !important;
    row-gap: 12px !important;
  }

  .md\:grid-flow-row {
    grid-auto-flow: row !important;
  }

  .md\:grid-flow-col {
    grid-auto-flow: column !important;
  }

  .md\:grid-flow-row-dense {
    grid-auto-flow: row dense !important;
  }

  .md\:grid-flow-col-dense {
    grid-auto-flow: column dense !important;
  }

  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-none {
    grid-template-columns: none !important;
  }

  .md\:auto-cols-auto {
    grid-auto-columns: auto !important;
  }

  .md\:auto-cols-min {
    grid-auto-columns: -webkit-min-content !important;
    grid-auto-columns: min-content !important;
  }

  .md\:auto-cols-max {
    grid-auto-columns: -webkit-max-content !important;
    grid-auto-columns: max-content !important;
  }

  .md\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr) !important;
  }

  .md\:col-auto {
    grid-column: auto !important;
  }

  .md\:col-span-1 {
    grid-column: span 1 / span 1 !important;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }

  .md\:col-span-3 {
    grid-column: span 3 / span 3 !important;
  }

  .md\:col-span-4 {
    grid-column: span 4 / span 4 !important;
  }

  .md\:col-span-5 {
    grid-column: span 5 / span 5 !important;
  }

  .md\:col-span-6 {
    grid-column: span 6 / span 6 !important;
  }

  .md\:col-span-7 {
    grid-column: span 7 / span 7 !important;
  }

  .md\:col-span-8 {
    grid-column: span 8 / span 8 !important;
  }

  .md\:col-span-9 {
    grid-column: span 9 / span 9 !important;
  }

  .md\:col-span-10 {
    grid-column: span 10 / span 10 !important;
  }

  .md\:col-span-11 {
    grid-column: span 11 / span 11 !important;
  }

  .md\:col-span-12 {
    grid-column: span 12 / span 12 !important;
  }

  .md\:col-span-full {
    grid-column: 1 / -1 !important;
  }

  .md\:col-start-1 {
    grid-column-start: 1 !important;
  }

  .md\:col-start-2 {
    grid-column-start: 2 !important;
  }

  .md\:col-start-3 {
    grid-column-start: 3 !important;
  }

  .md\:col-start-4 {
    grid-column-start: 4 !important;
  }

  .md\:col-start-5 {
    grid-column-start: 5 !important;
  }

  .md\:col-start-6 {
    grid-column-start: 6 !important;
  }

  .md\:col-start-7 {
    grid-column-start: 7 !important;
  }

  .md\:col-start-8 {
    grid-column-start: 8 !important;
  }

  .md\:col-start-9 {
    grid-column-start: 9 !important;
  }

  .md\:col-start-10 {
    grid-column-start: 10 !important;
  }

  .md\:col-start-11 {
    grid-column-start: 11 !important;
  }

  .md\:col-start-12 {
    grid-column-start: 12 !important;
  }

  .md\:col-start-13 {
    grid-column-start: 13 !important;
  }

  .md\:col-start-auto {
    grid-column-start: auto !important;
  }

  .md\:col-end-1 {
    grid-column-end: 1 !important;
  }

  .md\:col-end-2 {
    grid-column-end: 2 !important;
  }

  .md\:col-end-3 {
    grid-column-end: 3 !important;
  }

  .md\:col-end-4 {
    grid-column-end: 4 !important;
  }

  .md\:col-end-5 {
    grid-column-end: 5 !important;
  }

  .md\:col-end-6 {
    grid-column-end: 6 !important;
  }

  .md\:col-end-7 {
    grid-column-end: 7 !important;
  }

  .md\:col-end-8 {
    grid-column-end: 8 !important;
  }

  .md\:col-end-9 {
    grid-column-end: 9 !important;
  }

  .md\:col-end-10 {
    grid-column-end: 10 !important;
  }

  .md\:col-end-11 {
    grid-column-end: 11 !important;
  }

  .md\:col-end-12 {
    grid-column-end: 12 !important;
  }

  .md\:col-end-13 {
    grid-column-end: 13 !important;
  }

  .md\:col-end-auto {
    grid-column-end: auto !important;
  }

  .md\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
  }

  .md\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }

  .md\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  }

  .md\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }

  .md\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  }

  .md\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
  }

  .md\:grid-rows-none {
    grid-template-rows: none !important;
  }

  .md\:auto-rows-auto {
    grid-auto-rows: auto !important;
  }

  .md\:auto-rows-min {
    grid-auto-rows: -webkit-min-content !important;
    grid-auto-rows: min-content !important;
  }

  .md\:auto-rows-max {
    grid-auto-rows: -webkit-max-content !important;
    grid-auto-rows: max-content !important;
  }

  .md\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr) !important;
  }

  .md\:row-auto {
    grid-row: auto !important;
  }

  .md\:row-span-1 {
    grid-row: span 1 / span 1 !important;
  }

  .md\:row-span-2 {
    grid-row: span 2 / span 2 !important;
  }

  .md\:row-span-3 {
    grid-row: span 3 / span 3 !important;
  }

  .md\:row-span-4 {
    grid-row: span 4 / span 4 !important;
  }

  .md\:row-span-5 {
    grid-row: span 5 / span 5 !important;
  }

  .md\:row-span-6 {
    grid-row: span 6 / span 6 !important;
  }

  .md\:row-span-full {
    grid-row: 1 / -1 !important;
  }

  .md\:row-start-1 {
    grid-row-start: 1 !important;
  }

  .md\:row-start-2 {
    grid-row-start: 2 !important;
  }

  .md\:row-start-3 {
    grid-row-start: 3 !important;
  }

  .md\:row-start-4 {
    grid-row-start: 4 !important;
  }

  .md\:row-start-5 {
    grid-row-start: 5 !important;
  }

  .md\:row-start-6 {
    grid-row-start: 6 !important;
  }

  .md\:row-start-7 {
    grid-row-start: 7 !important;
  }

  .md\:row-start-auto {
    grid-row-start: auto !important;
  }

  .md\:row-end-1 {
    grid-row-end: 1 !important;
  }

  .md\:row-end-2 {
    grid-row-end: 2 !important;
  }

  .md\:row-end-3 {
    grid-row-end: 3 !important;
  }

  .md\:row-end-4 {
    grid-row-end: 4 !important;
  }

  .md\:row-end-5 {
    grid-row-end: 5 !important;
  }

  .md\:row-end-6 {
    grid-row-end: 6 !important;
  }

  .md\:row-end-7 {
    grid-row-end: 7 !important;
  }

  .md\:row-end-auto {
    grid-row-end: auto !important;
  }

  .md\:transform {
    --transform-translate-x: 0 !important;
    --transform-translate-y: 0 !important;
    --transform-rotate: 0 !important;
    --transform-skew-x: 0 !important;
    --transform-skew-y: 0 !important;
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
  }

  .md\:transform-none {
    transform: none !important;
  }

  .md\:origin-center {
    transform-origin: center !important;
  }

  .md\:origin-top {
    transform-origin: top !important;
  }

  .md\:origin-top-right {
    transform-origin: top right !important;
  }

  .md\:origin-right {
    transform-origin: right !important;
  }

  .md\:origin-bottom-right {
    transform-origin: bottom right !important;
  }

  .md\:origin-bottom {
    transform-origin: bottom !important;
  }

  .md\:origin-bottom-left {
    transform-origin: bottom left !important;
  }

  .md\:origin-left {
    transform-origin: left !important;
  }

  .md\:origin-top-left {
    transform-origin: top left !important;
  }

  .md\:scale-0 {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .md\:scale-50 {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .md\:scale-75 {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .md\:scale-90 {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .md\:scale-95 {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .md\:scale-100 {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .md\:scale-105 {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .md\:scale-110 {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .md\:scale-125 {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .md\:scale-150 {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .md\:scale-x-0 {
    --transform-scale-x: 0 !important;
  }

  .md\:scale-x-50 {
    --transform-scale-x: .5 !important;
  }

  .md\:scale-x-75 {
    --transform-scale-x: .75 !important;
  }

  .md\:scale-x-90 {
    --transform-scale-x: .9 !important;
  }

  .md\:scale-x-95 {
    --transform-scale-x: .95 !important;
  }

  .md\:scale-x-100 {
    --transform-scale-x: 1 !important;
  }

  .md\:scale-x-105 {
    --transform-scale-x: 1.05 !important;
  }

  .md\:scale-x-110 {
    --transform-scale-x: 1.1 !important;
  }

  .md\:scale-x-125 {
    --transform-scale-x: 1.25 !important;
  }

  .md\:scale-x-150 {
    --transform-scale-x: 1.5 !important;
  }

  .md\:scale-y-0 {
    --transform-scale-y: 0 !important;
  }

  .md\:scale-y-50 {
    --transform-scale-y: .5 !important;
  }

  .md\:scale-y-75 {
    --transform-scale-y: .75 !important;
  }

  .md\:scale-y-90 {
    --transform-scale-y: .9 !important;
  }

  .md\:scale-y-95 {
    --transform-scale-y: .95 !important;
  }

  .md\:scale-y-100 {
    --transform-scale-y: 1 !important;
  }

  .md\:scale-y-105 {
    --transform-scale-y: 1.05 !important;
  }

  .md\:scale-y-110 {
    --transform-scale-y: 1.1 !important;
  }

  .md\:scale-y-125 {
    --transform-scale-y: 1.25 !important;
  }

  .md\:scale-y-150 {
    --transform-scale-y: 1.5 !important;
  }

  .md\:hover\:scale-0:hover {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .md\:hover\:scale-50:hover {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .md\:hover\:scale-75:hover {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .md\:hover\:scale-90:hover {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .md\:hover\:scale-95:hover {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .md\:hover\:scale-100:hover {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .md\:hover\:scale-105:hover {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .md\:hover\:scale-110:hover {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .md\:hover\:scale-125:hover {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .md\:hover\:scale-150:hover {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .md\:hover\:scale-x-0:hover {
    --transform-scale-x: 0 !important;
  }

  .md\:hover\:scale-x-50:hover {
    --transform-scale-x: .5 !important;
  }

  .md\:hover\:scale-x-75:hover {
    --transform-scale-x: .75 !important;
  }

  .md\:hover\:scale-x-90:hover {
    --transform-scale-x: .9 !important;
  }

  .md\:hover\:scale-x-95:hover {
    --transform-scale-x: .95 !important;
  }

  .md\:hover\:scale-x-100:hover {
    --transform-scale-x: 1 !important;
  }

  .md\:hover\:scale-x-105:hover {
    --transform-scale-x: 1.05 !important;
  }

  .md\:hover\:scale-x-110:hover {
    --transform-scale-x: 1.1 !important;
  }

  .md\:hover\:scale-x-125:hover {
    --transform-scale-x: 1.25 !important;
  }

  .md\:hover\:scale-x-150:hover {
    --transform-scale-x: 1.5 !important;
  }

  .md\:hover\:scale-y-0:hover {
    --transform-scale-y: 0 !important;
  }

  .md\:hover\:scale-y-50:hover {
    --transform-scale-y: .5 !important;
  }

  .md\:hover\:scale-y-75:hover {
    --transform-scale-y: .75 !important;
  }

  .md\:hover\:scale-y-90:hover {
    --transform-scale-y: .9 !important;
  }

  .md\:hover\:scale-y-95:hover {
    --transform-scale-y: .95 !important;
  }

  .md\:hover\:scale-y-100:hover {
    --transform-scale-y: 1 !important;
  }

  .md\:hover\:scale-y-105:hover {
    --transform-scale-y: 1.05 !important;
  }

  .md\:hover\:scale-y-110:hover {
    --transform-scale-y: 1.1 !important;
  }

  .md\:hover\:scale-y-125:hover {
    --transform-scale-y: 1.25 !important;
  }

  .md\:hover\:scale-y-150:hover {
    --transform-scale-y: 1.5 !important;
  }

  .md\:focus\:scale-0:focus {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .md\:focus\:scale-50:focus {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .md\:focus\:scale-75:focus {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .md\:focus\:scale-90:focus {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .md\:focus\:scale-95:focus {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .md\:focus\:scale-100:focus {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .md\:focus\:scale-105:focus {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .md\:focus\:scale-110:focus {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .md\:focus\:scale-125:focus {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .md\:focus\:scale-150:focus {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .md\:focus\:scale-x-0:focus {
    --transform-scale-x: 0 !important;
  }

  .md\:focus\:scale-x-50:focus {
    --transform-scale-x: .5 !important;
  }

  .md\:focus\:scale-x-75:focus {
    --transform-scale-x: .75 !important;
  }

  .md\:focus\:scale-x-90:focus {
    --transform-scale-x: .9 !important;
  }

  .md\:focus\:scale-x-95:focus {
    --transform-scale-x: .95 !important;
  }

  .md\:focus\:scale-x-100:focus {
    --transform-scale-x: 1 !important;
  }

  .md\:focus\:scale-x-105:focus {
    --transform-scale-x: 1.05 !important;
  }

  .md\:focus\:scale-x-110:focus {
    --transform-scale-x: 1.1 !important;
  }

  .md\:focus\:scale-x-125:focus {
    --transform-scale-x: 1.25 !important;
  }

  .md\:focus\:scale-x-150:focus {
    --transform-scale-x: 1.5 !important;
  }

  .md\:focus\:scale-y-0:focus {
    --transform-scale-y: 0 !important;
  }

  .md\:focus\:scale-y-50:focus {
    --transform-scale-y: .5 !important;
  }

  .md\:focus\:scale-y-75:focus {
    --transform-scale-y: .75 !important;
  }

  .md\:focus\:scale-y-90:focus {
    --transform-scale-y: .9 !important;
  }

  .md\:focus\:scale-y-95:focus {
    --transform-scale-y: .95 !important;
  }

  .md\:focus\:scale-y-100:focus {
    --transform-scale-y: 1 !important;
  }

  .md\:focus\:scale-y-105:focus {
    --transform-scale-y: 1.05 !important;
  }

  .md\:focus\:scale-y-110:focus {
    --transform-scale-y: 1.1 !important;
  }

  .md\:focus\:scale-y-125:focus {
    --transform-scale-y: 1.25 !important;
  }

  .md\:focus\:scale-y-150:focus {
    --transform-scale-y: 1.5 !important;
  }

  .md\:rotate-0 {
    --transform-rotate: 0 !important;
  }

  .md\:rotate-1 {
    --transform-rotate: 1deg !important;
  }

  .md\:rotate-2 {
    --transform-rotate: 2deg !important;
  }

  .md\:rotate-3 {
    --transform-rotate: 3deg !important;
  }

  .md\:rotate-6 {
    --transform-rotate: 6deg !important;
  }

  .md\:rotate-12 {
    --transform-rotate: 12deg !important;
  }

  .md\:rotate-45 {
    --transform-rotate: 45deg !important;
  }

  .md\:rotate-90 {
    --transform-rotate: 90deg !important;
  }

  .md\:rotate-180 {
    --transform-rotate: 180deg !important;
  }

  .md\:-rotate-180 {
    --transform-rotate: -180deg !important;
  }

  .md\:-rotate-90 {
    --transform-rotate: -90deg !important;
  }

  .md\:-rotate-45 {
    --transform-rotate: -45deg !important;
  }

  .md\:-rotate-12 {
    --transform-rotate: -12deg !important;
  }

  .md\:-rotate-6 {
    --transform-rotate: -6deg !important;
  }

  .md\:-rotate-3 {
    --transform-rotate: -3deg !important;
  }

  .md\:-rotate-2 {
    --transform-rotate: -2deg !important;
  }

  .md\:-rotate-1 {
    --transform-rotate: -1deg !important;
  }

  .md\:hover\:rotate-0:hover {
    --transform-rotate: 0 !important;
  }

  .md\:hover\:rotate-1:hover {
    --transform-rotate: 1deg !important;
  }

  .md\:hover\:rotate-2:hover {
    --transform-rotate: 2deg !important;
  }

  .md\:hover\:rotate-3:hover {
    --transform-rotate: 3deg !important;
  }

  .md\:hover\:rotate-6:hover {
    --transform-rotate: 6deg !important;
  }

  .md\:hover\:rotate-12:hover {
    --transform-rotate: 12deg !important;
  }

  .md\:hover\:rotate-45:hover {
    --transform-rotate: 45deg !important;
  }

  .md\:hover\:rotate-90:hover {
    --transform-rotate: 90deg !important;
  }

  .md\:hover\:rotate-180:hover {
    --transform-rotate: 180deg !important;
  }

  .md\:hover\:-rotate-180:hover {
    --transform-rotate: -180deg !important;
  }

  .md\:hover\:-rotate-90:hover {
    --transform-rotate: -90deg !important;
  }

  .md\:hover\:-rotate-45:hover {
    --transform-rotate: -45deg !important;
  }

  .md\:hover\:-rotate-12:hover {
    --transform-rotate: -12deg !important;
  }

  .md\:hover\:-rotate-6:hover {
    --transform-rotate: -6deg !important;
  }

  .md\:hover\:-rotate-3:hover {
    --transform-rotate: -3deg !important;
  }

  .md\:hover\:-rotate-2:hover {
    --transform-rotate: -2deg !important;
  }

  .md\:hover\:-rotate-1:hover {
    --transform-rotate: -1deg !important;
  }

  .md\:focus\:rotate-0:focus {
    --transform-rotate: 0 !important;
  }

  .md\:focus\:rotate-1:focus {
    --transform-rotate: 1deg !important;
  }

  .md\:focus\:rotate-2:focus {
    --transform-rotate: 2deg !important;
  }

  .md\:focus\:rotate-3:focus {
    --transform-rotate: 3deg !important;
  }

  .md\:focus\:rotate-6:focus {
    --transform-rotate: 6deg !important;
  }

  .md\:focus\:rotate-12:focus {
    --transform-rotate: 12deg !important;
  }

  .md\:focus\:rotate-45:focus {
    --transform-rotate: 45deg !important;
  }

  .md\:focus\:rotate-90:focus {
    --transform-rotate: 90deg !important;
  }

  .md\:focus\:rotate-180:focus {
    --transform-rotate: 180deg !important;
  }

  .md\:focus\:-rotate-180:focus {
    --transform-rotate: -180deg !important;
  }

  .md\:focus\:-rotate-90:focus {
    --transform-rotate: -90deg !important;
  }

  .md\:focus\:-rotate-45:focus {
    --transform-rotate: -45deg !important;
  }

  .md\:focus\:-rotate-12:focus {
    --transform-rotate: -12deg !important;
  }

  .md\:focus\:-rotate-6:focus {
    --transform-rotate: -6deg !important;
  }

  .md\:focus\:-rotate-3:focus {
    --transform-rotate: -3deg !important;
  }

  .md\:focus\:-rotate-2:focus {
    --transform-rotate: -2deg !important;
  }

  .md\:focus\:-rotate-1:focus {
    --transform-rotate: -1deg !important;
  }

  .md\:translate-x-0 {
    --transform-translate-x: 0 !important;
  }

  .md\:translate-x-1 {
    --transform-translate-x: 8px !important;
  }

  .md\:translate-x-2 {
    --transform-translate-x: 16px !important;
  }

  .md\:translate-x-3 {
    --transform-translate-x: 24px !important;
  }

  .md\:translate-x-4 {
    --transform-translate-x: 32px !important;
  }

  .md\:translate-x-5 {
    --transform-translate-x: 40px !important;
  }

  .md\:translate-x-6 {
    --transform-translate-x: 64px !important;
  }

  .md\:translate-x-7 {
    --transform-translate-x: 80px !important;
  }

  .md\:translate-x-8 {
    --transform-translate-x: 120px !important;
  }

  .md\:translate-x-px {
    --transform-translate-x: 1px !important;
  }

  .md\:translate-x-sm {
    --transform-translate-x: 4px !important;
  }

  .md\:translate-x-1\.5 {
    --transform-translate-x: 12px !important;
  }

  .md\:-translate-x-1 {
    --transform-translate-x: -8px !important;
  }

  .md\:-translate-x-2 {
    --transform-translate-x: -16px !important;
  }

  .md\:-translate-x-3 {
    --transform-translate-x: -24px !important;
  }

  .md\:-translate-x-4 {
    --transform-translate-x: -32px !important;
  }

  .md\:-translate-x-5 {
    --transform-translate-x: -40px !important;
  }

  .md\:-translate-x-6 {
    --transform-translate-x: -64px !important;
  }

  .md\:-translate-x-7 {
    --transform-translate-x: -80px !important;
  }

  .md\:-translate-x-8 {
    --transform-translate-x: -120px !important;
  }

  .md\:-translate-x-px {
    --transform-translate-x: -1px !important;
  }

  .md\:-translate-x-sm {
    --transform-translate-x: -4px !important;
  }

  .md\:-translate-x-1\.5 {
    --transform-translate-x: -12px !important;
  }

  .md\:-translate-x-full {
    --transform-translate-x: -100% !important;
  }

  .md\:-translate-x-1\/2 {
    --transform-translate-x: -50% !important;
  }

  .md\:translate-x-1\/2 {
    --transform-translate-x: 50% !important;
  }

  .md\:translate-x-full {
    --transform-translate-x: 100% !important;
  }

  .md\:translate-y-0 {
    --transform-translate-y: 0 !important;
  }

  .md\:translate-y-1 {
    --transform-translate-y: 8px !important;
  }

  .md\:translate-y-2 {
    --transform-translate-y: 16px !important;
  }

  .md\:translate-y-3 {
    --transform-translate-y: 24px !important;
  }

  .md\:translate-y-4 {
    --transform-translate-y: 32px !important;
  }

  .md\:translate-y-5 {
    --transform-translate-y: 40px !important;
  }

  .md\:translate-y-6 {
    --transform-translate-y: 64px !important;
  }

  .md\:translate-y-7 {
    --transform-translate-y: 80px !important;
  }

  .md\:translate-y-8 {
    --transform-translate-y: 120px !important;
  }

  .md\:translate-y-px {
    --transform-translate-y: 1px !important;
  }

  .md\:translate-y-sm {
    --transform-translate-y: 4px !important;
  }

  .md\:translate-y-1\.5 {
    --transform-translate-y: 12px !important;
  }

  .md\:-translate-y-1 {
    --transform-translate-y: -8px !important;
  }

  .md\:-translate-y-2 {
    --transform-translate-y: -16px !important;
  }

  .md\:-translate-y-3 {
    --transform-translate-y: -24px !important;
  }

  .md\:-translate-y-4 {
    --transform-translate-y: -32px !important;
  }

  .md\:-translate-y-5 {
    --transform-translate-y: -40px !important;
  }

  .md\:-translate-y-6 {
    --transform-translate-y: -64px !important;
  }

  .md\:-translate-y-7 {
    --transform-translate-y: -80px !important;
  }

  .md\:-translate-y-8 {
    --transform-translate-y: -120px !important;
  }

  .md\:-translate-y-px {
    --transform-translate-y: -1px !important;
  }

  .md\:-translate-y-sm {
    --transform-translate-y: -4px !important;
  }

  .md\:-translate-y-1\.5 {
    --transform-translate-y: -12px !important;
  }

  .md\:-translate-y-full {
    --transform-translate-y: -100% !important;
  }

  .md\:-translate-y-1\/2 {
    --transform-translate-y: -50% !important;
  }

  .md\:translate-y-1\/2 {
    --transform-translate-y: 50% !important;
  }

  .md\:translate-y-full {
    --transform-translate-y: 100% !important;
  }

  .md\:hover\:translate-x-0:hover {
    --transform-translate-x: 0 !important;
  }

  .md\:hover\:translate-x-1:hover {
    --transform-translate-x: 8px !important;
  }

  .md\:hover\:translate-x-2:hover {
    --transform-translate-x: 16px !important;
  }

  .md\:hover\:translate-x-3:hover {
    --transform-translate-x: 24px !important;
  }

  .md\:hover\:translate-x-4:hover {
    --transform-translate-x: 32px !important;
  }

  .md\:hover\:translate-x-5:hover {
    --transform-translate-x: 40px !important;
  }

  .md\:hover\:translate-x-6:hover {
    --transform-translate-x: 64px !important;
  }

  .md\:hover\:translate-x-7:hover {
    --transform-translate-x: 80px !important;
  }

  .md\:hover\:translate-x-8:hover {
    --transform-translate-x: 120px !important;
  }

  .md\:hover\:translate-x-px:hover {
    --transform-translate-x: 1px !important;
  }

  .md\:hover\:translate-x-sm:hover {
    --transform-translate-x: 4px !important;
  }

  .md\:hover\:translate-x-1\.5:hover {
    --transform-translate-x: 12px !important;
  }

  .md\:hover\:-translate-x-1:hover {
    --transform-translate-x: -8px !important;
  }

  .md\:hover\:-translate-x-2:hover {
    --transform-translate-x: -16px !important;
  }

  .md\:hover\:-translate-x-3:hover {
    --transform-translate-x: -24px !important;
  }

  .md\:hover\:-translate-x-4:hover {
    --transform-translate-x: -32px !important;
  }

  .md\:hover\:-translate-x-5:hover {
    --transform-translate-x: -40px !important;
  }

  .md\:hover\:-translate-x-6:hover {
    --transform-translate-x: -64px !important;
  }

  .md\:hover\:-translate-x-7:hover {
    --transform-translate-x: -80px !important;
  }

  .md\:hover\:-translate-x-8:hover {
    --transform-translate-x: -120px !important;
  }

  .md\:hover\:-translate-x-px:hover {
    --transform-translate-x: -1px !important;
  }

  .md\:hover\:-translate-x-sm:hover {
    --transform-translate-x: -4px !important;
  }

  .md\:hover\:-translate-x-1\.5:hover {
    --transform-translate-x: -12px !important;
  }

  .md\:hover\:-translate-x-full:hover {
    --transform-translate-x: -100% !important;
  }

  .md\:hover\:-translate-x-1\/2:hover {
    --transform-translate-x: -50% !important;
  }

  .md\:hover\:translate-x-1\/2:hover {
    --transform-translate-x: 50% !important;
  }

  .md\:hover\:translate-x-full:hover {
    --transform-translate-x: 100% !important;
  }

  .md\:hover\:translate-y-0:hover {
    --transform-translate-y: 0 !important;
  }

  .md\:hover\:translate-y-1:hover {
    --transform-translate-y: 8px !important;
  }

  .md\:hover\:translate-y-2:hover {
    --transform-translate-y: 16px !important;
  }

  .md\:hover\:translate-y-3:hover {
    --transform-translate-y: 24px !important;
  }

  .md\:hover\:translate-y-4:hover {
    --transform-translate-y: 32px !important;
  }

  .md\:hover\:translate-y-5:hover {
    --transform-translate-y: 40px !important;
  }

  .md\:hover\:translate-y-6:hover {
    --transform-translate-y: 64px !important;
  }

  .md\:hover\:translate-y-7:hover {
    --transform-translate-y: 80px !important;
  }

  .md\:hover\:translate-y-8:hover {
    --transform-translate-y: 120px !important;
  }

  .md\:hover\:translate-y-px:hover {
    --transform-translate-y: 1px !important;
  }

  .md\:hover\:translate-y-sm:hover {
    --transform-translate-y: 4px !important;
  }

  .md\:hover\:translate-y-1\.5:hover {
    --transform-translate-y: 12px !important;
  }

  .md\:hover\:-translate-y-1:hover {
    --transform-translate-y: -8px !important;
  }

  .md\:hover\:-translate-y-2:hover {
    --transform-translate-y: -16px !important;
  }

  .md\:hover\:-translate-y-3:hover {
    --transform-translate-y: -24px !important;
  }

  .md\:hover\:-translate-y-4:hover {
    --transform-translate-y: -32px !important;
  }

  .md\:hover\:-translate-y-5:hover {
    --transform-translate-y: -40px !important;
  }

  .md\:hover\:-translate-y-6:hover {
    --transform-translate-y: -64px !important;
  }

  .md\:hover\:-translate-y-7:hover {
    --transform-translate-y: -80px !important;
  }

  .md\:hover\:-translate-y-8:hover {
    --transform-translate-y: -120px !important;
  }

  .md\:hover\:-translate-y-px:hover {
    --transform-translate-y: -1px !important;
  }

  .md\:hover\:-translate-y-sm:hover {
    --transform-translate-y: -4px !important;
  }

  .md\:hover\:-translate-y-1\.5:hover {
    --transform-translate-y: -12px !important;
  }

  .md\:hover\:-translate-y-full:hover {
    --transform-translate-y: -100% !important;
  }

  .md\:hover\:-translate-y-1\/2:hover {
    --transform-translate-y: -50% !important;
  }

  .md\:hover\:translate-y-1\/2:hover {
    --transform-translate-y: 50% !important;
  }

  .md\:hover\:translate-y-full:hover {
    --transform-translate-y: 100% !important;
  }

  .md\:focus\:translate-x-0:focus {
    --transform-translate-x: 0 !important;
  }

  .md\:focus\:translate-x-1:focus {
    --transform-translate-x: 8px !important;
  }

  .md\:focus\:translate-x-2:focus {
    --transform-translate-x: 16px !important;
  }

  .md\:focus\:translate-x-3:focus {
    --transform-translate-x: 24px !important;
  }

  .md\:focus\:translate-x-4:focus {
    --transform-translate-x: 32px !important;
  }

  .md\:focus\:translate-x-5:focus {
    --transform-translate-x: 40px !important;
  }

  .md\:focus\:translate-x-6:focus {
    --transform-translate-x: 64px !important;
  }

  .md\:focus\:translate-x-7:focus {
    --transform-translate-x: 80px !important;
  }

  .md\:focus\:translate-x-8:focus {
    --transform-translate-x: 120px !important;
  }

  .md\:focus\:translate-x-px:focus {
    --transform-translate-x: 1px !important;
  }

  .md\:focus\:translate-x-sm:focus {
    --transform-translate-x: 4px !important;
  }

  .md\:focus\:translate-x-1\.5:focus {
    --transform-translate-x: 12px !important;
  }

  .md\:focus\:-translate-x-1:focus {
    --transform-translate-x: -8px !important;
  }

  .md\:focus\:-translate-x-2:focus {
    --transform-translate-x: -16px !important;
  }

  .md\:focus\:-translate-x-3:focus {
    --transform-translate-x: -24px !important;
  }

  .md\:focus\:-translate-x-4:focus {
    --transform-translate-x: -32px !important;
  }

  .md\:focus\:-translate-x-5:focus {
    --transform-translate-x: -40px !important;
  }

  .md\:focus\:-translate-x-6:focus {
    --transform-translate-x: -64px !important;
  }

  .md\:focus\:-translate-x-7:focus {
    --transform-translate-x: -80px !important;
  }

  .md\:focus\:-translate-x-8:focus {
    --transform-translate-x: -120px !important;
  }

  .md\:focus\:-translate-x-px:focus {
    --transform-translate-x: -1px !important;
  }

  .md\:focus\:-translate-x-sm:focus {
    --transform-translate-x: -4px !important;
  }

  .md\:focus\:-translate-x-1\.5:focus {
    --transform-translate-x: -12px !important;
  }

  .md\:focus\:-translate-x-full:focus {
    --transform-translate-x: -100% !important;
  }

  .md\:focus\:-translate-x-1\/2:focus {
    --transform-translate-x: -50% !important;
  }

  .md\:focus\:translate-x-1\/2:focus {
    --transform-translate-x: 50% !important;
  }

  .md\:focus\:translate-x-full:focus {
    --transform-translate-x: 100% !important;
  }

  .md\:focus\:translate-y-0:focus {
    --transform-translate-y: 0 !important;
  }

  .md\:focus\:translate-y-1:focus {
    --transform-translate-y: 8px !important;
  }

  .md\:focus\:translate-y-2:focus {
    --transform-translate-y: 16px !important;
  }

  .md\:focus\:translate-y-3:focus {
    --transform-translate-y: 24px !important;
  }

  .md\:focus\:translate-y-4:focus {
    --transform-translate-y: 32px !important;
  }

  .md\:focus\:translate-y-5:focus {
    --transform-translate-y: 40px !important;
  }

  .md\:focus\:translate-y-6:focus {
    --transform-translate-y: 64px !important;
  }

  .md\:focus\:translate-y-7:focus {
    --transform-translate-y: 80px !important;
  }

  .md\:focus\:translate-y-8:focus {
    --transform-translate-y: 120px !important;
  }

  .md\:focus\:translate-y-px:focus {
    --transform-translate-y: 1px !important;
  }

  .md\:focus\:translate-y-sm:focus {
    --transform-translate-y: 4px !important;
  }

  .md\:focus\:translate-y-1\.5:focus {
    --transform-translate-y: 12px !important;
  }

  .md\:focus\:-translate-y-1:focus {
    --transform-translate-y: -8px !important;
  }

  .md\:focus\:-translate-y-2:focus {
    --transform-translate-y: -16px !important;
  }

  .md\:focus\:-translate-y-3:focus {
    --transform-translate-y: -24px !important;
  }

  .md\:focus\:-translate-y-4:focus {
    --transform-translate-y: -32px !important;
  }

  .md\:focus\:-translate-y-5:focus {
    --transform-translate-y: -40px !important;
  }

  .md\:focus\:-translate-y-6:focus {
    --transform-translate-y: -64px !important;
  }

  .md\:focus\:-translate-y-7:focus {
    --transform-translate-y: -80px !important;
  }

  .md\:focus\:-translate-y-8:focus {
    --transform-translate-y: -120px !important;
  }

  .md\:focus\:-translate-y-px:focus {
    --transform-translate-y: -1px !important;
  }

  .md\:focus\:-translate-y-sm:focus {
    --transform-translate-y: -4px !important;
  }

  .md\:focus\:-translate-y-1\.5:focus {
    --transform-translate-y: -12px !important;
  }

  .md\:focus\:-translate-y-full:focus {
    --transform-translate-y: -100% !important;
  }

  .md\:focus\:-translate-y-1\/2:focus {
    --transform-translate-y: -50% !important;
  }

  .md\:focus\:translate-y-1\/2:focus {
    --transform-translate-y: 50% !important;
  }

  .md\:focus\:translate-y-full:focus {
    --transform-translate-y: 100% !important;
  }

  .md\:skew-x-0 {
    --transform-skew-x: 0 !important;
  }

  .md\:skew-x-1 {
    --transform-skew-x: 1deg !important;
  }

  .md\:skew-x-2 {
    --transform-skew-x: 2deg !important;
  }

  .md\:skew-x-3 {
    --transform-skew-x: 3deg !important;
  }

  .md\:skew-x-6 {
    --transform-skew-x: 6deg !important;
  }

  .md\:skew-x-12 {
    --transform-skew-x: 12deg !important;
  }

  .md\:-skew-x-12 {
    --transform-skew-x: -12deg !important;
  }

  .md\:-skew-x-6 {
    --transform-skew-x: -6deg !important;
  }

  .md\:-skew-x-3 {
    --transform-skew-x: -3deg !important;
  }

  .md\:-skew-x-2 {
    --transform-skew-x: -2deg !important;
  }

  .md\:-skew-x-1 {
    --transform-skew-x: -1deg !important;
  }

  .md\:skew-y-0 {
    --transform-skew-y: 0 !important;
  }

  .md\:skew-y-1 {
    --transform-skew-y: 1deg !important;
  }

  .md\:skew-y-2 {
    --transform-skew-y: 2deg !important;
  }

  .md\:skew-y-3 {
    --transform-skew-y: 3deg !important;
  }

  .md\:skew-y-6 {
    --transform-skew-y: 6deg !important;
  }

  .md\:skew-y-12 {
    --transform-skew-y: 12deg !important;
  }

  .md\:-skew-y-12 {
    --transform-skew-y: -12deg !important;
  }

  .md\:-skew-y-6 {
    --transform-skew-y: -6deg !important;
  }

  .md\:-skew-y-3 {
    --transform-skew-y: -3deg !important;
  }

  .md\:-skew-y-2 {
    --transform-skew-y: -2deg !important;
  }

  .md\:-skew-y-1 {
    --transform-skew-y: -1deg !important;
  }

  .md\:hover\:skew-x-0:hover {
    --transform-skew-x: 0 !important;
  }

  .md\:hover\:skew-x-1:hover {
    --transform-skew-x: 1deg !important;
  }

  .md\:hover\:skew-x-2:hover {
    --transform-skew-x: 2deg !important;
  }

  .md\:hover\:skew-x-3:hover {
    --transform-skew-x: 3deg !important;
  }

  .md\:hover\:skew-x-6:hover {
    --transform-skew-x: 6deg !important;
  }

  .md\:hover\:skew-x-12:hover {
    --transform-skew-x: 12deg !important;
  }

  .md\:hover\:-skew-x-12:hover {
    --transform-skew-x: -12deg !important;
  }

  .md\:hover\:-skew-x-6:hover {
    --transform-skew-x: -6deg !important;
  }

  .md\:hover\:-skew-x-3:hover {
    --transform-skew-x: -3deg !important;
  }

  .md\:hover\:-skew-x-2:hover {
    --transform-skew-x: -2deg !important;
  }

  .md\:hover\:-skew-x-1:hover {
    --transform-skew-x: -1deg !important;
  }

  .md\:hover\:skew-y-0:hover {
    --transform-skew-y: 0 !important;
  }

  .md\:hover\:skew-y-1:hover {
    --transform-skew-y: 1deg !important;
  }

  .md\:hover\:skew-y-2:hover {
    --transform-skew-y: 2deg !important;
  }

  .md\:hover\:skew-y-3:hover {
    --transform-skew-y: 3deg !important;
  }

  .md\:hover\:skew-y-6:hover {
    --transform-skew-y: 6deg !important;
  }

  .md\:hover\:skew-y-12:hover {
    --transform-skew-y: 12deg !important;
  }

  .md\:hover\:-skew-y-12:hover {
    --transform-skew-y: -12deg !important;
  }

  .md\:hover\:-skew-y-6:hover {
    --transform-skew-y: -6deg !important;
  }

  .md\:hover\:-skew-y-3:hover {
    --transform-skew-y: -3deg !important;
  }

  .md\:hover\:-skew-y-2:hover {
    --transform-skew-y: -2deg !important;
  }

  .md\:hover\:-skew-y-1:hover {
    --transform-skew-y: -1deg !important;
  }

  .md\:focus\:skew-x-0:focus {
    --transform-skew-x: 0 !important;
  }

  .md\:focus\:skew-x-1:focus {
    --transform-skew-x: 1deg !important;
  }

  .md\:focus\:skew-x-2:focus {
    --transform-skew-x: 2deg !important;
  }

  .md\:focus\:skew-x-3:focus {
    --transform-skew-x: 3deg !important;
  }

  .md\:focus\:skew-x-6:focus {
    --transform-skew-x: 6deg !important;
  }

  .md\:focus\:skew-x-12:focus {
    --transform-skew-x: 12deg !important;
  }

  .md\:focus\:-skew-x-12:focus {
    --transform-skew-x: -12deg !important;
  }

  .md\:focus\:-skew-x-6:focus {
    --transform-skew-x: -6deg !important;
  }

  .md\:focus\:-skew-x-3:focus {
    --transform-skew-x: -3deg !important;
  }

  .md\:focus\:-skew-x-2:focus {
    --transform-skew-x: -2deg !important;
  }

  .md\:focus\:-skew-x-1:focus {
    --transform-skew-x: -1deg !important;
  }

  .md\:focus\:skew-y-0:focus {
    --transform-skew-y: 0 !important;
  }

  .md\:focus\:skew-y-1:focus {
    --transform-skew-y: 1deg !important;
  }

  .md\:focus\:skew-y-2:focus {
    --transform-skew-y: 2deg !important;
  }

  .md\:focus\:skew-y-3:focus {
    --transform-skew-y: 3deg !important;
  }

  .md\:focus\:skew-y-6:focus {
    --transform-skew-y: 6deg !important;
  }

  .md\:focus\:skew-y-12:focus {
    --transform-skew-y: 12deg !important;
  }

  .md\:focus\:-skew-y-12:focus {
    --transform-skew-y: -12deg !important;
  }

  .md\:focus\:-skew-y-6:focus {
    --transform-skew-y: -6deg !important;
  }

  .md\:focus\:-skew-y-3:focus {
    --transform-skew-y: -3deg !important;
  }

  .md\:focus\:-skew-y-2:focus {
    --transform-skew-y: -2deg !important;
  }

  .md\:focus\:-skew-y-1:focus {
    --transform-skew-y: -1deg !important;
  }

  .md\:transition-none {
    transition-property: none !important;
  }

  .md\:transition-all {
    transition-property: all !important;
  }

  .md\:transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
  }

  .md\:transition-colors {
    transition-property: background-color, border-color, color, fill, stroke !important;
  }

  .md\:transition-opacity {
    transition-property: opacity !important;
  }

  .md\:transition-shadow {
    transition-property: box-shadow !important;
  }

  .md\:transition-transform {
    transition-property: transform !important;
  }

  .md\:ease-linear {
    transition-timing-function: linear !important;
  }

  .md\:ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  }

  .md\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  }

  .md\:ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .md\:duration-75 {
    transition-duration: 75ms !important;
  }

  .md\:duration-100 {
    transition-duration: 100ms !important;
  }

  .md\:duration-150 {
    transition-duration: 150ms !important;
  }

  .md\:duration-200 {
    transition-duration: 200ms !important;
  }

  .md\:duration-300 {
    transition-duration: 300ms !important;
  }

  .md\:duration-500 {
    transition-duration: 500ms !important;
  }

  .md\:duration-700 {
    transition-duration: 700ms !important;
  }

  .md\:duration-1000 {
    transition-duration: 1000ms !important;
  }

  .md\:delay-75 {
    transition-delay: 75ms !important;
  }

  .md\:delay-100 {
    transition-delay: 100ms !important;
  }

  .md\:delay-150 {
    transition-delay: 150ms !important;
  }

  .md\:delay-200 {
    transition-delay: 200ms !important;
  }

  .md\:delay-300 {
    transition-delay: 300ms !important;
  }

  .md\:delay-500 {
    transition-delay: 500ms !important;
  }

  .md\:delay-700 {
    transition-delay: 700ms !important;
  }

  .md\:delay-1000 {
    transition-delay: 1000ms !important;
  }

  .md\:animate-none {
    -webkit-animation: none !important;
            animation: none !important;
  }

  .md\:animate-spin {
    -webkit-animation: spin 1s linear infinite !important;
            animation: spin 1s linear infinite !important;
  }

  .md\:animate-ping {
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
  }

  .md\:animate-pulse {
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
  }

  .md\:animate-bounce {
    -webkit-animation: bounce 1s infinite !important;
            animation: bounce 1s infinite !important;
  }
}

@media (min-width: 992px) {
  .lg\:space-y-0 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-0 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(0px * var(--space-x-reverse)) !important;
    margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(8px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(8px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(8px * var(--space-x-reverse)) !important;
    margin-left: calc(8px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(16px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(16px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(16px * var(--space-x-reverse)) !important;
    margin-left: calc(16px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(24px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(24px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(24px * var(--space-x-reverse)) !important;
    margin-left: calc(24px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(32px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(32px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(32px * var(--space-x-reverse)) !important;
    margin-left: calc(32px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(40px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(40px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(40px * var(--space-x-reverse)) !important;
    margin-left: calc(40px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(64px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(64px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(64px * var(--space-x-reverse)) !important;
    margin-left: calc(64px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-7 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(80px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(80px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-7 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(80px * var(--space-x-reverse)) !important;
    margin-left: calc(80px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(120px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(120px * var(--space-x-reverse)) !important;
    margin-left: calc(120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(1px * var(--space-x-reverse)) !important;
    margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-sm > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(4px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(4px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-sm > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(4px * var(--space-x-reverse)) !important;
    margin-left: calc(4px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-1\.5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(12px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(12px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-1\.5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(12px * var(--space-x-reverse)) !important;
    margin-left: calc(12px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-8px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-8px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-8px * var(--space-x-reverse)) !important;
    margin-left: calc(-8px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-16px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-16px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-16px * var(--space-x-reverse)) !important;
    margin-left: calc(-16px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-24px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-24px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-24px * var(--space-x-reverse)) !important;
    margin-left: calc(-24px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-32px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-32px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-32px * var(--space-x-reverse)) !important;
    margin-left: calc(-32px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-40px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-40px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-40px * var(--space-x-reverse)) !important;
    margin-left: calc(-40px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-64px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-64px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-64px * var(--space-x-reverse)) !important;
    margin-left: calc(-64px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-7 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-80px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-80px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-7 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-80px * var(--space-x-reverse)) !important;
    margin-left: calc(-80px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-120px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-120px * var(--space-x-reverse)) !important;
    margin-left: calc(-120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-1px * var(--space-x-reverse)) !important;
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-sm > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-4px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-4px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-sm > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-4px * var(--space-x-reverse)) !important;
    margin-left: calc(-4px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-1\.5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-12px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-12px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-1\.5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-12px * var(--space-x-reverse)) !important;
    margin-left: calc(-12px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-reverse > :not(template) ~ :not(template) {
    --space-y-reverse: 1 !important;
  }

  .lg\:space-x-reverse > :not(template) ~ :not(template) {
    --space-x-reverse: 1 !important;
  }

  .lg\:divide-y-0 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(0px * var(--divide-y-reverse)) !important;
  }

  .lg\:divide-x-0 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(0px * var(--divide-x-reverse)) !important;
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .lg\:divide-y-2 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(2px * var(--divide-y-reverse)) !important;
  }

  .lg\:divide-x-2 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(2px * var(--divide-x-reverse)) !important;
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .lg\:divide-y-3 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(3px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(3px * var(--divide-y-reverse)) !important;
  }

  .lg\:divide-x-3 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(3px * var(--divide-x-reverse)) !important;
    border-left-width: calc(3px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .lg\:divide-y-4 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(4px * var(--divide-y-reverse)) !important;
  }

  .lg\:divide-x-4 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(4px * var(--divide-x-reverse)) !important;
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .lg\:divide-y-6 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(6px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(6px * var(--divide-y-reverse)) !important;
  }

  .lg\:divide-x-6 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(6px * var(--divide-x-reverse)) !important;
    border-left-width: calc(6px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .lg\:divide-y-8 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(8px * var(--divide-y-reverse)) !important;
  }

  .lg\:divide-x-8 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(8px * var(--divide-x-reverse)) !important;
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .lg\:divide-y > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(1px * var(--divide-y-reverse)) !important;
  }

  .lg\:divide-x > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(1px * var(--divide-x-reverse)) !important;
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .lg\:divide-y-reverse > :not(template) ~ :not(template) {
    --divide-y-reverse: 1 !important;
  }

  .lg\:divide-x-reverse > :not(template) ~ :not(template) {
    --divide-x-reverse: 1 !important;
  }

  .lg\:divide-transparent > :not(template) ~ :not(template) {
    border-color: transparent !important;
  }

  .lg\:divide-black > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #000000 !important;
    border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
  }

  .lg\:divide-grey-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 20%, 10%) !important;
    border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--divide-opacity)) !important;
  }

  .lg\:divide-grey > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--divide-opacity)) !important;
  }

  .lg\:divide-grey-90 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(196, 31%, 14%) !important;
    border-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--divide-opacity)) !important;
  }

  .lg\:divide-grey-80 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(198, 32%, 16%) !important;
    border-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--divide-opacity)) !important;
  }

  .lg\:divide-grey-70 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--divide-opacity)) !important;
  }

  .lg\:divide-grey-60 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 15%, 70%) !important;
    border-color: rgba(167.02499999999998, 178.5, 189.975, var(--divide-opacity)) !important;
  }

  .lg\:divide-grey-50 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 15%, 80%) !important;
    border-color: rgba(196.35, 204, 211.65, var(--divide-opacity)) !important;
  }

  .lg\:divide-grey-40 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 22%, 89%) !important;
    border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--divide-opacity)) !important;
  }

  .lg\:divide-grey-30 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 30%, 95%) !important;
    border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--divide-opacity)) !important;
  }

  .lg\:divide-grey-20 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(214, 60%, 97.5%) !important;
    border-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--divide-opacity)) !important;
  }

  .lg\:divide-grey-10 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(218, 90%, 99%) !important;
    border-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--divide-opacity)) !important;
  }

  .lg\:divide-white > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #ffffff !important;
    border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
  }

  .lg\:divide-green > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #479967 !important;
    border-color: rgba(71, 153, 103, var(--divide-opacity)) !important;
  }

  .lg\:divide-green-light > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #64BD63 !important;
    border-color: rgba(100, 189, 99, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-lighter > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(207, 86%, 70%) !important;
    border-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-light > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 100%, 75%) !important;
    border-color: rgba(127.5, 191.24999999999994, 255, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-dark > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(200, 75%, 45%) !important;
    border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-darker > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(200, 75%, 40%) !important;
    border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #eaf5ff !important;
    border-color: rgba(234, 245, 255, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #abd9ff !important;
    border-color: rgba(171, 217, 255, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #82c5ff !important;
    border-color: rgba(130, 197, 255, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #43a9ff !important;
    border-color: rgba(67, 169, 255, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #2e9fff !important;
    border-color: rgba(46, 159, 255, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #298fe6 !important;
    border-color: rgba(41, 143, 230, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #257fcc !important;
    border-color: rgba(37, 127, 204, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #206fb3 !important;
    border-color: rgba(32, 111, 179, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #175080 !important;
    border-color: rgba(23, 80, 128, var(--divide-opacity)) !important;
  }

  .lg\:divide-red-dark > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(2, 57%, 53%) !important;
    border-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--divide-opacity)) !important;
  }

  .lg\:divide-red > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(2, 76%, 60%) !important;
    border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--divide-opacity)) !important;
  }

  .lg\:divide-red-light > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(2, 76%, 70%) !important;
    border-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--divide-opacity)) !important;
  }

  .lg\:divide-red-lighter > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(2, 76%, 95%) !important;
    border-color: rgba(251.94, 233.206, 232.55999999999997, var(--divide-opacity)) !important;
  }

  .lg\:divide-yellow > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #fbfab0 !important;
    border-color: rgba(251, 250, 176, var(--divide-opacity)) !important;
  }

  .lg\:divide-yellow-dark > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #d8cd1b !important;
    border-color: rgba(216, 205, 27, var(--divide-opacity)) !important;
  }

  .lg\:divide-orange > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #f5a82f !important;
    border-color: rgba(245, 168, 47, var(--divide-opacity)) !important;
  }

  .lg\:divide-pink > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #ff269e !important;
    border-color: rgba(255, 38, 158, var(--divide-opacity)) !important;
  }

  .lg\:divide-purple > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #c471ed !important;
    border-color: rgba(196, 113, 237, var(--divide-opacity)) !important;
  }

  .lg\:divide-darken-10 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,.1) !important;
  }

  .lg\:divide-darken-20 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,.2) !important;
  }

  .lg\:divide-primary > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--divide-opacity)) !important;
  }

  .lg\:divide-solid > :not(template) ~ :not(template) {
    border-style: solid !important;
  }

  .lg\:divide-dashed > :not(template) ~ :not(template) {
    border-style: dashed !important;
  }

  .lg\:divide-dotted > :not(template) ~ :not(template) {
    border-style: dotted !important;
  }

  .lg\:divide-double > :not(template) ~ :not(template) {
    border-style: double !important;
  }

  .lg\:divide-none > :not(template) ~ :not(template) {
    border-style: none !important;
  }

  .lg\:divide-opacity-0 > :not(template) ~ :not(template) {
    --divide-opacity: 0 !important;
  }

  .lg\:divide-opacity-25 > :not(template) ~ :not(template) {
    --divide-opacity: 0.25 !important;
  }

  .lg\:divide-opacity-50 > :not(template) ~ :not(template) {
    --divide-opacity: 0.5 !important;
  }

  .lg\:divide-opacity-75 > :not(template) ~ :not(template) {
    --divide-opacity: 0.75 !important;
  }

  .lg\:divide-opacity-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
  }

  .lg\:sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .lg\:not-sr-only {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .lg\:focus\:sr-only:focus {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .lg\:focus\:not-sr-only:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .lg\:appearance-none {
    -webkit-appearance: none !important;
       -moz-appearance: none !important;
            appearance: none !important;
  }

  .lg\:bg-fixed {
    background-attachment: fixed !important;
  }

  .lg\:bg-local {
    background-attachment: local !important;
  }

  .lg\:bg-scroll {
    background-attachment: scroll !important;
  }

  .lg\:bg-clip-border {
    background-clip: border-box !important;
  }

  .lg\:bg-clip-padding {
    background-clip: padding-box !important;
  }

  .lg\:bg-clip-content {
    background-clip: content-box !important;
  }

  .lg\:bg-clip-text {
    -webkit-background-clip: text !important;
            background-clip: text !important;
  }

  .lg\:bg-transparent {
    background-color: transparent !important;
  }

  .lg\:bg-black {
    --bg-opacity: 1 !important;
    background-color: #000000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .lg\:bg-grey-100 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 20%, 10%) !important;
    background-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--bg-opacity)) !important;
  }

  .lg\:bg-grey {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .lg\:bg-grey-90 {
    --bg-opacity: 1 !important;
    background-color: hsl(196, 31%, 14%) !important;
    background-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--bg-opacity)) !important;
  }

  .lg\:bg-grey-80 {
    --bg-opacity: 1 !important;
    background-color: hsl(198, 32%, 16%) !important;
    background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity)) !important;
  }

  .lg\:bg-grey-70 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .lg\:bg-grey-60 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 70%) !important;
    background-color: rgba(167.02499999999998, 178.5, 189.975, var(--bg-opacity)) !important;
  }

  .lg\:bg-grey-50 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 80%) !important;
    background-color: rgba(196.35, 204, 211.65, var(--bg-opacity)) !important;
  }

  .lg\:bg-grey-40 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 22%, 89%) !important;
    background-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--bg-opacity)) !important;
  }

  .lg\:bg-grey-30 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 30%, 95%) !important;
    background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity)) !important;
  }

  .lg\:bg-grey-20 {
    --bg-opacity: 1 !important;
    background-color: hsl(214, 60%, 97.5%) !important;
    background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity)) !important;
  }

  .lg\:bg-grey-10 {
    --bg-opacity: 1 !important;
    background-color: hsl(218, 90%, 99%) !important;
    background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity)) !important;
  }

  .lg\:bg-white {
    --bg-opacity: 1 !important;
    background-color: #ffffff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .lg\:bg-green {
    --bg-opacity: 1 !important;
    background-color: #479967 !important;
    background-color: rgba(71, 153, 103, var(--bg-opacity)) !important;
  }

  .lg\:bg-green-light {
    --bg-opacity: 1 !important;
    background-color: #64BD63 !important;
    background-color: rgba(100, 189, 99, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-lighter {
    --bg-opacity: 1 !important;
    background-color: hsl(207, 86%, 70%) !important;
    background-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-light {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 100%, 75%) !important;
    background-color: rgba(127.5, 191.24999999999994, 255, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-dark {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 45%) !important;
    background-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-darker {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 40%) !important;
    background-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-100 {
    --bg-opacity: 1 !important;
    background-color: #eaf5ff !important;
    background-color: rgba(234, 245, 255, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-200 {
    --bg-opacity: 1 !important;
    background-color: #abd9ff !important;
    background-color: rgba(171, 217, 255, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-300 {
    --bg-opacity: 1 !important;
    background-color: #82c5ff !important;
    background-color: rgba(130, 197, 255, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-400 {
    --bg-opacity: 1 !important;
    background-color: #43a9ff !important;
    background-color: rgba(67, 169, 255, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-500 {
    --bg-opacity: 1 !important;
    background-color: #2e9fff !important;
    background-color: rgba(46, 159, 255, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-600 {
    --bg-opacity: 1 !important;
    background-color: #298fe6 !important;
    background-color: rgba(41, 143, 230, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-700 {
    --bg-opacity: 1 !important;
    background-color: #257fcc !important;
    background-color: rgba(37, 127, 204, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-800 {
    --bg-opacity: 1 !important;
    background-color: #206fb3 !important;
    background-color: rgba(32, 111, 179, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-900 {
    --bg-opacity: 1 !important;
    background-color: #175080 !important;
    background-color: rgba(23, 80, 128, var(--bg-opacity)) !important;
  }

  .lg\:bg-red-dark {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 57%, 53%) !important;
    background-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--bg-opacity)) !important;
  }

  .lg\:bg-red {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 60%) !important;
    background-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--bg-opacity)) !important;
  }

  .lg\:bg-red-light {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 70%) !important;
    background-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--bg-opacity)) !important;
  }

  .lg\:bg-red-lighter {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 95%) !important;
    background-color: rgba(251.94, 233.206, 232.55999999999997, var(--bg-opacity)) !important;
  }

  .lg\:bg-yellow {
    --bg-opacity: 1 !important;
    background-color: #fbfab0 !important;
    background-color: rgba(251, 250, 176, var(--bg-opacity)) !important;
  }

  .lg\:bg-yellow-dark {
    --bg-opacity: 1 !important;
    background-color: #d8cd1b !important;
    background-color: rgba(216, 205, 27, var(--bg-opacity)) !important;
  }

  .lg\:bg-orange {
    --bg-opacity: 1 !important;
    background-color: #f5a82f !important;
    background-color: rgba(245, 168, 47, var(--bg-opacity)) !important;
  }

  .lg\:bg-pink {
    --bg-opacity: 1 !important;
    background-color: #ff269e !important;
    background-color: rgba(255, 38, 158, var(--bg-opacity)) !important;
  }

  .lg\:bg-purple {
    --bg-opacity: 1 !important;
    background-color: #c471ed !important;
    background-color: rgba(196, 113, 237, var(--bg-opacity)) !important;
  }

  .lg\:bg-darken-10 {
    background-color: rgba(0,0,0,.1) !important;
  }

  .lg\:bg-darken-20 {
    background-color: rgba(0,0,0,.2) !important;
  }

  .lg\:bg-primary {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-transparent:hover {
    background-color: transparent !important;
  }

  .lg\:hover\:bg-black:hover {
    --bg-opacity: 1 !important;
    background-color: #000000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-grey-100:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 20%, 10%) !important;
    background-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-grey:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-grey-90:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(196, 31%, 14%) !important;
    background-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-grey-80:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(198, 32%, 16%) !important;
    background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-grey-70:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-grey-60:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 70%) !important;
    background-color: rgba(167.02499999999998, 178.5, 189.975, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-grey-50:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 80%) !important;
    background-color: rgba(196.35, 204, 211.65, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-grey-40:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 22%, 89%) !important;
    background-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-grey-30:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 30%, 95%) !important;
    background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-grey-20:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(214, 60%, 97.5%) !important;
    background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-grey-10:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(218, 90%, 99%) !important;
    background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-white:hover {
    --bg-opacity: 1 !important;
    background-color: #ffffff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-green:hover {
    --bg-opacity: 1 !important;
    background-color: #479967 !important;
    background-color: rgba(71, 153, 103, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-green-light:hover {
    --bg-opacity: 1 !important;
    background-color: #64BD63 !important;
    background-color: rgba(100, 189, 99, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-lighter:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(207, 86%, 70%) !important;
    background-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-light:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 100%, 75%) !important;
    background-color: rgba(127.5, 191.24999999999994, 255, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-dark:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 45%) !important;
    background-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-darker:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 40%) !important;
    background-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-100:hover {
    --bg-opacity: 1 !important;
    background-color: #eaf5ff !important;
    background-color: rgba(234, 245, 255, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-200:hover {
    --bg-opacity: 1 !important;
    background-color: #abd9ff !important;
    background-color: rgba(171, 217, 255, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-300:hover {
    --bg-opacity: 1 !important;
    background-color: #82c5ff !important;
    background-color: rgba(130, 197, 255, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-400:hover {
    --bg-opacity: 1 !important;
    background-color: #43a9ff !important;
    background-color: rgba(67, 169, 255, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-500:hover {
    --bg-opacity: 1 !important;
    background-color: #2e9fff !important;
    background-color: rgba(46, 159, 255, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-600:hover {
    --bg-opacity: 1 !important;
    background-color: #298fe6 !important;
    background-color: rgba(41, 143, 230, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-700:hover {
    --bg-opacity: 1 !important;
    background-color: #257fcc !important;
    background-color: rgba(37, 127, 204, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-800:hover {
    --bg-opacity: 1 !important;
    background-color: #206fb3 !important;
    background-color: rgba(32, 111, 179, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-900:hover {
    --bg-opacity: 1 !important;
    background-color: #175080 !important;
    background-color: rgba(23, 80, 128, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-red-dark:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 57%, 53%) !important;
    background-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-red:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 60%) !important;
    background-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-red-light:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 70%) !important;
    background-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-red-lighter:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 95%) !important;
    background-color: rgba(251.94, 233.206, 232.55999999999997, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-yellow:hover {
    --bg-opacity: 1 !important;
    background-color: #fbfab0 !important;
    background-color: rgba(251, 250, 176, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-yellow-dark:hover {
    --bg-opacity: 1 !important;
    background-color: #d8cd1b !important;
    background-color: rgba(216, 205, 27, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-orange:hover {
    --bg-opacity: 1 !important;
    background-color: #f5a82f !important;
    background-color: rgba(245, 168, 47, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-pink:hover {
    --bg-opacity: 1 !important;
    background-color: #ff269e !important;
    background-color: rgba(255, 38, 158, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-purple:hover {
    --bg-opacity: 1 !important;
    background-color: #c471ed !important;
    background-color: rgba(196, 113, 237, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-darken-10:hover {
    background-color: rgba(0,0,0,.1) !important;
  }

  .lg\:hover\:bg-darken-20:hover {
    background-color: rgba(0,0,0,.2) !important;
  }

  .lg\:hover\:bg-primary:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-transparent:focus {
    background-color: transparent !important;
  }

  .lg\:focus\:bg-black:focus {
    --bg-opacity: 1 !important;
    background-color: #000000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-grey-100:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 20%, 10%) !important;
    background-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-grey:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-grey-90:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(196, 31%, 14%) !important;
    background-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-grey-80:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(198, 32%, 16%) !important;
    background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-grey-70:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-grey-60:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 70%) !important;
    background-color: rgba(167.02499999999998, 178.5, 189.975, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-grey-50:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 80%) !important;
    background-color: rgba(196.35, 204, 211.65, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-grey-40:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 22%, 89%) !important;
    background-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-grey-30:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 30%, 95%) !important;
    background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-grey-20:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(214, 60%, 97.5%) !important;
    background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-grey-10:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(218, 90%, 99%) !important;
    background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-white:focus {
    --bg-opacity: 1 !important;
    background-color: #ffffff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-green:focus {
    --bg-opacity: 1 !important;
    background-color: #479967 !important;
    background-color: rgba(71, 153, 103, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-green-light:focus {
    --bg-opacity: 1 !important;
    background-color: #64BD63 !important;
    background-color: rgba(100, 189, 99, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-lighter:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(207, 86%, 70%) !important;
    background-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-light:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 100%, 75%) !important;
    background-color: rgba(127.5, 191.24999999999994, 255, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-dark:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 45%) !important;
    background-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-darker:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 40%) !important;
    background-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-100:focus {
    --bg-opacity: 1 !important;
    background-color: #eaf5ff !important;
    background-color: rgba(234, 245, 255, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-200:focus {
    --bg-opacity: 1 !important;
    background-color: #abd9ff !important;
    background-color: rgba(171, 217, 255, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-300:focus {
    --bg-opacity: 1 !important;
    background-color: #82c5ff !important;
    background-color: rgba(130, 197, 255, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-400:focus {
    --bg-opacity: 1 !important;
    background-color: #43a9ff !important;
    background-color: rgba(67, 169, 255, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-500:focus {
    --bg-opacity: 1 !important;
    background-color: #2e9fff !important;
    background-color: rgba(46, 159, 255, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-600:focus {
    --bg-opacity: 1 !important;
    background-color: #298fe6 !important;
    background-color: rgba(41, 143, 230, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-700:focus {
    --bg-opacity: 1 !important;
    background-color: #257fcc !important;
    background-color: rgba(37, 127, 204, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-800:focus {
    --bg-opacity: 1 !important;
    background-color: #206fb3 !important;
    background-color: rgba(32, 111, 179, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-900:focus {
    --bg-opacity: 1 !important;
    background-color: #175080 !important;
    background-color: rgba(23, 80, 128, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-red-dark:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 57%, 53%) !important;
    background-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-red:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 60%) !important;
    background-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-red-light:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 70%) !important;
    background-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-red-lighter:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 95%) !important;
    background-color: rgba(251.94, 233.206, 232.55999999999997, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-yellow:focus {
    --bg-opacity: 1 !important;
    background-color: #fbfab0 !important;
    background-color: rgba(251, 250, 176, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-yellow-dark:focus {
    --bg-opacity: 1 !important;
    background-color: #d8cd1b !important;
    background-color: rgba(216, 205, 27, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-orange:focus {
    --bg-opacity: 1 !important;
    background-color: #f5a82f !important;
    background-color: rgba(245, 168, 47, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-pink:focus {
    --bg-opacity: 1 !important;
    background-color: #ff269e !important;
    background-color: rgba(255, 38, 158, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-purple:focus {
    --bg-opacity: 1 !important;
    background-color: #c471ed !important;
    background-color: rgba(196, 113, 237, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-darken-10:focus {
    background-color: rgba(0,0,0,.1) !important;
  }

  .lg\:focus\:bg-darken-20:focus {
    background-color: rgba(0,0,0,.2) !important;
  }

  .lg\:focus\:bg-primary:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .lg\:bg-none {
    background-image: none !important;
  }

  .lg\:bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
  }

  .lg\:bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
  }

  .lg\:bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
  }

  .lg\:bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
  }

  .lg\:bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
  }

  .lg\:bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
  }

  .lg\:bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
  }

  .lg\:bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
  }

  .lg\:from-transparent {
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:from-black {
    --gradient-from-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:from-grey-100 {
    --gradient-from-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .lg\:from-grey {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .lg\:from-grey-90 {
    --gradient-from-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .lg\:from-grey-80 {
    --gradient-from-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .lg\:from-grey-70 {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .lg\:from-grey-60 {
    --gradient-from-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .lg\:from-grey-50 {
    --gradient-from-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .lg\:from-grey-40 {
    --gradient-from-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .lg\:from-grey-30 {
    --gradient-from-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .lg\:from-grey-20 {
    --gradient-from-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .lg\:from-grey-10 {
    --gradient-from-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .lg\:from-white {
    --gradient-from-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:from-green {
    --gradient-from-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .lg\:from-green-light {
    --gradient-from-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .lg\:from-blue-lighter {
    --gradient-from-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .lg\:from-blue-light {
    --gradient-from-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .lg\:from-blue {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .lg\:from-blue-dark {
    --gradient-from-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .lg\:from-blue-darker {
    --gradient-from-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .lg\:from-blue-100 {
    --gradient-from-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .lg\:from-blue-200 {
    --gradient-from-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .lg\:from-blue-300 {
    --gradient-from-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .lg\:from-blue-400 {
    --gradient-from-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .lg\:from-blue-500 {
    --gradient-from-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .lg\:from-blue-600 {
    --gradient-from-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .lg\:from-blue-700 {
    --gradient-from-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .lg\:from-blue-800 {
    --gradient-from-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .lg\:from-blue-900 {
    --gradient-from-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .lg\:from-red-dark {
    --gradient-from-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .lg\:from-red {
    --gradient-from-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .lg\:from-red-light {
    --gradient-from-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .lg\:from-red-lighter {
    --gradient-from-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .lg\:from-yellow {
    --gradient-from-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .lg\:from-yellow-dark {
    --gradient-from-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .lg\:from-orange {
    --gradient-from-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .lg\:from-pink {
    --gradient-from-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .lg\:from-purple {
    --gradient-from-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .lg\:from-darken-10 {
    --gradient-from-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:from-darken-20 {
    --gradient-from-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:from-primary {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .lg\:via-transparent {
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:via-black {
    --gradient-via-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:via-grey-100 {
    --gradient-via-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .lg\:via-grey {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .lg\:via-grey-90 {
    --gradient-via-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .lg\:via-grey-80 {
    --gradient-via-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .lg\:via-grey-70 {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .lg\:via-grey-60 {
    --gradient-via-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .lg\:via-grey-50 {
    --gradient-via-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .lg\:via-grey-40 {
    --gradient-via-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .lg\:via-grey-30 {
    --gradient-via-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .lg\:via-grey-20 {
    --gradient-via-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .lg\:via-grey-10 {
    --gradient-via-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .lg\:via-white {
    --gradient-via-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:via-green {
    --gradient-via-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .lg\:via-green-light {
    --gradient-via-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .lg\:via-blue-lighter {
    --gradient-via-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .lg\:via-blue-light {
    --gradient-via-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .lg\:via-blue {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .lg\:via-blue-dark {
    --gradient-via-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .lg\:via-blue-darker {
    --gradient-via-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .lg\:via-blue-100 {
    --gradient-via-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .lg\:via-blue-200 {
    --gradient-via-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .lg\:via-blue-300 {
    --gradient-via-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .lg\:via-blue-400 {
    --gradient-via-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .lg\:via-blue-500 {
    --gradient-via-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .lg\:via-blue-600 {
    --gradient-via-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .lg\:via-blue-700 {
    --gradient-via-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .lg\:via-blue-800 {
    --gradient-via-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .lg\:via-blue-900 {
    --gradient-via-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .lg\:via-red-dark {
    --gradient-via-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .lg\:via-red {
    --gradient-via-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .lg\:via-red-light {
    --gradient-via-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .lg\:via-red-lighter {
    --gradient-via-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .lg\:via-yellow {
    --gradient-via-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .lg\:via-yellow-dark {
    --gradient-via-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .lg\:via-orange {
    --gradient-via-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .lg\:via-pink {
    --gradient-via-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .lg\:via-purple {
    --gradient-via-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .lg\:via-darken-10 {
    --gradient-via-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:via-darken-20 {
    --gradient-via-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:via-primary {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .lg\:to-transparent {
    --gradient-to-color: transparent !important;
  }

  .lg\:to-black {
    --gradient-to-color: #000000 !important;
  }

  .lg\:to-grey-100 {
    --gradient-to-color: hsl(210, 20%, 10%) !important;
  }

  .lg\:to-grey {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .lg\:to-grey-90 {
    --gradient-to-color: hsl(196, 31%, 14%) !important;
  }

  .lg\:to-grey-80 {
    --gradient-to-color: hsl(198, 32%, 16%) !important;
  }

  .lg\:to-grey-70 {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .lg\:to-grey-60 {
    --gradient-to-color: hsl(210, 15%, 70%) !important;
  }

  .lg\:to-grey-50 {
    --gradient-to-color: hsl(210, 15%, 80%) !important;
  }

  .lg\:to-grey-40 {
    --gradient-to-color: hsl(210, 22%, 89%) !important;
  }

  .lg\:to-grey-30 {
    --gradient-to-color: hsl(210, 30%, 95%) !important;
  }

  .lg\:to-grey-20 {
    --gradient-to-color: hsl(214, 60%, 97.5%) !important;
  }

  .lg\:to-grey-10 {
    --gradient-to-color: hsl(218, 90%, 99%) !important;
  }

  .lg\:to-white {
    --gradient-to-color: #ffffff !important;
  }

  .lg\:to-green {
    --gradient-to-color: #479967 !important;
  }

  .lg\:to-green-light {
    --gradient-to-color: #64BD63 !important;
  }

  .lg\:to-blue-lighter {
    --gradient-to-color: hsl(207, 86%, 70%) !important;
  }

  .lg\:to-blue-light {
    --gradient-to-color: hsl(210, 100%, 75%) !important;
  }

  .lg\:to-blue {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .lg\:to-blue-dark {
    --gradient-to-color: hsl(200, 75%, 45%) !important;
  }

  .lg\:to-blue-darker {
    --gradient-to-color: hsl(200, 75%, 40%) !important;
  }

  .lg\:to-blue-100 {
    --gradient-to-color: #eaf5ff !important;
  }

  .lg\:to-blue-200 {
    --gradient-to-color: #abd9ff !important;
  }

  .lg\:to-blue-300 {
    --gradient-to-color: #82c5ff !important;
  }

  .lg\:to-blue-400 {
    --gradient-to-color: #43a9ff !important;
  }

  .lg\:to-blue-500 {
    --gradient-to-color: #2e9fff !important;
  }

  .lg\:to-blue-600 {
    --gradient-to-color: #298fe6 !important;
  }

  .lg\:to-blue-700 {
    --gradient-to-color: #257fcc !important;
  }

  .lg\:to-blue-800 {
    --gradient-to-color: #206fb3 !important;
  }

  .lg\:to-blue-900 {
    --gradient-to-color: #175080 !important;
  }

  .lg\:to-red-dark {
    --gradient-to-color: hsl(2, 57%, 53%) !important;
  }

  .lg\:to-red {
    --gradient-to-color: hsl(2, 76%, 60%) !important;
  }

  .lg\:to-red-light {
    --gradient-to-color: hsl(2, 76%, 70%) !important;
  }

  .lg\:to-red-lighter {
    --gradient-to-color: hsl(2, 76%, 95%) !important;
  }

  .lg\:to-yellow {
    --gradient-to-color: #fbfab0 !important;
  }

  .lg\:to-yellow-dark {
    --gradient-to-color: #d8cd1b !important;
  }

  .lg\:to-orange {
    --gradient-to-color: #f5a82f !important;
  }

  .lg\:to-pink {
    --gradient-to-color: #ff269e !important;
  }

  .lg\:to-purple {
    --gradient-to-color: #c471ed !important;
  }

  .lg\:to-darken-10 {
    --gradient-to-color: rgba(0,0,0,.1) !important;
  }

  .lg\:to-darken-20 {
    --gradient-to-color: rgba(0,0,0,.2) !important;
  }

  .lg\:to-primary {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .lg\:hover\:from-transparent:hover {
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:hover\:from-black:hover {
    --gradient-from-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:hover\:from-grey-100:hover {
    --gradient-from-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .lg\:hover\:from-grey:hover {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .lg\:hover\:from-grey-90:hover {
    --gradient-from-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .lg\:hover\:from-grey-80:hover {
    --gradient-from-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .lg\:hover\:from-grey-70:hover {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .lg\:hover\:from-grey-60:hover {
    --gradient-from-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .lg\:hover\:from-grey-50:hover {
    --gradient-from-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .lg\:hover\:from-grey-40:hover {
    --gradient-from-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .lg\:hover\:from-grey-30:hover {
    --gradient-from-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .lg\:hover\:from-grey-20:hover {
    --gradient-from-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .lg\:hover\:from-grey-10:hover {
    --gradient-from-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .lg\:hover\:from-white:hover {
    --gradient-from-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:hover\:from-green:hover {
    --gradient-from-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .lg\:hover\:from-green-light:hover {
    --gradient-from-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .lg\:hover\:from-blue-lighter:hover {
    --gradient-from-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .lg\:hover\:from-blue-light:hover {
    --gradient-from-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .lg\:hover\:from-blue:hover {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .lg\:hover\:from-blue-dark:hover {
    --gradient-from-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .lg\:hover\:from-blue-darker:hover {
    --gradient-from-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .lg\:hover\:from-blue-100:hover {
    --gradient-from-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .lg\:hover\:from-blue-200:hover {
    --gradient-from-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .lg\:hover\:from-blue-300:hover {
    --gradient-from-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .lg\:hover\:from-blue-400:hover {
    --gradient-from-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .lg\:hover\:from-blue-500:hover {
    --gradient-from-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .lg\:hover\:from-blue-600:hover {
    --gradient-from-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .lg\:hover\:from-blue-700:hover {
    --gradient-from-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .lg\:hover\:from-blue-800:hover {
    --gradient-from-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .lg\:hover\:from-blue-900:hover {
    --gradient-from-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .lg\:hover\:from-red-dark:hover {
    --gradient-from-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .lg\:hover\:from-red:hover {
    --gradient-from-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .lg\:hover\:from-red-light:hover {
    --gradient-from-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .lg\:hover\:from-red-lighter:hover {
    --gradient-from-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .lg\:hover\:from-yellow:hover {
    --gradient-from-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .lg\:hover\:from-yellow-dark:hover {
    --gradient-from-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .lg\:hover\:from-orange:hover {
    --gradient-from-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .lg\:hover\:from-pink:hover {
    --gradient-from-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .lg\:hover\:from-purple:hover {
    --gradient-from-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .lg\:hover\:from-darken-10:hover {
    --gradient-from-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:hover\:from-darken-20:hover {
    --gradient-from-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:hover\:from-primary:hover {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .lg\:hover\:via-transparent:hover {
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:hover\:via-black:hover {
    --gradient-via-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:hover\:via-grey-100:hover {
    --gradient-via-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .lg\:hover\:via-grey:hover {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .lg\:hover\:via-grey-90:hover {
    --gradient-via-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .lg\:hover\:via-grey-80:hover {
    --gradient-via-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .lg\:hover\:via-grey-70:hover {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .lg\:hover\:via-grey-60:hover {
    --gradient-via-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .lg\:hover\:via-grey-50:hover {
    --gradient-via-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .lg\:hover\:via-grey-40:hover {
    --gradient-via-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .lg\:hover\:via-grey-30:hover {
    --gradient-via-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .lg\:hover\:via-grey-20:hover {
    --gradient-via-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .lg\:hover\:via-grey-10:hover {
    --gradient-via-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .lg\:hover\:via-white:hover {
    --gradient-via-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:hover\:via-green:hover {
    --gradient-via-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .lg\:hover\:via-green-light:hover {
    --gradient-via-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .lg\:hover\:via-blue-lighter:hover {
    --gradient-via-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .lg\:hover\:via-blue-light:hover {
    --gradient-via-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .lg\:hover\:via-blue:hover {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .lg\:hover\:via-blue-dark:hover {
    --gradient-via-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .lg\:hover\:via-blue-darker:hover {
    --gradient-via-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .lg\:hover\:via-blue-100:hover {
    --gradient-via-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .lg\:hover\:via-blue-200:hover {
    --gradient-via-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .lg\:hover\:via-blue-300:hover {
    --gradient-via-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .lg\:hover\:via-blue-400:hover {
    --gradient-via-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .lg\:hover\:via-blue-500:hover {
    --gradient-via-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .lg\:hover\:via-blue-600:hover {
    --gradient-via-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .lg\:hover\:via-blue-700:hover {
    --gradient-via-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .lg\:hover\:via-blue-800:hover {
    --gradient-via-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .lg\:hover\:via-blue-900:hover {
    --gradient-via-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .lg\:hover\:via-red-dark:hover {
    --gradient-via-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .lg\:hover\:via-red:hover {
    --gradient-via-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .lg\:hover\:via-red-light:hover {
    --gradient-via-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .lg\:hover\:via-red-lighter:hover {
    --gradient-via-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .lg\:hover\:via-yellow:hover {
    --gradient-via-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .lg\:hover\:via-yellow-dark:hover {
    --gradient-via-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .lg\:hover\:via-orange:hover {
    --gradient-via-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .lg\:hover\:via-pink:hover {
    --gradient-via-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .lg\:hover\:via-purple:hover {
    --gradient-via-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .lg\:hover\:via-darken-10:hover {
    --gradient-via-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:hover\:via-darken-20:hover {
    --gradient-via-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:hover\:via-primary:hover {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .lg\:hover\:to-transparent:hover {
    --gradient-to-color: transparent !important;
  }

  .lg\:hover\:to-black:hover {
    --gradient-to-color: #000000 !important;
  }

  .lg\:hover\:to-grey-100:hover {
    --gradient-to-color: hsl(210, 20%, 10%) !important;
  }

  .lg\:hover\:to-grey:hover {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .lg\:hover\:to-grey-90:hover {
    --gradient-to-color: hsl(196, 31%, 14%) !important;
  }

  .lg\:hover\:to-grey-80:hover {
    --gradient-to-color: hsl(198, 32%, 16%) !important;
  }

  .lg\:hover\:to-grey-70:hover {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .lg\:hover\:to-grey-60:hover {
    --gradient-to-color: hsl(210, 15%, 70%) !important;
  }

  .lg\:hover\:to-grey-50:hover {
    --gradient-to-color: hsl(210, 15%, 80%) !important;
  }

  .lg\:hover\:to-grey-40:hover {
    --gradient-to-color: hsl(210, 22%, 89%) !important;
  }

  .lg\:hover\:to-grey-30:hover {
    --gradient-to-color: hsl(210, 30%, 95%) !important;
  }

  .lg\:hover\:to-grey-20:hover {
    --gradient-to-color: hsl(214, 60%, 97.5%) !important;
  }

  .lg\:hover\:to-grey-10:hover {
    --gradient-to-color: hsl(218, 90%, 99%) !important;
  }

  .lg\:hover\:to-white:hover {
    --gradient-to-color: #ffffff !important;
  }

  .lg\:hover\:to-green:hover {
    --gradient-to-color: #479967 !important;
  }

  .lg\:hover\:to-green-light:hover {
    --gradient-to-color: #64BD63 !important;
  }

  .lg\:hover\:to-blue-lighter:hover {
    --gradient-to-color: hsl(207, 86%, 70%) !important;
  }

  .lg\:hover\:to-blue-light:hover {
    --gradient-to-color: hsl(210, 100%, 75%) !important;
  }

  .lg\:hover\:to-blue:hover {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .lg\:hover\:to-blue-dark:hover {
    --gradient-to-color: hsl(200, 75%, 45%) !important;
  }

  .lg\:hover\:to-blue-darker:hover {
    --gradient-to-color: hsl(200, 75%, 40%) !important;
  }

  .lg\:hover\:to-blue-100:hover {
    --gradient-to-color: #eaf5ff !important;
  }

  .lg\:hover\:to-blue-200:hover {
    --gradient-to-color: #abd9ff !important;
  }

  .lg\:hover\:to-blue-300:hover {
    --gradient-to-color: #82c5ff !important;
  }

  .lg\:hover\:to-blue-400:hover {
    --gradient-to-color: #43a9ff !important;
  }

  .lg\:hover\:to-blue-500:hover {
    --gradient-to-color: #2e9fff !important;
  }

  .lg\:hover\:to-blue-600:hover {
    --gradient-to-color: #298fe6 !important;
  }

  .lg\:hover\:to-blue-700:hover {
    --gradient-to-color: #257fcc !important;
  }

  .lg\:hover\:to-blue-800:hover {
    --gradient-to-color: #206fb3 !important;
  }

  .lg\:hover\:to-blue-900:hover {
    --gradient-to-color: #175080 !important;
  }

  .lg\:hover\:to-red-dark:hover {
    --gradient-to-color: hsl(2, 57%, 53%) !important;
  }

  .lg\:hover\:to-red:hover {
    --gradient-to-color: hsl(2, 76%, 60%) !important;
  }

  .lg\:hover\:to-red-light:hover {
    --gradient-to-color: hsl(2, 76%, 70%) !important;
  }

  .lg\:hover\:to-red-lighter:hover {
    --gradient-to-color: hsl(2, 76%, 95%) !important;
  }

  .lg\:hover\:to-yellow:hover {
    --gradient-to-color: #fbfab0 !important;
  }

  .lg\:hover\:to-yellow-dark:hover {
    --gradient-to-color: #d8cd1b !important;
  }

  .lg\:hover\:to-orange:hover {
    --gradient-to-color: #f5a82f !important;
  }

  .lg\:hover\:to-pink:hover {
    --gradient-to-color: #ff269e !important;
  }

  .lg\:hover\:to-purple:hover {
    --gradient-to-color: #c471ed !important;
  }

  .lg\:hover\:to-darken-10:hover {
    --gradient-to-color: rgba(0,0,0,.1) !important;
  }

  .lg\:hover\:to-darken-20:hover {
    --gradient-to-color: rgba(0,0,0,.2) !important;
  }

  .lg\:hover\:to-primary:hover {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .lg\:focus\:from-transparent:focus {
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:focus\:from-black:focus {
    --gradient-from-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:focus\:from-grey-100:focus {
    --gradient-from-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .lg\:focus\:from-grey:focus {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .lg\:focus\:from-grey-90:focus {
    --gradient-from-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .lg\:focus\:from-grey-80:focus {
    --gradient-from-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .lg\:focus\:from-grey-70:focus {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .lg\:focus\:from-grey-60:focus {
    --gradient-from-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .lg\:focus\:from-grey-50:focus {
    --gradient-from-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .lg\:focus\:from-grey-40:focus {
    --gradient-from-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .lg\:focus\:from-grey-30:focus {
    --gradient-from-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .lg\:focus\:from-grey-20:focus {
    --gradient-from-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .lg\:focus\:from-grey-10:focus {
    --gradient-from-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .lg\:focus\:from-white:focus {
    --gradient-from-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:focus\:from-green:focus {
    --gradient-from-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .lg\:focus\:from-green-light:focus {
    --gradient-from-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .lg\:focus\:from-blue-lighter:focus {
    --gradient-from-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .lg\:focus\:from-blue-light:focus {
    --gradient-from-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .lg\:focus\:from-blue:focus {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .lg\:focus\:from-blue-dark:focus {
    --gradient-from-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .lg\:focus\:from-blue-darker:focus {
    --gradient-from-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .lg\:focus\:from-blue-100:focus {
    --gradient-from-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .lg\:focus\:from-blue-200:focus {
    --gradient-from-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .lg\:focus\:from-blue-300:focus {
    --gradient-from-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .lg\:focus\:from-blue-400:focus {
    --gradient-from-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .lg\:focus\:from-blue-500:focus {
    --gradient-from-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .lg\:focus\:from-blue-600:focus {
    --gradient-from-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .lg\:focus\:from-blue-700:focus {
    --gradient-from-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .lg\:focus\:from-blue-800:focus {
    --gradient-from-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .lg\:focus\:from-blue-900:focus {
    --gradient-from-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .lg\:focus\:from-red-dark:focus {
    --gradient-from-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .lg\:focus\:from-red:focus {
    --gradient-from-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .lg\:focus\:from-red-light:focus {
    --gradient-from-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .lg\:focus\:from-red-lighter:focus {
    --gradient-from-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .lg\:focus\:from-yellow:focus {
    --gradient-from-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .lg\:focus\:from-yellow-dark:focus {
    --gradient-from-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .lg\:focus\:from-orange:focus {
    --gradient-from-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .lg\:focus\:from-pink:focus {
    --gradient-from-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .lg\:focus\:from-purple:focus {
    --gradient-from-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .lg\:focus\:from-darken-10:focus {
    --gradient-from-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:focus\:from-darken-20:focus {
    --gradient-from-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:focus\:from-primary:focus {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .lg\:focus\:via-transparent:focus {
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:focus\:via-black:focus {
    --gradient-via-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:focus\:via-grey-100:focus {
    --gradient-via-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .lg\:focus\:via-grey:focus {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .lg\:focus\:via-grey-90:focus {
    --gradient-via-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .lg\:focus\:via-grey-80:focus {
    --gradient-via-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .lg\:focus\:via-grey-70:focus {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .lg\:focus\:via-grey-60:focus {
    --gradient-via-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .lg\:focus\:via-grey-50:focus {
    --gradient-via-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .lg\:focus\:via-grey-40:focus {
    --gradient-via-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .lg\:focus\:via-grey-30:focus {
    --gradient-via-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .lg\:focus\:via-grey-20:focus {
    --gradient-via-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .lg\:focus\:via-grey-10:focus {
    --gradient-via-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .lg\:focus\:via-white:focus {
    --gradient-via-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:focus\:via-green:focus {
    --gradient-via-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .lg\:focus\:via-green-light:focus {
    --gradient-via-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .lg\:focus\:via-blue-lighter:focus {
    --gradient-via-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .lg\:focus\:via-blue-light:focus {
    --gradient-via-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .lg\:focus\:via-blue:focus {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .lg\:focus\:via-blue-dark:focus {
    --gradient-via-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .lg\:focus\:via-blue-darker:focus {
    --gradient-via-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .lg\:focus\:via-blue-100:focus {
    --gradient-via-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .lg\:focus\:via-blue-200:focus {
    --gradient-via-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .lg\:focus\:via-blue-300:focus {
    --gradient-via-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .lg\:focus\:via-blue-400:focus {
    --gradient-via-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .lg\:focus\:via-blue-500:focus {
    --gradient-via-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .lg\:focus\:via-blue-600:focus {
    --gradient-via-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .lg\:focus\:via-blue-700:focus {
    --gradient-via-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .lg\:focus\:via-blue-800:focus {
    --gradient-via-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .lg\:focus\:via-blue-900:focus {
    --gradient-via-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .lg\:focus\:via-red-dark:focus {
    --gradient-via-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .lg\:focus\:via-red:focus {
    --gradient-via-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .lg\:focus\:via-red-light:focus {
    --gradient-via-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .lg\:focus\:via-red-lighter:focus {
    --gradient-via-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .lg\:focus\:via-yellow:focus {
    --gradient-via-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .lg\:focus\:via-yellow-dark:focus {
    --gradient-via-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .lg\:focus\:via-orange:focus {
    --gradient-via-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .lg\:focus\:via-pink:focus {
    --gradient-via-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .lg\:focus\:via-purple:focus {
    --gradient-via-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .lg\:focus\:via-darken-10:focus {
    --gradient-via-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:focus\:via-darken-20:focus {
    --gradient-via-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:focus\:via-primary:focus {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .lg\:focus\:to-transparent:focus {
    --gradient-to-color: transparent !important;
  }

  .lg\:focus\:to-black:focus {
    --gradient-to-color: #000000 !important;
  }

  .lg\:focus\:to-grey-100:focus {
    --gradient-to-color: hsl(210, 20%, 10%) !important;
  }

  .lg\:focus\:to-grey:focus {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .lg\:focus\:to-grey-90:focus {
    --gradient-to-color: hsl(196, 31%, 14%) !important;
  }

  .lg\:focus\:to-grey-80:focus {
    --gradient-to-color: hsl(198, 32%, 16%) !important;
  }

  .lg\:focus\:to-grey-70:focus {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .lg\:focus\:to-grey-60:focus {
    --gradient-to-color: hsl(210, 15%, 70%) !important;
  }

  .lg\:focus\:to-grey-50:focus {
    --gradient-to-color: hsl(210, 15%, 80%) !important;
  }

  .lg\:focus\:to-grey-40:focus {
    --gradient-to-color: hsl(210, 22%, 89%) !important;
  }

  .lg\:focus\:to-grey-30:focus {
    --gradient-to-color: hsl(210, 30%, 95%) !important;
  }

  .lg\:focus\:to-grey-20:focus {
    --gradient-to-color: hsl(214, 60%, 97.5%) !important;
  }

  .lg\:focus\:to-grey-10:focus {
    --gradient-to-color: hsl(218, 90%, 99%) !important;
  }

  .lg\:focus\:to-white:focus {
    --gradient-to-color: #ffffff !important;
  }

  .lg\:focus\:to-green:focus {
    --gradient-to-color: #479967 !important;
  }

  .lg\:focus\:to-green-light:focus {
    --gradient-to-color: #64BD63 !important;
  }

  .lg\:focus\:to-blue-lighter:focus {
    --gradient-to-color: hsl(207, 86%, 70%) !important;
  }

  .lg\:focus\:to-blue-light:focus {
    --gradient-to-color: hsl(210, 100%, 75%) !important;
  }

  .lg\:focus\:to-blue:focus {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .lg\:focus\:to-blue-dark:focus {
    --gradient-to-color: hsl(200, 75%, 45%) !important;
  }

  .lg\:focus\:to-blue-darker:focus {
    --gradient-to-color: hsl(200, 75%, 40%) !important;
  }

  .lg\:focus\:to-blue-100:focus {
    --gradient-to-color: #eaf5ff !important;
  }

  .lg\:focus\:to-blue-200:focus {
    --gradient-to-color: #abd9ff !important;
  }

  .lg\:focus\:to-blue-300:focus {
    --gradient-to-color: #82c5ff !important;
  }

  .lg\:focus\:to-blue-400:focus {
    --gradient-to-color: #43a9ff !important;
  }

  .lg\:focus\:to-blue-500:focus {
    --gradient-to-color: #2e9fff !important;
  }

  .lg\:focus\:to-blue-600:focus {
    --gradient-to-color: #298fe6 !important;
  }

  .lg\:focus\:to-blue-700:focus {
    --gradient-to-color: #257fcc !important;
  }

  .lg\:focus\:to-blue-800:focus {
    --gradient-to-color: #206fb3 !important;
  }

  .lg\:focus\:to-blue-900:focus {
    --gradient-to-color: #175080 !important;
  }

  .lg\:focus\:to-red-dark:focus {
    --gradient-to-color: hsl(2, 57%, 53%) !important;
  }

  .lg\:focus\:to-red:focus {
    --gradient-to-color: hsl(2, 76%, 60%) !important;
  }

  .lg\:focus\:to-red-light:focus {
    --gradient-to-color: hsl(2, 76%, 70%) !important;
  }

  .lg\:focus\:to-red-lighter:focus {
    --gradient-to-color: hsl(2, 76%, 95%) !important;
  }

  .lg\:focus\:to-yellow:focus {
    --gradient-to-color: #fbfab0 !important;
  }

  .lg\:focus\:to-yellow-dark:focus {
    --gradient-to-color: #d8cd1b !important;
  }

  .lg\:focus\:to-orange:focus {
    --gradient-to-color: #f5a82f !important;
  }

  .lg\:focus\:to-pink:focus {
    --gradient-to-color: #ff269e !important;
  }

  .lg\:focus\:to-purple:focus {
    --gradient-to-color: #c471ed !important;
  }

  .lg\:focus\:to-darken-10:focus {
    --gradient-to-color: rgba(0,0,0,.1) !important;
  }

  .lg\:focus\:to-darken-20:focus {
    --gradient-to-color: rgba(0,0,0,.2) !important;
  }

  .lg\:focus\:to-primary:focus {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .lg\:bg-opacity-0 {
    --bg-opacity: 0 !important;
  }

  .lg\:bg-opacity-25 {
    --bg-opacity: 0.25 !important;
  }

  .lg\:bg-opacity-50 {
    --bg-opacity: 0.5 !important;
  }

  .lg\:bg-opacity-75 {
    --bg-opacity: 0.75 !important;
  }

  .lg\:bg-opacity-100 {
    --bg-opacity: 1 !important;
  }

  .lg\:hover\:bg-opacity-0:hover {
    --bg-opacity: 0 !important;
  }

  .lg\:hover\:bg-opacity-25:hover {
    --bg-opacity: 0.25 !important;
  }

  .lg\:hover\:bg-opacity-50:hover {
    --bg-opacity: 0.5 !important;
  }

  .lg\:hover\:bg-opacity-75:hover {
    --bg-opacity: 0.75 !important;
  }

  .lg\:hover\:bg-opacity-100:hover {
    --bg-opacity: 1 !important;
  }

  .lg\:focus\:bg-opacity-0:focus {
    --bg-opacity: 0 !important;
  }

  .lg\:focus\:bg-opacity-25:focus {
    --bg-opacity: 0.25 !important;
  }

  .lg\:focus\:bg-opacity-50:focus {
    --bg-opacity: 0.5 !important;
  }

  .lg\:focus\:bg-opacity-75:focus {
    --bg-opacity: 0.75 !important;
  }

  .lg\:focus\:bg-opacity-100:focus {
    --bg-opacity: 1 !important;
  }

  .lg\:bg-bottom {
    background-position: bottom !important;
  }

  .lg\:bg-center {
    background-position: center !important;
  }

  .lg\:bg-left {
    background-position: left !important;
  }

  .lg\:bg-left-bottom {
    background-position: left bottom !important;
  }

  .lg\:bg-left-top {
    background-position: left top !important;
  }

  .lg\:bg-right {
    background-position: right !important;
  }

  .lg\:bg-right-bottom {
    background-position: right bottom !important;
  }

  .lg\:bg-right-top {
    background-position: right top !important;
  }

  .lg\:bg-top {
    background-position: top !important;
  }

  .lg\:bg-repeat {
    background-repeat: repeat !important;
  }

  .lg\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }

  .lg\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }

  .lg\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }

  .lg\:bg-repeat-round {
    background-repeat: round !important;
  }

  .lg\:bg-repeat-space {
    background-repeat: space !important;
  }

  .lg\:bg-auto {
    background-size: auto !important;
  }

  .lg\:bg-cover {
    background-size: cover !important;
  }

  .lg\:bg-contain {
    background-size: contain !important;
  }

  .lg\:border-collapse {
    border-collapse: collapse !important;
  }

  .lg\:border-separate {
    border-collapse: separate !important;
  }

  .lg\:border-transparent {
    border-color: transparent !important;
  }

  .lg\:border-black {
    --border-opacity: 1 !important;
    border-color: #000000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .lg\:border-grey-100 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 20%, 10%) !important;
    border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--border-opacity)) !important;
  }

  .lg\:border-grey {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .lg\:border-grey-90 {
    --border-opacity: 1 !important;
    border-color: hsl(196, 31%, 14%) !important;
    border-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--border-opacity)) !important;
  }

  .lg\:border-grey-80 {
    --border-opacity: 1 !important;
    border-color: hsl(198, 32%, 16%) !important;
    border-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--border-opacity)) !important;
  }

  .lg\:border-grey-70 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .lg\:border-grey-60 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 70%) !important;
    border-color: rgba(167.02499999999998, 178.5, 189.975, var(--border-opacity)) !important;
  }

  .lg\:border-grey-50 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 80%) !important;
    border-color: rgba(196.35, 204, 211.65, var(--border-opacity)) !important;
  }

  .lg\:border-grey-40 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 22%, 89%) !important;
    border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--border-opacity)) !important;
  }

  .lg\:border-grey-30 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 30%, 95%) !important;
    border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--border-opacity)) !important;
  }

  .lg\:border-grey-20 {
    --border-opacity: 1 !important;
    border-color: hsl(214, 60%, 97.5%) !important;
    border-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--border-opacity)) !important;
  }

  .lg\:border-grey-10 {
    --border-opacity: 1 !important;
    border-color: hsl(218, 90%, 99%) !important;
    border-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--border-opacity)) !important;
  }

  .lg\:border-white {
    --border-opacity: 1 !important;
    border-color: #ffffff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .lg\:border-green {
    --border-opacity: 1 !important;
    border-color: #479967 !important;
    border-color: rgba(71, 153, 103, var(--border-opacity)) !important;
  }

  .lg\:border-green-light {
    --border-opacity: 1 !important;
    border-color: #64BD63 !important;
    border-color: rgba(100, 189, 99, var(--border-opacity)) !important;
  }

  .lg\:border-blue-lighter {
    --border-opacity: 1 !important;
    border-color: hsl(207, 86%, 70%) !important;
    border-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--border-opacity)) !important;
  }

  .lg\:border-blue-light {
    --border-opacity: 1 !important;
    border-color: hsl(210, 100%, 75%) !important;
    border-color: rgba(127.5, 191.24999999999994, 255, var(--border-opacity)) !important;
  }

  .lg\:border-blue {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .lg\:border-blue-dark {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 45%) !important;
    border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--border-opacity)) !important;
  }

  .lg\:border-blue-darker {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 40%) !important;
    border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--border-opacity)) !important;
  }

  .lg\:border-blue-100 {
    --border-opacity: 1 !important;
    border-color: #eaf5ff !important;
    border-color: rgba(234, 245, 255, var(--border-opacity)) !important;
  }

  .lg\:border-blue-200 {
    --border-opacity: 1 !important;
    border-color: #abd9ff !important;
    border-color: rgba(171, 217, 255, var(--border-opacity)) !important;
  }

  .lg\:border-blue-300 {
    --border-opacity: 1 !important;
    border-color: #82c5ff !important;
    border-color: rgba(130, 197, 255, var(--border-opacity)) !important;
  }

  .lg\:border-blue-400 {
    --border-opacity: 1 !important;
    border-color: #43a9ff !important;
    border-color: rgba(67, 169, 255, var(--border-opacity)) !important;
  }

  .lg\:border-blue-500 {
    --border-opacity: 1 !important;
    border-color: #2e9fff !important;
    border-color: rgba(46, 159, 255, var(--border-opacity)) !important;
  }

  .lg\:border-blue-600 {
    --border-opacity: 1 !important;
    border-color: #298fe6 !important;
    border-color: rgba(41, 143, 230, var(--border-opacity)) !important;
  }

  .lg\:border-blue-700 {
    --border-opacity: 1 !important;
    border-color: #257fcc !important;
    border-color: rgba(37, 127, 204, var(--border-opacity)) !important;
  }

  .lg\:border-blue-800 {
    --border-opacity: 1 !important;
    border-color: #206fb3 !important;
    border-color: rgba(32, 111, 179, var(--border-opacity)) !important;
  }

  .lg\:border-blue-900 {
    --border-opacity: 1 !important;
    border-color: #175080 !important;
    border-color: rgba(23, 80, 128, var(--border-opacity)) !important;
  }

  .lg\:border-red-dark {
    --border-opacity: 1 !important;
    border-color: hsl(2, 57%, 53%) !important;
    border-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--border-opacity)) !important;
  }

  .lg\:border-red {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 60%) !important;
    border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--border-opacity)) !important;
  }

  .lg\:border-red-light {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 70%) !important;
    border-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--border-opacity)) !important;
  }

  .lg\:border-red-lighter {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 95%) !important;
    border-color: rgba(251.94, 233.206, 232.55999999999997, var(--border-opacity)) !important;
  }

  .lg\:border-yellow {
    --border-opacity: 1 !important;
    border-color: #fbfab0 !important;
    border-color: rgba(251, 250, 176, var(--border-opacity)) !important;
  }

  .lg\:border-yellow-dark {
    --border-opacity: 1 !important;
    border-color: #d8cd1b !important;
    border-color: rgba(216, 205, 27, var(--border-opacity)) !important;
  }

  .lg\:border-orange {
    --border-opacity: 1 !important;
    border-color: #f5a82f !important;
    border-color: rgba(245, 168, 47, var(--border-opacity)) !important;
  }

  .lg\:border-pink {
    --border-opacity: 1 !important;
    border-color: #ff269e !important;
    border-color: rgba(255, 38, 158, var(--border-opacity)) !important;
  }

  .lg\:border-purple {
    --border-opacity: 1 !important;
    border-color: #c471ed !important;
    border-color: rgba(196, 113, 237, var(--border-opacity)) !important;
  }

  .lg\:border-darken-10 {
    border-color: rgba(0,0,0,.1) !important;
  }

  .lg\:border-darken-20 {
    border-color: rgba(0,0,0,.2) !important;
  }

  .lg\:border-primary {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-transparent:hover {
    border-color: transparent !important;
  }

  .lg\:hover\:border-black:hover {
    --border-opacity: 1 !important;
    border-color: #000000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-grey-100:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 20%, 10%) !important;
    border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-grey:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-grey-90:hover {
    --border-opacity: 1 !important;
    border-color: hsl(196, 31%, 14%) !important;
    border-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-grey-80:hover {
    --border-opacity: 1 !important;
    border-color: hsl(198, 32%, 16%) !important;
    border-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-grey-70:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-grey-60:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 70%) !important;
    border-color: rgba(167.02499999999998, 178.5, 189.975, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-grey-50:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 80%) !important;
    border-color: rgba(196.35, 204, 211.65, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-grey-40:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 22%, 89%) !important;
    border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-grey-30:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 30%, 95%) !important;
    border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-grey-20:hover {
    --border-opacity: 1 !important;
    border-color: hsl(214, 60%, 97.5%) !important;
    border-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-grey-10:hover {
    --border-opacity: 1 !important;
    border-color: hsl(218, 90%, 99%) !important;
    border-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-white:hover {
    --border-opacity: 1 !important;
    border-color: #ffffff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-green:hover {
    --border-opacity: 1 !important;
    border-color: #479967 !important;
    border-color: rgba(71, 153, 103, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-green-light:hover {
    --border-opacity: 1 !important;
    border-color: #64BD63 !important;
    border-color: rgba(100, 189, 99, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-lighter:hover {
    --border-opacity: 1 !important;
    border-color: hsl(207, 86%, 70%) !important;
    border-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-light:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 100%, 75%) !important;
    border-color: rgba(127.5, 191.24999999999994, 255, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue:hover {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-dark:hover {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 45%) !important;
    border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-darker:hover {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 40%) !important;
    border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-100:hover {
    --border-opacity: 1 !important;
    border-color: #eaf5ff !important;
    border-color: rgba(234, 245, 255, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-200:hover {
    --border-opacity: 1 !important;
    border-color: #abd9ff !important;
    border-color: rgba(171, 217, 255, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-300:hover {
    --border-opacity: 1 !important;
    border-color: #82c5ff !important;
    border-color: rgba(130, 197, 255, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-400:hover {
    --border-opacity: 1 !important;
    border-color: #43a9ff !important;
    border-color: rgba(67, 169, 255, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-500:hover {
    --border-opacity: 1 !important;
    border-color: #2e9fff !important;
    border-color: rgba(46, 159, 255, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-600:hover {
    --border-opacity: 1 !important;
    border-color: #298fe6 !important;
    border-color: rgba(41, 143, 230, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-700:hover {
    --border-opacity: 1 !important;
    border-color: #257fcc !important;
    border-color: rgba(37, 127, 204, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-800:hover {
    --border-opacity: 1 !important;
    border-color: #206fb3 !important;
    border-color: rgba(32, 111, 179, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-900:hover {
    --border-opacity: 1 !important;
    border-color: #175080 !important;
    border-color: rgba(23, 80, 128, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-red-dark:hover {
    --border-opacity: 1 !important;
    border-color: hsl(2, 57%, 53%) !important;
    border-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-red:hover {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 60%) !important;
    border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-red-light:hover {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 70%) !important;
    border-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-red-lighter:hover {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 95%) !important;
    border-color: rgba(251.94, 233.206, 232.55999999999997, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-yellow:hover {
    --border-opacity: 1 !important;
    border-color: #fbfab0 !important;
    border-color: rgba(251, 250, 176, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-yellow-dark:hover {
    --border-opacity: 1 !important;
    border-color: #d8cd1b !important;
    border-color: rgba(216, 205, 27, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-orange:hover {
    --border-opacity: 1 !important;
    border-color: #f5a82f !important;
    border-color: rgba(245, 168, 47, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-pink:hover {
    --border-opacity: 1 !important;
    border-color: #ff269e !important;
    border-color: rgba(255, 38, 158, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-purple:hover {
    --border-opacity: 1 !important;
    border-color: #c471ed !important;
    border-color: rgba(196, 113, 237, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-darken-10:hover {
    border-color: rgba(0,0,0,.1) !important;
  }

  .lg\:hover\:border-darken-20:hover {
    border-color: rgba(0,0,0,.2) !important;
  }

  .lg\:hover\:border-primary:hover {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-transparent:focus {
    border-color: transparent !important;
  }

  .lg\:focus\:border-black:focus {
    --border-opacity: 1 !important;
    border-color: #000000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-grey-100:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 20%, 10%) !important;
    border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-grey:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-grey-90:focus {
    --border-opacity: 1 !important;
    border-color: hsl(196, 31%, 14%) !important;
    border-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-grey-80:focus {
    --border-opacity: 1 !important;
    border-color: hsl(198, 32%, 16%) !important;
    border-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-grey-70:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-grey-60:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 70%) !important;
    border-color: rgba(167.02499999999998, 178.5, 189.975, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-grey-50:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 80%) !important;
    border-color: rgba(196.35, 204, 211.65, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-grey-40:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 22%, 89%) !important;
    border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-grey-30:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 30%, 95%) !important;
    border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-grey-20:focus {
    --border-opacity: 1 !important;
    border-color: hsl(214, 60%, 97.5%) !important;
    border-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-grey-10:focus {
    --border-opacity: 1 !important;
    border-color: hsl(218, 90%, 99%) !important;
    border-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-white:focus {
    --border-opacity: 1 !important;
    border-color: #ffffff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-green:focus {
    --border-opacity: 1 !important;
    border-color: #479967 !important;
    border-color: rgba(71, 153, 103, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-green-light:focus {
    --border-opacity: 1 !important;
    border-color: #64BD63 !important;
    border-color: rgba(100, 189, 99, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-lighter:focus {
    --border-opacity: 1 !important;
    border-color: hsl(207, 86%, 70%) !important;
    border-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-light:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 100%, 75%) !important;
    border-color: rgba(127.5, 191.24999999999994, 255, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue:focus {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-dark:focus {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 45%) !important;
    border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-darker:focus {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 40%) !important;
    border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-100:focus {
    --border-opacity: 1 !important;
    border-color: #eaf5ff !important;
    border-color: rgba(234, 245, 255, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-200:focus {
    --border-opacity: 1 !important;
    border-color: #abd9ff !important;
    border-color: rgba(171, 217, 255, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-300:focus {
    --border-opacity: 1 !important;
    border-color: #82c5ff !important;
    border-color: rgba(130, 197, 255, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-400:focus {
    --border-opacity: 1 !important;
    border-color: #43a9ff !important;
    border-color: rgba(67, 169, 255, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-500:focus {
    --border-opacity: 1 !important;
    border-color: #2e9fff !important;
    border-color: rgba(46, 159, 255, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-600:focus {
    --border-opacity: 1 !important;
    border-color: #298fe6 !important;
    border-color: rgba(41, 143, 230, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-700:focus {
    --border-opacity: 1 !important;
    border-color: #257fcc !important;
    border-color: rgba(37, 127, 204, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-800:focus {
    --border-opacity: 1 !important;
    border-color: #206fb3 !important;
    border-color: rgba(32, 111, 179, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-900:focus {
    --border-opacity: 1 !important;
    border-color: #175080 !important;
    border-color: rgba(23, 80, 128, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-red-dark:focus {
    --border-opacity: 1 !important;
    border-color: hsl(2, 57%, 53%) !important;
    border-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-red:focus {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 60%) !important;
    border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-red-light:focus {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 70%) !important;
    border-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-red-lighter:focus {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 95%) !important;
    border-color: rgba(251.94, 233.206, 232.55999999999997, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-yellow:focus {
    --border-opacity: 1 !important;
    border-color: #fbfab0 !important;
    border-color: rgba(251, 250, 176, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-yellow-dark:focus {
    --border-opacity: 1 !important;
    border-color: #d8cd1b !important;
    border-color: rgba(216, 205, 27, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-orange:focus {
    --border-opacity: 1 !important;
    border-color: #f5a82f !important;
    border-color: rgba(245, 168, 47, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-pink:focus {
    --border-opacity: 1 !important;
    border-color: #ff269e !important;
    border-color: rgba(255, 38, 158, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-purple:focus {
    --border-opacity: 1 !important;
    border-color: #c471ed !important;
    border-color: rgba(196, 113, 237, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-darken-10:focus {
    border-color: rgba(0,0,0,.1) !important;
  }

  .lg\:focus\:border-darken-20:focus {
    border-color: rgba(0,0,0,.2) !important;
  }

  .lg\:focus\:border-primary:focus {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .lg\:border-opacity-0 {
    --border-opacity: 0 !important;
  }

  .lg\:border-opacity-25 {
    --border-opacity: 0.25 !important;
  }

  .lg\:border-opacity-50 {
    --border-opacity: 0.5 !important;
  }

  .lg\:border-opacity-75 {
    --border-opacity: 0.75 !important;
  }

  .lg\:border-opacity-100 {
    --border-opacity: 1 !important;
  }

  .lg\:hover\:border-opacity-0:hover {
    --border-opacity: 0 !important;
  }

  .lg\:hover\:border-opacity-25:hover {
    --border-opacity: 0.25 !important;
  }

  .lg\:hover\:border-opacity-50:hover {
    --border-opacity: 0.5 !important;
  }

  .lg\:hover\:border-opacity-75:hover {
    --border-opacity: 0.75 !important;
  }

  .lg\:hover\:border-opacity-100:hover {
    --border-opacity: 1 !important;
  }

  .lg\:focus\:border-opacity-0:focus {
    --border-opacity: 0 !important;
  }

  .lg\:focus\:border-opacity-25:focus {
    --border-opacity: 0.25 !important;
  }

  .lg\:focus\:border-opacity-50:focus {
    --border-opacity: 0.5 !important;
  }

  .lg\:focus\:border-opacity-75:focus {
    --border-opacity: 0.75 !important;
  }

  .lg\:focus\:border-opacity-100:focus {
    --border-opacity: 1 !important;
  }

  .lg\:rounded {
    border-radius: 3px !important;
  }

  .lg\:rounded-sm {
    border-radius: 2px !important;
  }

  .lg\:rounded-md {
    border-radius: 4px !important;
  }

  .lg\:rounded-lg {
    border-radius: 8px !important;
  }

  .lg\:rounded-full {
    border-radius: 9999px !important;
  }

  .lg\:rounded-none {
    border-radius: 0 !important;
  }

  .lg\:rounded-t {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
  }

  .lg\:rounded-r {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }

  .lg\:rounded-b {
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
  }

  .lg\:rounded-l {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
  }

  .lg\:rounded-t-sm {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
  }

  .lg\:rounded-r-sm {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
  }

  .lg\:rounded-b-sm {
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
  }

  .lg\:rounded-l-sm {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
  }

  .lg\:rounded-t-md {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
  }

  .lg\:rounded-r-md {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }

  .lg\:rounded-b-md {
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }

  .lg\:rounded-l-md {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }

  .lg\:rounded-t-lg {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }

  .lg\:rounded-r-lg {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }

  .lg\:rounded-b-lg {
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }

  .lg\:rounded-l-lg {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }

  .lg\:rounded-t-full {
    border-top-left-radius: 9999px !important;
    border-top-right-radius: 9999px !important;
  }

  .lg\:rounded-r-full {
    border-top-right-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important;
  }

  .lg\:rounded-b-full {
    border-bottom-right-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .lg\:rounded-l-full {
    border-top-left-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .lg\:rounded-t-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .lg\:rounded-r-none {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .lg\:rounded-b-none {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .lg\:rounded-l-none {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .lg\:rounded-tl {
    border-top-left-radius: 3px !important;
  }

  .lg\:rounded-tr {
    border-top-right-radius: 3px !important;
  }

  .lg\:rounded-br {
    border-bottom-right-radius: 3px !important;
  }

  .lg\:rounded-bl {
    border-bottom-left-radius: 3px !important;
  }

  .lg\:rounded-tl-sm {
    border-top-left-radius: 2px !important;
  }

  .lg\:rounded-tr-sm {
    border-top-right-radius: 2px !important;
  }

  .lg\:rounded-br-sm {
    border-bottom-right-radius: 2px !important;
  }

  .lg\:rounded-bl-sm {
    border-bottom-left-radius: 2px !important;
  }

  .lg\:rounded-tl-md {
    border-top-left-radius: 4px !important;
  }

  .lg\:rounded-tr-md {
    border-top-right-radius: 4px !important;
  }

  .lg\:rounded-br-md {
    border-bottom-right-radius: 4px !important;
  }

  .lg\:rounded-bl-md {
    border-bottom-left-radius: 4px !important;
  }

  .lg\:rounded-tl-lg {
    border-top-left-radius: 8px !important;
  }

  .lg\:rounded-tr-lg {
    border-top-right-radius: 8px !important;
  }

  .lg\:rounded-br-lg {
    border-bottom-right-radius: 8px !important;
  }

  .lg\:rounded-bl-lg {
    border-bottom-left-radius: 8px !important;
  }

  .lg\:rounded-tl-full {
    border-top-left-radius: 9999px !important;
  }

  .lg\:rounded-tr-full {
    border-top-right-radius: 9999px !important;
  }

  .lg\:rounded-br-full {
    border-bottom-right-radius: 9999px !important;
  }

  .lg\:rounded-bl-full {
    border-bottom-left-radius: 9999px !important;
  }

  .lg\:rounded-tl-none {
    border-top-left-radius: 0 !important;
  }

  .lg\:rounded-tr-none {
    border-top-right-radius: 0 !important;
  }

  .lg\:rounded-br-none {
    border-bottom-right-radius: 0 !important;
  }

  .lg\:rounded-bl-none {
    border-bottom-left-radius: 0 !important;
  }

  .lg\:border-solid {
    border-style: solid !important;
  }

  .lg\:border-dashed {
    border-style: dashed !important;
  }

  .lg\:border-dotted {
    border-style: dotted !important;
  }

  .lg\:border-double {
    border-style: double !important;
  }

  .lg\:border-none {
    border-style: none !important;
  }

  .lg\:border-0 {
    border-width: 0 !important;
  }

  .lg\:border-2 {
    border-width: 2px !important;
  }

  .lg\:border-3 {
    border-width: 3px !important;
  }

  .lg\:border-4 {
    border-width: 4px !important;
  }

  .lg\:border-6 {
    border-width: 6px !important;
  }

  .lg\:border-8 {
    border-width: 8px !important;
  }

  .lg\:border {
    border-width: 1px !important;
  }

  .lg\:border-t-0 {
    border-top-width: 0 !important;
  }

  .lg\:border-r-0 {
    border-right-width: 0 !important;
  }

  .lg\:border-b-0 {
    border-bottom-width: 0 !important;
  }

  .lg\:border-l-0 {
    border-left-width: 0 !important;
  }

  .lg\:border-t-2 {
    border-top-width: 2px !important;
  }

  .lg\:border-r-2 {
    border-right-width: 2px !important;
  }

  .lg\:border-b-2 {
    border-bottom-width: 2px !important;
  }

  .lg\:border-l-2 {
    border-left-width: 2px !important;
  }

  .lg\:border-t-3 {
    border-top-width: 3px !important;
  }

  .lg\:border-r-3 {
    border-right-width: 3px !important;
  }

  .lg\:border-b-3 {
    border-bottom-width: 3px !important;
  }

  .lg\:border-l-3 {
    border-left-width: 3px !important;
  }

  .lg\:border-t-4 {
    border-top-width: 4px !important;
  }

  .lg\:border-r-4 {
    border-right-width: 4px !important;
  }

  .lg\:border-b-4 {
    border-bottom-width: 4px !important;
  }

  .lg\:border-l-4 {
    border-left-width: 4px !important;
  }

  .lg\:border-t-6 {
    border-top-width: 6px !important;
  }

  .lg\:border-r-6 {
    border-right-width: 6px !important;
  }

  .lg\:border-b-6 {
    border-bottom-width: 6px !important;
  }

  .lg\:border-l-6 {
    border-left-width: 6px !important;
  }

  .lg\:border-t-8 {
    border-top-width: 8px !important;
  }

  .lg\:border-r-8 {
    border-right-width: 8px !important;
  }

  .lg\:border-b-8 {
    border-bottom-width: 8px !important;
  }

  .lg\:border-l-8 {
    border-left-width: 8px !important;
  }

  .lg\:border-t {
    border-top-width: 1px !important;
  }

  .lg\:border-r {
    border-right-width: 1px !important;
  }

  .lg\:border-b {
    border-bottom-width: 1px !important;
  }

  .lg\:border-l {
    border-left-width: 1px !important;
  }

  .lg\:hover\:border-0:hover {
    border-width: 0 !important;
  }

  .lg\:hover\:border-2:hover {
    border-width: 2px !important;
  }

  .lg\:hover\:border-3:hover {
    border-width: 3px !important;
  }

  .lg\:hover\:border-4:hover {
    border-width: 4px !important;
  }

  .lg\:hover\:border-6:hover {
    border-width: 6px !important;
  }

  .lg\:hover\:border-8:hover {
    border-width: 8px !important;
  }

  .lg\:hover\:border:hover {
    border-width: 1px !important;
  }

  .lg\:hover\:border-t-0:hover {
    border-top-width: 0 !important;
  }

  .lg\:hover\:border-r-0:hover {
    border-right-width: 0 !important;
  }

  .lg\:hover\:border-b-0:hover {
    border-bottom-width: 0 !important;
  }

  .lg\:hover\:border-l-0:hover {
    border-left-width: 0 !important;
  }

  .lg\:hover\:border-t-2:hover {
    border-top-width: 2px !important;
  }

  .lg\:hover\:border-r-2:hover {
    border-right-width: 2px !important;
  }

  .lg\:hover\:border-b-2:hover {
    border-bottom-width: 2px !important;
  }

  .lg\:hover\:border-l-2:hover {
    border-left-width: 2px !important;
  }

  .lg\:hover\:border-t-3:hover {
    border-top-width: 3px !important;
  }

  .lg\:hover\:border-r-3:hover {
    border-right-width: 3px !important;
  }

  .lg\:hover\:border-b-3:hover {
    border-bottom-width: 3px !important;
  }

  .lg\:hover\:border-l-3:hover {
    border-left-width: 3px !important;
  }

  .lg\:hover\:border-t-4:hover {
    border-top-width: 4px !important;
  }

  .lg\:hover\:border-r-4:hover {
    border-right-width: 4px !important;
  }

  .lg\:hover\:border-b-4:hover {
    border-bottom-width: 4px !important;
  }

  .lg\:hover\:border-l-4:hover {
    border-left-width: 4px !important;
  }

  .lg\:hover\:border-t-6:hover {
    border-top-width: 6px !important;
  }

  .lg\:hover\:border-r-6:hover {
    border-right-width: 6px !important;
  }

  .lg\:hover\:border-b-6:hover {
    border-bottom-width: 6px !important;
  }

  .lg\:hover\:border-l-6:hover {
    border-left-width: 6px !important;
  }

  .lg\:hover\:border-t-8:hover {
    border-top-width: 8px !important;
  }

  .lg\:hover\:border-r-8:hover {
    border-right-width: 8px !important;
  }

  .lg\:hover\:border-b-8:hover {
    border-bottom-width: 8px !important;
  }

  .lg\:hover\:border-l-8:hover {
    border-left-width: 8px !important;
  }

  .lg\:hover\:border-t:hover {
    border-top-width: 1px !important;
  }

  .lg\:hover\:border-r:hover {
    border-right-width: 1px !important;
  }

  .lg\:hover\:border-b:hover {
    border-bottom-width: 1px !important;
  }

  .lg\:hover\:border-l:hover {
    border-left-width: 1px !important;
  }

  .lg\:box-border {
    box-sizing: border-box !important;
  }

  .lg\:box-content {
    box-sizing: content-box !important;
  }

  .lg\:cursor-auto {
    cursor: auto !important;
  }

  .lg\:cursor-default {
    cursor: default !important;
  }

  .lg\:cursor-pointer {
    cursor: pointer !important;
  }

  .lg\:cursor-wait {
    cursor: wait !important;
  }

  .lg\:cursor-text {
    cursor: text !important;
  }

  .lg\:cursor-move {
    cursor: move !important;
  }

  .lg\:cursor-not-allowed {
    cursor: not-allowed !important;
  }

  .lg\:block {
    display: block !important;
  }

  .lg\:inline-block {
    display: inline-block !important;
  }

  .lg\:inline {
    display: inline !important;
  }

  .lg\:flex {
    display: flex !important;
  }

  .lg\:inline-flex {
    display: inline-flex !important;
  }

  .lg\:table {
    display: table !important;
  }

  .lg\:table-caption {
    display: table-caption !important;
  }

  .lg\:table-cell {
    display: table-cell !important;
  }

  .lg\:table-column {
    display: table-column !important;
  }

  .lg\:table-column-group {
    display: table-column-group !important;
  }

  .lg\:table-footer-group {
    display: table-footer-group !important;
  }

  .lg\:table-header-group {
    display: table-header-group !important;
  }

  .lg\:table-row-group {
    display: table-row-group !important;
  }

  .lg\:table-row {
    display: table-row !important;
  }

  .lg\:flow-root {
    display: flow-root !important;
  }

  .lg\:grid {
    display: grid !important;
  }

  .lg\:inline-grid {
    display: inline-grid !important;
  }

  .lg\:contents {
    display: contents !important;
  }

  .lg\:hidden {
    display: none !important;
  }

  .lg\:flex-row {
    flex-direction: row !important;
  }

  .lg\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }

  .lg\:flex-col {
    flex-direction: column !important;
  }

  .lg\:flex-col-reverse {
    flex-direction: column-reverse !important;
  }

  .lg\:flex-wrap {
    flex-wrap: wrap !important;
  }

  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .lg\:flex-no-wrap {
    flex-wrap: nowrap !important;
  }

  .lg\:place-items-auto {
    place-items: auto !important;
  }

  .lg\:place-items-start {
    place-items: start !important;
  }

  .lg\:place-items-end {
    place-items: end !important;
  }

  .lg\:place-items-center {
    place-items: center !important;
  }

  .lg\:place-items-stretch {
    place-items: stretch !important;
  }

  .lg\:place-content-center {
    place-content: center !important;
  }

  .lg\:place-content-start {
    place-content: start !important;
  }

  .lg\:place-content-end {
    place-content: end !important;
  }

  .lg\:place-content-between {
    place-content: space-between !important;
  }

  .lg\:place-content-around {
    place-content: space-around !important;
  }

  .lg\:place-content-evenly {
    place-content: space-evenly !important;
  }

  .lg\:place-content-stretch {
    place-content: stretch !important;
  }

  .lg\:place-self-auto {
    place-self: auto !important;
  }

  .lg\:place-self-start {
    place-self: start !important;
  }

  .lg\:place-self-end {
    place-self: end !important;
  }

  .lg\:place-self-center {
    place-self: center !important;
  }

  .lg\:place-self-stretch {
    place-self: stretch !important;
  }

  .lg\:items-start {
    align-items: flex-start !important;
  }

  .lg\:items-end {
    align-items: flex-end !important;
  }

  .lg\:items-center {
    align-items: center !important;
  }

  .lg\:items-baseline {
    align-items: baseline !important;
  }

  .lg\:items-stretch {
    align-items: stretch !important;
  }

  .lg\:content-center {
    align-content: center !important;
  }

  .lg\:content-start {
    align-content: flex-start !important;
  }

  .lg\:content-end {
    align-content: flex-end !important;
  }

  .lg\:content-between {
    align-content: space-between !important;
  }

  .lg\:content-around {
    align-content: space-around !important;
  }

  .lg\:content-evenly {
    align-content: space-evenly !important;
  }

  .lg\:self-auto {
    align-self: auto !important;
  }

  .lg\:self-start {
    align-self: flex-start !important;
  }

  .lg\:self-end {
    align-self: flex-end !important;
  }

  .lg\:self-center {
    align-self: center !important;
  }

  .lg\:self-stretch {
    align-self: stretch !important;
  }

  .lg\:justify-items-auto {
    justify-items: auto !important;
  }

  .lg\:justify-items-start {
    justify-items: start !important;
  }

  .lg\:justify-items-end {
    justify-items: end !important;
  }

  .lg\:justify-items-center {
    justify-items: center !important;
  }

  .lg\:justify-items-stretch {
    justify-items: stretch !important;
  }

  .lg\:justify-start {
    justify-content: flex-start !important;
  }

  .lg\:justify-end {
    justify-content: flex-end !important;
  }

  .lg\:justify-center {
    justify-content: center !important;
  }

  .lg\:justify-between {
    justify-content: space-between !important;
  }

  .lg\:justify-around {
    justify-content: space-around !important;
  }

  .lg\:justify-evenly {
    justify-content: space-evenly !important;
  }

  .lg\:justify-self-auto {
    justify-self: auto !important;
  }

  .lg\:justify-self-start {
    justify-self: start !important;
  }

  .lg\:justify-self-end {
    justify-self: end !important;
  }

  .lg\:justify-self-center {
    justify-self: center !important;
  }

  .lg\:justify-self-stretch {
    justify-self: stretch !important;
  }

  .lg\:flex-1 {
    flex: 1 1 0% !important;
  }

  .lg\:flex-auto {
    flex: 1 1 auto !important;
  }

  .lg\:flex-initial {
    flex: 0 1 auto !important;
  }

  .lg\:flex-none {
    flex: none !important;
  }

  .lg\:flex-grow-0 {
    flex-grow: 0 !important;
  }

  .lg\:flex-grow {
    flex-grow: 1 !important;
  }

  .lg\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }

  .lg\:flex-shrink {
    flex-shrink: 1 !important;
  }

  .lg\:order-1 {
    order: 1 !important;
  }

  .lg\:order-2 {
    order: 2 !important;
  }

  .lg\:order-3 {
    order: 3 !important;
  }

  .lg\:order-4 {
    order: 4 !important;
  }

  .lg\:order-5 {
    order: 5 !important;
  }

  .lg\:order-6 {
    order: 6 !important;
  }

  .lg\:order-7 {
    order: 7 !important;
  }

  .lg\:order-8 {
    order: 8 !important;
  }

  .lg\:order-9 {
    order: 9 !important;
  }

  .lg\:order-10 {
    order: 10 !important;
  }

  .lg\:order-11 {
    order: 11 !important;
  }

  .lg\:order-12 {
    order: 12 !important;
  }

  .lg\:order-first {
    order: -9999 !important;
  }

  .lg\:order-last {
    order: 9999 !important;
  }

  .lg\:order-none {
    order: 0 !important;
  }

  .lg\:float-right {
    float: right !important;
  }

  .lg\:float-left {
    float: left !important;
  }

  .lg\:float-none {
    float: none !important;
  }

  .lg\:clearfix:after {
    content: "" !important;
    display: table !important;
    clear: both !important;
  }

  .lg\:clear-left {
    clear: left !important;
  }

  .lg\:clear-right {
    clear: right !important;
  }

  .lg\:clear-both {
    clear: both !important;
  }

  .lg\:clear-none {
    clear: none !important;
  }

  .lg\:font-normal {
    font-weight: 400 !important;
  }

  .lg\:font-medium {
    font-weight: 500 !important;
  }

  .lg\:font-bold {
    font-weight: 700 !important;
  }

  .lg\:font-black {
    font-weight: 900 !important;
  }

  .lg\:hover\:font-normal:hover {
    font-weight: 400 !important;
  }

  .lg\:hover\:font-medium:hover {
    font-weight: 500 !important;
  }

  .lg\:hover\:font-bold:hover {
    font-weight: 700 !important;
  }

  .lg\:hover\:font-black:hover {
    font-weight: 900 !important;
  }

  .lg\:h-1 {
    height: 2px !important;
  }

  .lg\:h-2 {
    height: 4px !important;
  }

  .lg\:h-3 {
    height: 8px !important;
  }

  .lg\:h-4 {
    height: 16px !important;
  }

  .lg\:h-5 {
    height: 1.25rem !important;
  }

  .lg\:h-6 {
    height: 24px !important;
  }

  .lg\:h-7 {
    height: 28px !important;
  }

  .lg\:h-8 {
    height: 32px !important;
  }

  .lg\:h-9 {
    height: 36px !important;
  }

  .lg\:h-10 {
    height: 40px !important;
  }

  .lg\:h-12 {
    height: 48px !important;
  }

  .lg\:h-13 {
    height: 52px !important;
  }

  .lg\:h-14 {
    height: 56px !important;
  }

  .lg\:h-16 {
    height: 64px !important;
  }

  .lg\:h-20 {
    height: 80px !important;
  }

  .lg\:h-24 {
    height: 96px !important;
  }

  .lg\:h-48 {
    height: 160px !important;
  }

  .lg\:h-64 {
    height: 192px !important;
  }

  .lg\:h-80 {
    height: 220px !important;
  }

  .lg\:h-96 {
    height: 24rem !important;
  }

  .lg\:h-auto {
    height: auto !important;
  }

  .lg\:h-px {
    height: 1px !important;
  }

  .lg\:h-full {
    height: 100% !important;
  }

  .lg\:h-screen {
    height: 100vh !important;
  }

  .lg\:leading-none {
    line-height: 1 !important;
  }

  .lg\:leading-tight {
    line-height: 1.25 !important;
  }

  .lg\:leading-normal {
    line-height: 1.5 !important;
  }

  .lg\:leading-loose {
    line-height: 1.75 !important;
  }

  .lg\:list-inside {
    list-style-position: inside !important;
  }

  .lg\:list-outside {
    list-style-position: outside !important;
  }

  .lg\:list-none {
    list-style-type: none !important;
  }

  .lg\:list-disc {
    list-style-type: disc !important;
  }

  .lg\:list-decimal {
    list-style-type: decimal !important;
  }

  .lg\:m-0 {
    margin: 0 !important;
  }

  .lg\:m-1 {
    margin: 8px !important;
  }

  .lg\:m-2 {
    margin: 16px !important;
  }

  .lg\:m-3 {
    margin: 24px !important;
  }

  .lg\:m-4 {
    margin: 32px !important;
  }

  .lg\:m-5 {
    margin: 40px !important;
  }

  .lg\:m-6 {
    margin: 64px !important;
  }

  .lg\:m-7 {
    margin: 80px !important;
  }

  .lg\:m-8 {
    margin: 120px !important;
  }

  .lg\:m-auto {
    margin: auto !important;
  }

  .lg\:m-px {
    margin: 1px !important;
  }

  .lg\:m-sm {
    margin: 4px !important;
  }

  .lg\:m-1\.5 {
    margin: 12px !important;
  }

  .lg\:-m-1 {
    margin: -8px !important;
  }

  .lg\:-m-2 {
    margin: -16px !important;
  }

  .lg\:-m-3 {
    margin: -24px !important;
  }

  .lg\:-m-4 {
    margin: -32px !important;
  }

  .lg\:-m-5 {
    margin: -40px !important;
  }

  .lg\:-m-6 {
    margin: -64px !important;
  }

  .lg\:-m-7 {
    margin: -80px !important;
  }

  .lg\:-m-8 {
    margin: -120px !important;
  }

  .lg\:-m-px {
    margin: -1px !important;
  }

  .lg\:-m-sm {
    margin: -4px !important;
  }

  .lg\:-m-1\.5 {
    margin: -12px !important;
  }

  .lg\:my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .lg\:mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .lg\:my-1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .lg\:mx-1 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .lg\:my-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .lg\:mx-2 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  .lg\:my-3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .lg\:mx-3 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }

  .lg\:my-4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }

  .lg\:mx-4 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }

  .lg\:my-5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .lg\:mx-5 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .lg\:my-6 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }

  .lg\:mx-6 {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }

  .lg\:my-7 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .lg\:mx-7 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .lg\:my-8 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .lg\:mx-8 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }

  .lg\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .lg\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .lg\:my-px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .lg\:mx-px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .lg\:my-sm {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .lg\:mx-sm {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .lg\:my-1\.5 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }

  .lg\:mx-1\.5 {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  .lg\:-my-1 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }

  .lg\:-mx-1 {
    margin-left: -8px !important;
    margin-right: -8px !important;
  }

  .lg\:-my-2 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }

  .lg\:-mx-2 {
    margin-left: -16px !important;
    margin-right: -16px !important;
  }

  .lg\:-my-3 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }

  .lg\:-mx-3 {
    margin-left: -24px !important;
    margin-right: -24px !important;
  }

  .lg\:-my-4 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }

  .lg\:-mx-4 {
    margin-left: -32px !important;
    margin-right: -32px !important;
  }

  .lg\:-my-5 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }

  .lg\:-mx-5 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }

  .lg\:-my-6 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }

  .lg\:-mx-6 {
    margin-left: -64px !important;
    margin-right: -64px !important;
  }

  .lg\:-my-7 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }

  .lg\:-mx-7 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }

  .lg\:-my-8 {
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }

  .lg\:-mx-8 {
    margin-left: -120px !important;
    margin-right: -120px !important;
  }

  .lg\:-my-px {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }

  .lg\:-mx-px {
    margin-left: -1px !important;
    margin-right: -1px !important;
  }

  .lg\:-my-sm {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }

  .lg\:-mx-sm {
    margin-left: -4px !important;
    margin-right: -4px !important;
  }

  .lg\:-my-1\.5 {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }

  .lg\:-mx-1\.5 {
    margin-left: -12px !important;
    margin-right: -12px !important;
  }

  .lg\:mt-0 {
    margin-top: 0 !important;
  }

  .lg\:mr-0 {
    margin-right: 0 !important;
  }

  .lg\:mb-0 {
    margin-bottom: 0 !important;
  }

  .lg\:ml-0 {
    margin-left: 0 !important;
  }

  .lg\:mt-1 {
    margin-top: 8px !important;
  }

  .lg\:mr-1 {
    margin-right: 8px !important;
  }

  .lg\:mb-1 {
    margin-bottom: 8px !important;
  }

  .lg\:ml-1 {
    margin-left: 8px !important;
  }

  .lg\:mt-2 {
    margin-top: 16px !important;
  }

  .lg\:mr-2 {
    margin-right: 16px !important;
  }

  .lg\:mb-2 {
    margin-bottom: 16px !important;
  }

  .lg\:ml-2 {
    margin-left: 16px !important;
  }

  .lg\:mt-3 {
    margin-top: 24px !important;
  }

  .lg\:mr-3 {
    margin-right: 24px !important;
  }

  .lg\:mb-3 {
    margin-bottom: 24px !important;
  }

  .lg\:ml-3 {
    margin-left: 24px !important;
  }

  .lg\:mt-4 {
    margin-top: 32px !important;
  }

  .lg\:mr-4 {
    margin-right: 32px !important;
  }

  .lg\:mb-4 {
    margin-bottom: 32px !important;
  }

  .lg\:ml-4 {
    margin-left: 32px !important;
  }

  .lg\:mt-5 {
    margin-top: 40px !important;
  }

  .lg\:mr-5 {
    margin-right: 40px !important;
  }

  .lg\:mb-5 {
    margin-bottom: 40px !important;
  }

  .lg\:ml-5 {
    margin-left: 40px !important;
  }

  .lg\:mt-6 {
    margin-top: 64px !important;
  }

  .lg\:mr-6 {
    margin-right: 64px !important;
  }

  .lg\:mb-6 {
    margin-bottom: 64px !important;
  }

  .lg\:ml-6 {
    margin-left: 64px !important;
  }

  .lg\:mt-7 {
    margin-top: 80px !important;
  }

  .lg\:mr-7 {
    margin-right: 80px !important;
  }

  .lg\:mb-7 {
    margin-bottom: 80px !important;
  }

  .lg\:ml-7 {
    margin-left: 80px !important;
  }

  .lg\:mt-8 {
    margin-top: 120px !important;
  }

  .lg\:mr-8 {
    margin-right: 120px !important;
  }

  .lg\:mb-8 {
    margin-bottom: 120px !important;
  }

  .lg\:ml-8 {
    margin-left: 120px !important;
  }

  .lg\:mt-auto {
    margin-top: auto !important;
  }

  .lg\:mr-auto {
    margin-right: auto !important;
  }

  .lg\:mb-auto {
    margin-bottom: auto !important;
  }

  .lg\:ml-auto {
    margin-left: auto !important;
  }

  .lg\:mt-px {
    margin-top: 1px !important;
  }

  .lg\:mr-px {
    margin-right: 1px !important;
  }

  .lg\:mb-px {
    margin-bottom: 1px !important;
  }

  .lg\:ml-px {
    margin-left: 1px !important;
  }

  .lg\:mt-sm {
    margin-top: 4px !important;
  }

  .lg\:mr-sm {
    margin-right: 4px !important;
  }

  .lg\:mb-sm {
    margin-bottom: 4px !important;
  }

  .lg\:ml-sm {
    margin-left: 4px !important;
  }

  .lg\:mt-1\.5 {
    margin-top: 12px !important;
  }

  .lg\:mr-1\.5 {
    margin-right: 12px !important;
  }

  .lg\:mb-1\.5 {
    margin-bottom: 12px !important;
  }

  .lg\:ml-1\.5 {
    margin-left: 12px !important;
  }

  .lg\:-mt-1 {
    margin-top: -8px !important;
  }

  .lg\:-mr-1 {
    margin-right: -8px !important;
  }

  .lg\:-mb-1 {
    margin-bottom: -8px !important;
  }

  .lg\:-ml-1 {
    margin-left: -8px !important;
  }

  .lg\:-mt-2 {
    margin-top: -16px !important;
  }

  .lg\:-mr-2 {
    margin-right: -16px !important;
  }

  .lg\:-mb-2 {
    margin-bottom: -16px !important;
  }

  .lg\:-ml-2 {
    margin-left: -16px !important;
  }

  .lg\:-mt-3 {
    margin-top: -24px !important;
  }

  .lg\:-mr-3 {
    margin-right: -24px !important;
  }

  .lg\:-mb-3 {
    margin-bottom: -24px !important;
  }

  .lg\:-ml-3 {
    margin-left: -24px !important;
  }

  .lg\:-mt-4 {
    margin-top: -32px !important;
  }

  .lg\:-mr-4 {
    margin-right: -32px !important;
  }

  .lg\:-mb-4 {
    margin-bottom: -32px !important;
  }

  .lg\:-ml-4 {
    margin-left: -32px !important;
  }

  .lg\:-mt-5 {
    margin-top: -40px !important;
  }

  .lg\:-mr-5 {
    margin-right: -40px !important;
  }

  .lg\:-mb-5 {
    margin-bottom: -40px !important;
  }

  .lg\:-ml-5 {
    margin-left: -40px !important;
  }

  .lg\:-mt-6 {
    margin-top: -64px !important;
  }

  .lg\:-mr-6 {
    margin-right: -64px !important;
  }

  .lg\:-mb-6 {
    margin-bottom: -64px !important;
  }

  .lg\:-ml-6 {
    margin-left: -64px !important;
  }

  .lg\:-mt-7 {
    margin-top: -80px !important;
  }

  .lg\:-mr-7 {
    margin-right: -80px !important;
  }

  .lg\:-mb-7 {
    margin-bottom: -80px !important;
  }

  .lg\:-ml-7 {
    margin-left: -80px !important;
  }

  .lg\:-mt-8 {
    margin-top: -120px !important;
  }

  .lg\:-mr-8 {
    margin-right: -120px !important;
  }

  .lg\:-mb-8 {
    margin-bottom: -120px !important;
  }

  .lg\:-ml-8 {
    margin-left: -120px !important;
  }

  .lg\:-mt-px {
    margin-top: -1px !important;
  }

  .lg\:-mr-px {
    margin-right: -1px !important;
  }

  .lg\:-mb-px {
    margin-bottom: -1px !important;
  }

  .lg\:-ml-px {
    margin-left: -1px !important;
  }

  .lg\:-mt-sm {
    margin-top: -4px !important;
  }

  .lg\:-mr-sm {
    margin-right: -4px !important;
  }

  .lg\:-mb-sm {
    margin-bottom: -4px !important;
  }

  .lg\:-ml-sm {
    margin-left: -4px !important;
  }

  .lg\:-mt-1\.5 {
    margin-top: -12px !important;
  }

  .lg\:-mr-1\.5 {
    margin-right: -12px !important;
  }

  .lg\:-mb-1\.5 {
    margin-bottom: -12px !important;
  }

  .lg\:-ml-1\.5 {
    margin-left: -12px !important;
  }

  .lg\:max-h-full {
    max-height: 100% !important;
  }

  .lg\:max-h-screen {
    max-height: 100vh !important;
  }

  .lg\:max-h-screen-1\/2 {
    max-height: 50vh !important;
  }

  .lg\:max-w-3xs {
    max-width: 5rem !important;
  }

  .lg\:max-w-2xs {
    max-width: 10rem !important;
  }

  .lg\:max-w-xs {
    max-width: 20rem !important;
  }

  .lg\:max-w-sm {
    max-width: 30rem !important;
  }

  .lg\:max-w-md {
    max-width: 40rem !important;
  }

  .lg\:max-w-lg {
    max-width: 50rem !important;
  }

  .lg\:max-w-xl {
    max-width: 60rem !important;
  }

  .lg\:max-w-2xl {
    max-width: 70rem !important;
  }

  .lg\:max-w-3xl {
    max-width: 80rem !important;
  }

  .lg\:max-w-4xl {
    max-width: 90rem !important;
  }

  .lg\:max-w-5xl {
    max-width: 100rem !important;
  }

  .lg\:max-w-full {
    max-width: 100% !important;
  }

  .lg\:min-h-0 {
    min-height: 0 !important;
  }

  .lg\:min-h-16 {
    min-height: 64px !important;
  }

  .lg\:min-h-24 {
    min-height: 80px !important;
  }

  .lg\:min-h-48 {
    min-height: 160px !important;
  }

  .lg\:min-h-full {
    min-height: 100% !important;
  }

  .lg\:min-h-screen {
    min-height: 100vh !important;
  }

  .lg\:min-w-0 {
    min-width: 0 !important;
  }

  .lg\:min-w-100 {
    min-width: 100px !important;
  }

  .lg\:min-w-120 {
    min-width: 120px !important;
  }

  .lg\:min-w-xs {
    min-width: 10rem !important;
  }

  .lg\:min-w-md {
    min-width: 160px !important;
  }

  .lg\:min-w-lg {
    min-width: 200px !important;
  }

  .lg\:min-w-full {
    min-width: 100% !important;
  }

  .lg\:object-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }

  .lg\:object-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }

  .lg\:object-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }

  .lg\:object-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }

  .lg\:object-scale-down {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }

  .lg\:object-bottom {
    -o-object-position: bottom !important;
       object-position: bottom !important;
  }

  .lg\:object-center {
    -o-object-position: center !important;
       object-position: center !important;
  }

  .lg\:object-left {
    -o-object-position: left !important;
       object-position: left !important;
  }

  .lg\:object-left-bottom {
    -o-object-position: left bottom !important;
       object-position: left bottom !important;
  }

  .lg\:object-left-top {
    -o-object-position: left top !important;
       object-position: left top !important;
  }

  .lg\:object-right {
    -o-object-position: right !important;
       object-position: right !important;
  }

  .lg\:object-right-bottom {
    -o-object-position: right bottom !important;
       object-position: right bottom !important;
  }

  .lg\:object-right-top {
    -o-object-position: right top !important;
       object-position: right top !important;
  }

  .lg\:object-top {
    -o-object-position: top !important;
       object-position: top !important;
  }

  .lg\:opacity-0 {
    opacity: 0 !important;
  }

  .lg\:opacity-25 {
    opacity: 0.25 !important;
  }

  .lg\:opacity-50 {
    opacity: 0.5 !important;
  }

  .lg\:opacity-75 {
    opacity: 0.75 !important;
  }

  .lg\:opacity-100 {
    opacity: 1 !important;
  }

  .lg\:hover\:opacity-0:hover {
    opacity: 0 !important;
  }

  .lg\:hover\:opacity-25:hover {
    opacity: 0.25 !important;
  }

  .lg\:hover\:opacity-50:hover {
    opacity: 0.5 !important;
  }

  .lg\:hover\:opacity-75:hover {
    opacity: 0.75 !important;
  }

  .lg\:hover\:opacity-100:hover {
    opacity: 1 !important;
  }

  .group:hover .lg\:group-hover\:opacity-0 {
    opacity: 0 !important;
  }

  .group:hover .lg\:group-hover\:opacity-25 {
    opacity: 0.25 !important;
  }

  .group:hover .lg\:group-hover\:opacity-50 {
    opacity: 0.5 !important;
  }

  .group:hover .lg\:group-hover\:opacity-75 {
    opacity: 0.75 !important;
  }

  .group:hover .lg\:group-hover\:opacity-100 {
    opacity: 1 !important;
  }

  .lg\:overflow-auto {
    overflow: auto !important;
  }

  .lg\:overflow-hidden {
    overflow: hidden !important;
  }

  .lg\:overflow-visible {
    overflow: visible !important;
  }

  .lg\:overflow-scroll {
    overflow: scroll !important;
  }

  .lg\:overflow-x-auto {
    overflow-x: auto !important;
  }

  .lg\:overflow-y-auto {
    overflow-y: auto !important;
  }

  .lg\:overflow-x-hidden {
    overflow-x: hidden !important;
  }

  .lg\:overflow-y-hidden {
    overflow-y: hidden !important;
  }

  .lg\:overflow-x-visible {
    overflow-x: visible !important;
  }

  .lg\:overflow-y-visible {
    overflow-y: visible !important;
  }

  .lg\:overflow-x-scroll {
    overflow-x: scroll !important;
  }

  .lg\:overflow-y-scroll {
    overflow-y: scroll !important;
  }

  .lg\:scrolling-touch {
    -webkit-overflow-scrolling: touch !important;
  }

  .lg\:scrolling-auto {
    -webkit-overflow-scrolling: auto !important;
  }

  .lg\:overscroll-auto {
    -ms-scroll-chaining: chained !important;
        overscroll-behavior: auto !important;
  }

  .lg\:overscroll-contain {
    -ms-scroll-chaining: none !important;
        overscroll-behavior: contain !important;
  }

  .lg\:overscroll-none {
    -ms-scroll-chaining: none !important;
        overscroll-behavior: none !important;
  }

  .lg\:overscroll-y-auto {
    overscroll-behavior-y: auto !important;
  }

  .lg\:overscroll-y-contain {
    overscroll-behavior-y: contain !important;
  }

  .lg\:overscroll-y-none {
    overscroll-behavior-y: none !important;
  }

  .lg\:overscroll-x-auto {
    overscroll-behavior-x: auto !important;
  }

  .lg\:overscroll-x-contain {
    overscroll-behavior-x: contain !important;
  }

  .lg\:overscroll-x-none {
    overscroll-behavior-x: none !important;
  }

  .lg\:p-0 {
    padding: 0 !important;
  }

  .lg\:p-1 {
    padding: 8px !important;
  }

  .lg\:p-2 {
    padding: 16px !important;
  }

  .lg\:p-3 {
    padding: 24px !important;
  }

  .lg\:p-4 {
    padding: 32px !important;
  }

  .lg\:p-5 {
    padding: 40px !important;
  }

  .lg\:p-6 {
    padding: 64px !important;
  }

  .lg\:p-7 {
    padding: 80px !important;
  }

  .lg\:p-8 {
    padding: 120px !important;
  }

  .lg\:p-px {
    padding: 1px !important;
  }

  .lg\:p-sm {
    padding: 4px !important;
  }

  .lg\:p-1\.5 {
    padding: 12px !important;
  }

  .lg\:py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .lg\:px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .lg\:py-1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .lg\:px-1 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .lg\:py-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .lg\:px-2 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .lg\:py-3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .lg\:px-3 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .lg\:py-4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  .lg\:px-4 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  .lg\:py-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .lg\:px-5 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .lg\:py-6 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  .lg\:px-6 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }

  .lg\:py-7 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .lg\:px-7 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .lg\:py-8 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .lg\:px-8 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .lg\:py-px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .lg\:px-px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .lg\:py-sm {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .lg\:px-sm {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .lg\:py-1\.5 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .lg\:px-1\.5 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .lg\:pt-0 {
    padding-top: 0 !important;
  }

  .lg\:pr-0 {
    padding-right: 0 !important;
  }

  .lg\:pb-0 {
    padding-bottom: 0 !important;
  }

  .lg\:pl-0 {
    padding-left: 0 !important;
  }

  .lg\:pt-1 {
    padding-top: 8px !important;
  }

  .lg\:pr-1 {
    padding-right: 8px !important;
  }

  .lg\:pb-1 {
    padding-bottom: 8px !important;
  }

  .lg\:pl-1 {
    padding-left: 8px !important;
  }

  .lg\:pt-2 {
    padding-top: 16px !important;
  }

  .lg\:pr-2 {
    padding-right: 16px !important;
  }

  .lg\:pb-2 {
    padding-bottom: 16px !important;
  }

  .lg\:pl-2 {
    padding-left: 16px !important;
  }

  .lg\:pt-3 {
    padding-top: 24px !important;
  }

  .lg\:pr-3 {
    padding-right: 24px !important;
  }

  .lg\:pb-3 {
    padding-bottom: 24px !important;
  }

  .lg\:pl-3 {
    padding-left: 24px !important;
  }

  .lg\:pt-4 {
    padding-top: 32px !important;
  }

  .lg\:pr-4 {
    padding-right: 32px !important;
  }

  .lg\:pb-4 {
    padding-bottom: 32px !important;
  }

  .lg\:pl-4 {
    padding-left: 32px !important;
  }

  .lg\:pt-5 {
    padding-top: 40px !important;
  }

  .lg\:pr-5 {
    padding-right: 40px !important;
  }

  .lg\:pb-5 {
    padding-bottom: 40px !important;
  }

  .lg\:pl-5 {
    padding-left: 40px !important;
  }

  .lg\:pt-6 {
    padding-top: 64px !important;
  }

  .lg\:pr-6 {
    padding-right: 64px !important;
  }

  .lg\:pb-6 {
    padding-bottom: 64px !important;
  }

  .lg\:pl-6 {
    padding-left: 64px !important;
  }

  .lg\:pt-7 {
    padding-top: 80px !important;
  }

  .lg\:pr-7 {
    padding-right: 80px !important;
  }

  .lg\:pb-7 {
    padding-bottom: 80px !important;
  }

  .lg\:pl-7 {
    padding-left: 80px !important;
  }

  .lg\:pt-8 {
    padding-top: 120px !important;
  }

  .lg\:pr-8 {
    padding-right: 120px !important;
  }

  .lg\:pb-8 {
    padding-bottom: 120px !important;
  }

  .lg\:pl-8 {
    padding-left: 120px !important;
  }

  .lg\:pt-px {
    padding-top: 1px !important;
  }

  .lg\:pr-px {
    padding-right: 1px !important;
  }

  .lg\:pb-px {
    padding-bottom: 1px !important;
  }

  .lg\:pl-px {
    padding-left: 1px !important;
  }

  .lg\:pt-sm {
    padding-top: 4px !important;
  }

  .lg\:pr-sm {
    padding-right: 4px !important;
  }

  .lg\:pb-sm {
    padding-bottom: 4px !important;
  }

  .lg\:pl-sm {
    padding-left: 4px !important;
  }

  .lg\:pt-1\.5 {
    padding-top: 12px !important;
  }

  .lg\:pr-1\.5 {
    padding-right: 12px !important;
  }

  .lg\:pb-1\.5 {
    padding-bottom: 12px !important;
  }

  .lg\:pl-1\.5 {
    padding-left: 12px !important;
  }

  .lg\:placeholder-transparent::-moz-placeholder {
    color: transparent !important;
  }

  .lg\:placeholder-transparent:-ms-input-placeholder {
    color: transparent !important;
  }

  .lg\:placeholder-transparent::placeholder {
    color: transparent !important;
  }

  .lg\:placeholder-black::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-black:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-black::placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-100::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-100:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-90::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-90:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-90::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-80::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-80:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-80::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-70::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-70:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-70::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-60::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-60:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-60::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-50::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-50:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-50::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-40::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-40:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-40::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-30::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-30:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-30::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-20::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-20:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-20::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-10::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-10:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-grey-10::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-white::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-white:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-white::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green::placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-light::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-light:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-light::placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-lighter::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-lighter:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-lighter::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-light::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-light:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-light::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-dark::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-dark:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-dark::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-darker::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-darker:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-darker::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-100::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-100:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-200::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-200:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-300::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-300:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-400::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-400:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-500::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-500:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-600::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-600:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-700::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-700:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-800::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-800:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-900::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-900:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-red-dark::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-red-dark:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-red-dark::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-red::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-red:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-red::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-red-light::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-red-light:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-red-light::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-red-lighter::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-red-lighter:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-red-lighter::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-dark::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-dark:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-dark::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-darken-10::-moz-placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .lg\:placeholder-darken-10:-ms-input-placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .lg\:placeholder-darken-10::placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .lg\:placeholder-darken-20::-moz-placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .lg\:placeholder-darken-20:-ms-input-placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .lg\:placeholder-darken-20::placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .lg\:placeholder-primary::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-primary:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-primary::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-transparent:focus::-moz-placeholder {
    color: transparent !important;
  }

  .lg\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
    color: transparent !important;
  }

  .lg\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent !important;
  }

  .lg\:focus\:placeholder-black:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-black:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-black:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-100:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-90:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-90:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-90:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-80:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-80:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-80:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-70:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-70:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-70:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-60:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-60:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-60:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-50:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-50:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-50:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-40:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-40:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-40:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-30:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-30:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-30:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-20:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-20:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-20:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-10:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-10:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-grey-10:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-white:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-white:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-white:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-light:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-light:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-light:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-lighter:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-lighter:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-lighter:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-light:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-light:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-light:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-dark:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-dark:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-dark:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-darker:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-darker:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-darker:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-100:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-200:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-300:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-400:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-500:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-600:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-700:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-800:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-900:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-red-dark:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-red-dark:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-red-dark:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-red:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-red:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-red:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-red-light:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-red-light:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-red-light:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-red-lighter:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-red-lighter:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-red-lighter:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-dark:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-dark:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-dark:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-darken-10:focus::-moz-placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .lg\:focus\:placeholder-darken-10:focus:-ms-input-placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .lg\:focus\:placeholder-darken-10:focus::placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .lg\:focus\:placeholder-darken-20:focus::-moz-placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .lg\:focus\:placeholder-darken-20:focus:-ms-input-placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .lg\:focus\:placeholder-darken-20:focus::placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .lg\:focus\:placeholder-primary:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-primary:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-primary:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-opacity-0::-moz-placeholder {
    --placeholder-opacity: 0 !important;
  }

  .lg\:placeholder-opacity-0:-ms-input-placeholder {
    --placeholder-opacity: 0 !important;
  }

  .lg\:placeholder-opacity-0::placeholder {
    --placeholder-opacity: 0 !important;
  }

  .lg\:placeholder-opacity-25::-moz-placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .lg\:placeholder-opacity-25:-ms-input-placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .lg\:placeholder-opacity-25::placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .lg\:placeholder-opacity-50::-moz-placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .lg\:placeholder-opacity-50:-ms-input-placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .lg\:placeholder-opacity-50::placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .lg\:placeholder-opacity-75::-moz-placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .lg\:placeholder-opacity-75:-ms-input-placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .lg\:placeholder-opacity-75::placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .lg\:placeholder-opacity-100::-moz-placeholder {
    --placeholder-opacity: 1 !important;
  }

  .lg\:placeholder-opacity-100:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
  }

  .lg\:placeholder-opacity-100::placeholder {
    --placeholder-opacity: 1 !important;
  }

  .lg\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
    --placeholder-opacity: 0 !important;
  }

  .lg\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
    --placeholder-opacity: 0 !important;
  }

  .lg\:focus\:placeholder-opacity-0:focus::placeholder {
    --placeholder-opacity: 0 !important;
  }

  .lg\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .lg\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .lg\:focus\:placeholder-opacity-25:focus::placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .lg\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .lg\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .lg\:focus\:placeholder-opacity-50:focus::placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .lg\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .lg\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .lg\:focus\:placeholder-opacity-75:focus::placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .lg\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
  }

  .lg\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
  }

  .lg\:focus\:placeholder-opacity-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
  }

  .lg\:pointer-events-none {
    pointer-events: none !important;
  }

  .lg\:pointer-events-auto {
    pointer-events: auto !important;
  }

  .lg\:static {
    position: static !important;
  }

  .lg\:fixed {
    position: fixed !important;
  }

  .lg\:absolute {
    position: absolute !important;
  }

  .lg\:relative {
    position: relative !important;
  }

  .lg\:sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }

  .lg\:inset-0 {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
  }

  .lg\:inset-1 {
    top: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    left: 8px !important;
  }

  .lg\:inset-2 {
    top: 16px !important;
    right: 16px !important;
    bottom: 16px !important;
    left: 16px !important;
  }

  .lg\:inset-3 {
    top: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    left: 24px !important;
  }

  .lg\:inset-4 {
    top: 32px !important;
    right: 32px !important;
    bottom: 32px !important;
    left: 32px !important;
  }

  .lg\:inset-5 {
    top: 40px !important;
    right: 40px !important;
    bottom: 40px !important;
    left: 40px !important;
  }

  .lg\:inset-6 {
    top: 64px !important;
    right: 64px !important;
    bottom: 64px !important;
    left: 64px !important;
  }

  .lg\:inset-7 {
    top: 80px !important;
    right: 80px !important;
    bottom: 80px !important;
    left: 80px !important;
  }

  .lg\:inset-8 {
    top: 120px !important;
    right: 120px !important;
    bottom: 120px !important;
    left: 120px !important;
  }

  .lg\:inset-px {
    top: 1px !important;
    right: 1px !important;
    bottom: 1px !important;
    left: 1px !important;
  }

  .lg\:inset-sm {
    top: 4px !important;
    right: 4px !important;
    bottom: 4px !important;
    left: 4px !important;
  }

  .lg\:inset-1\.5 {
    top: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    left: 12px !important;
  }

  .lg\:-inset-1 {
    top: -8px !important;
    right: -8px !important;
    bottom: -8px !important;
    left: -8px !important;
  }

  .lg\:-inset-2 {
    top: -16px !important;
    right: -16px !important;
    bottom: -16px !important;
    left: -16px !important;
  }

  .lg\:-inset-3 {
    top: -24px !important;
    right: -24px !important;
    bottom: -24px !important;
    left: -24px !important;
  }

  .lg\:-inset-4 {
    top: -32px !important;
    right: -32px !important;
    bottom: -32px !important;
    left: -32px !important;
  }

  .lg\:-inset-5 {
    top: -40px !important;
    right: -40px !important;
    bottom: -40px !important;
    left: -40px !important;
  }

  .lg\:-inset-6 {
    top: -64px !important;
    right: -64px !important;
    bottom: -64px !important;
    left: -64px !important;
  }

  .lg\:-inset-7 {
    top: -80px !important;
    right: -80px !important;
    bottom: -80px !important;
    left: -80px !important;
  }

  .lg\:-inset-8 {
    top: -120px !important;
    right: -120px !important;
    bottom: -120px !important;
    left: -120px !important;
  }

  .lg\:-inset-px {
    top: -1px !important;
    right: -1px !important;
    bottom: -1px !important;
    left: -1px !important;
  }

  .lg\:-inset-sm {
    top: -4px !important;
    right: -4px !important;
    bottom: -4px !important;
    left: -4px !important;
  }

  .lg\:-inset-1\.5 {
    top: -12px !important;
    right: -12px !important;
    bottom: -12px !important;
    left: -12px !important;
  }

  .lg\:inset-auto {
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
  }

  .lg\:inset-y-0 {
    top: 0 !important;
    bottom: 0 !important;
  }

  .lg\:inset-x-0 {
    right: 0 !important;
    left: 0 !important;
  }

  .lg\:inset-y-1 {
    top: 8px !important;
    bottom: 8px !important;
  }

  .lg\:inset-x-1 {
    right: 8px !important;
    left: 8px !important;
  }

  .lg\:inset-y-2 {
    top: 16px !important;
    bottom: 16px !important;
  }

  .lg\:inset-x-2 {
    right: 16px !important;
    left: 16px !important;
  }

  .lg\:inset-y-3 {
    top: 24px !important;
    bottom: 24px !important;
  }

  .lg\:inset-x-3 {
    right: 24px !important;
    left: 24px !important;
  }

  .lg\:inset-y-4 {
    top: 32px !important;
    bottom: 32px !important;
  }

  .lg\:inset-x-4 {
    right: 32px !important;
    left: 32px !important;
  }

  .lg\:inset-y-5 {
    top: 40px !important;
    bottom: 40px !important;
  }

  .lg\:inset-x-5 {
    right: 40px !important;
    left: 40px !important;
  }

  .lg\:inset-y-6 {
    top: 64px !important;
    bottom: 64px !important;
  }

  .lg\:inset-x-6 {
    right: 64px !important;
    left: 64px !important;
  }

  .lg\:inset-y-7 {
    top: 80px !important;
    bottom: 80px !important;
  }

  .lg\:inset-x-7 {
    right: 80px !important;
    left: 80px !important;
  }

  .lg\:inset-y-8 {
    top: 120px !important;
    bottom: 120px !important;
  }

  .lg\:inset-x-8 {
    right: 120px !important;
    left: 120px !important;
  }

  .lg\:inset-y-px {
    top: 1px !important;
    bottom: 1px !important;
  }

  .lg\:inset-x-px {
    right: 1px !important;
    left: 1px !important;
  }

  .lg\:inset-y-sm {
    top: 4px !important;
    bottom: 4px !important;
  }

  .lg\:inset-x-sm {
    right: 4px !important;
    left: 4px !important;
  }

  .lg\:inset-y-1\.5 {
    top: 12px !important;
    bottom: 12px !important;
  }

  .lg\:inset-x-1\.5 {
    right: 12px !important;
    left: 12px !important;
  }

  .lg\:-inset-y-1 {
    top: -8px !important;
    bottom: -8px !important;
  }

  .lg\:-inset-x-1 {
    right: -8px !important;
    left: -8px !important;
  }

  .lg\:-inset-y-2 {
    top: -16px !important;
    bottom: -16px !important;
  }

  .lg\:-inset-x-2 {
    right: -16px !important;
    left: -16px !important;
  }

  .lg\:-inset-y-3 {
    top: -24px !important;
    bottom: -24px !important;
  }

  .lg\:-inset-x-3 {
    right: -24px !important;
    left: -24px !important;
  }

  .lg\:-inset-y-4 {
    top: -32px !important;
    bottom: -32px !important;
  }

  .lg\:-inset-x-4 {
    right: -32px !important;
    left: -32px !important;
  }

  .lg\:-inset-y-5 {
    top: -40px !important;
    bottom: -40px !important;
  }

  .lg\:-inset-x-5 {
    right: -40px !important;
    left: -40px !important;
  }

  .lg\:-inset-y-6 {
    top: -64px !important;
    bottom: -64px !important;
  }

  .lg\:-inset-x-6 {
    right: -64px !important;
    left: -64px !important;
  }

  .lg\:-inset-y-7 {
    top: -80px !important;
    bottom: -80px !important;
  }

  .lg\:-inset-x-7 {
    right: -80px !important;
    left: -80px !important;
  }

  .lg\:-inset-y-8 {
    top: -120px !important;
    bottom: -120px !important;
  }

  .lg\:-inset-x-8 {
    right: -120px !important;
    left: -120px !important;
  }

  .lg\:-inset-y-px {
    top: -1px !important;
    bottom: -1px !important;
  }

  .lg\:-inset-x-px {
    right: -1px !important;
    left: -1px !important;
  }

  .lg\:-inset-y-sm {
    top: -4px !important;
    bottom: -4px !important;
  }

  .lg\:-inset-x-sm {
    right: -4px !important;
    left: -4px !important;
  }

  .lg\:-inset-y-1\.5 {
    top: -12px !important;
    bottom: -12px !important;
  }

  .lg\:-inset-x-1\.5 {
    right: -12px !important;
    left: -12px !important;
  }

  .lg\:inset-y-auto {
    top: auto !important;
    bottom: auto !important;
  }

  .lg\:inset-x-auto {
    right: auto !important;
    left: auto !important;
  }

  .lg\:top-0 {
    top: 0 !important;
  }

  .lg\:right-0 {
    right: 0 !important;
  }

  .lg\:bottom-0 {
    bottom: 0 !important;
  }

  .lg\:left-0 {
    left: 0 !important;
  }

  .lg\:top-1 {
    top: 8px !important;
  }

  .lg\:right-1 {
    right: 8px !important;
  }

  .lg\:bottom-1 {
    bottom: 8px !important;
  }

  .lg\:left-1 {
    left: 8px !important;
  }

  .lg\:top-2 {
    top: 16px !important;
  }

  .lg\:right-2 {
    right: 16px !important;
  }

  .lg\:bottom-2 {
    bottom: 16px !important;
  }

  .lg\:left-2 {
    left: 16px !important;
  }

  .lg\:top-3 {
    top: 24px !important;
  }

  .lg\:right-3 {
    right: 24px !important;
  }

  .lg\:bottom-3 {
    bottom: 24px !important;
  }

  .lg\:left-3 {
    left: 24px !important;
  }

  .lg\:top-4 {
    top: 32px !important;
  }

  .lg\:right-4 {
    right: 32px !important;
  }

  .lg\:bottom-4 {
    bottom: 32px !important;
  }

  .lg\:left-4 {
    left: 32px !important;
  }

  .lg\:top-5 {
    top: 40px !important;
  }

  .lg\:right-5 {
    right: 40px !important;
  }

  .lg\:bottom-5 {
    bottom: 40px !important;
  }

  .lg\:left-5 {
    left: 40px !important;
  }

  .lg\:top-6 {
    top: 64px !important;
  }

  .lg\:right-6 {
    right: 64px !important;
  }

  .lg\:bottom-6 {
    bottom: 64px !important;
  }

  .lg\:left-6 {
    left: 64px !important;
  }

  .lg\:top-7 {
    top: 80px !important;
  }

  .lg\:right-7 {
    right: 80px !important;
  }

  .lg\:bottom-7 {
    bottom: 80px !important;
  }

  .lg\:left-7 {
    left: 80px !important;
  }

  .lg\:top-8 {
    top: 120px !important;
  }

  .lg\:right-8 {
    right: 120px !important;
  }

  .lg\:bottom-8 {
    bottom: 120px !important;
  }

  .lg\:left-8 {
    left: 120px !important;
  }

  .lg\:top-px {
    top: 1px !important;
  }

  .lg\:right-px {
    right: 1px !important;
  }

  .lg\:bottom-px {
    bottom: 1px !important;
  }

  .lg\:left-px {
    left: 1px !important;
  }

  .lg\:top-sm {
    top: 4px !important;
  }

  .lg\:right-sm {
    right: 4px !important;
  }

  .lg\:bottom-sm {
    bottom: 4px !important;
  }

  .lg\:left-sm {
    left: 4px !important;
  }

  .lg\:top-1\.5 {
    top: 12px !important;
  }

  .lg\:right-1\.5 {
    right: 12px !important;
  }

  .lg\:bottom-1\.5 {
    bottom: 12px !important;
  }

  .lg\:left-1\.5 {
    left: 12px !important;
  }

  .lg\:-top-1 {
    top: -8px !important;
  }

  .lg\:-right-1 {
    right: -8px !important;
  }

  .lg\:-bottom-1 {
    bottom: -8px !important;
  }

  .lg\:-left-1 {
    left: -8px !important;
  }

  .lg\:-top-2 {
    top: -16px !important;
  }

  .lg\:-right-2 {
    right: -16px !important;
  }

  .lg\:-bottom-2 {
    bottom: -16px !important;
  }

  .lg\:-left-2 {
    left: -16px !important;
  }

  .lg\:-top-3 {
    top: -24px !important;
  }

  .lg\:-right-3 {
    right: -24px !important;
  }

  .lg\:-bottom-3 {
    bottom: -24px !important;
  }

  .lg\:-left-3 {
    left: -24px !important;
  }

  .lg\:-top-4 {
    top: -32px !important;
  }

  .lg\:-right-4 {
    right: -32px !important;
  }

  .lg\:-bottom-4 {
    bottom: -32px !important;
  }

  .lg\:-left-4 {
    left: -32px !important;
  }

  .lg\:-top-5 {
    top: -40px !important;
  }

  .lg\:-right-5 {
    right: -40px !important;
  }

  .lg\:-bottom-5 {
    bottom: -40px !important;
  }

  .lg\:-left-5 {
    left: -40px !important;
  }

  .lg\:-top-6 {
    top: -64px !important;
  }

  .lg\:-right-6 {
    right: -64px !important;
  }

  .lg\:-bottom-6 {
    bottom: -64px !important;
  }

  .lg\:-left-6 {
    left: -64px !important;
  }

  .lg\:-top-7 {
    top: -80px !important;
  }

  .lg\:-right-7 {
    right: -80px !important;
  }

  .lg\:-bottom-7 {
    bottom: -80px !important;
  }

  .lg\:-left-7 {
    left: -80px !important;
  }

  .lg\:-top-8 {
    top: -120px !important;
  }

  .lg\:-right-8 {
    right: -120px !important;
  }

  .lg\:-bottom-8 {
    bottom: -120px !important;
  }

  .lg\:-left-8 {
    left: -120px !important;
  }

  .lg\:-top-px {
    top: -1px !important;
  }

  .lg\:-right-px {
    right: -1px !important;
  }

  .lg\:-bottom-px {
    bottom: -1px !important;
  }

  .lg\:-left-px {
    left: -1px !important;
  }

  .lg\:-top-sm {
    top: -4px !important;
  }

  .lg\:-right-sm {
    right: -4px !important;
  }

  .lg\:-bottom-sm {
    bottom: -4px !important;
  }

  .lg\:-left-sm {
    left: -4px !important;
  }

  .lg\:-top-1\.5 {
    top: -12px !important;
  }

  .lg\:-right-1\.5 {
    right: -12px !important;
  }

  .lg\:-bottom-1\.5 {
    bottom: -12px !important;
  }

  .lg\:-left-1\.5 {
    left: -12px !important;
  }

  .lg\:top-auto {
    top: auto !important;
  }

  .lg\:right-auto {
    right: auto !important;
  }

  .lg\:bottom-auto {
    bottom: auto !important;
  }

  .lg\:left-auto {
    left: auto !important;
  }

  .lg\:resize-none {
    resize: none !important;
  }

  .lg\:resize-y {
    resize: vertical !important;
  }

  .lg\:resize-x {
    resize: horizontal !important;
  }

  .lg\:resize {
    resize: both !important;
  }

  .lg\:shadow-sm {
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03) !important;
  }

  .lg\:shadow {
    box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15) !important;
  }

  .lg\:shadow-lg {
    box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075) !important;
  }

  .lg\:shadow-xl {
    box-shadow: 0 12px 24px 0 rgba(50, 50, 93, .1), 0 10px 20px 0 rgba(0, 0, 0, .075) !important;
  }

  .lg\:shadow-popover {
    box-shadow: 0 0 0 1px rgba(40,45,50,0.05), 0 0 0 1px rgba(40,45,50,0.05), 0 2px 7px 1px rgba(40,45,50,0.16) !important;
  }

  .lg\:shadow-set {
    box-shadow: rgba(50,50,93,.1) 0 0 0 1px, rgba(50,50,93,.08) 0 2px 5px, rgba(0,0,0,.07) 0 1px 1.5px,rgba(0,0,0,.08) 0 1px 2px 0, transparent 0 0 0 0 !important;
  }

  .lg\:shadow-button {
    box-shadow: 0 1px 0 0 rgba(25,30,35,.05) !important;
  }

  .lg\:shadow-inner {
    box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05) !important;
  }

  .lg\:shadow-none {
    box-shadow: none !important;
  }

  .lg\:hover\:shadow-sm:hover {
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03) !important;
  }

  .lg\:hover\:shadow:hover {
    box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15) !important;
  }

  .lg\:hover\:shadow-lg:hover {
    box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075) !important;
  }

  .lg\:hover\:shadow-xl:hover {
    box-shadow: 0 12px 24px 0 rgba(50, 50, 93, .1), 0 10px 20px 0 rgba(0, 0, 0, .075) !important;
  }

  .lg\:hover\:shadow-popover:hover {
    box-shadow: 0 0 0 1px rgba(40,45,50,0.05), 0 0 0 1px rgba(40,45,50,0.05), 0 2px 7px 1px rgba(40,45,50,0.16) !important;
  }

  .lg\:hover\:shadow-set:hover {
    box-shadow: rgba(50,50,93,.1) 0 0 0 1px, rgba(50,50,93,.08) 0 2px 5px, rgba(0,0,0,.07) 0 1px 1.5px,rgba(0,0,0,.08) 0 1px 2px 0, transparent 0 0 0 0 !important;
  }

  .lg\:hover\:shadow-button:hover {
    box-shadow: 0 1px 0 0 rgba(25,30,35,.05) !important;
  }

  .lg\:hover\:shadow-inner:hover {
    box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05) !important;
  }

  .lg\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }

  .lg\:focus\:shadow-sm:focus {
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03) !important;
  }

  .lg\:focus\:shadow:focus {
    box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15) !important;
  }

  .lg\:focus\:shadow-lg:focus {
    box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075) !important;
  }

  .lg\:focus\:shadow-xl:focus {
    box-shadow: 0 12px 24px 0 rgba(50, 50, 93, .1), 0 10px 20px 0 rgba(0, 0, 0, .075) !important;
  }

  .lg\:focus\:shadow-popover:focus {
    box-shadow: 0 0 0 1px rgba(40,45,50,0.05), 0 0 0 1px rgba(40,45,50,0.05), 0 2px 7px 1px rgba(40,45,50,0.16) !important;
  }

  .lg\:focus\:shadow-set:focus {
    box-shadow: rgba(50,50,93,.1) 0 0 0 1px, rgba(50,50,93,.08) 0 2px 5px, rgba(0,0,0,.07) 0 1px 1.5px,rgba(0,0,0,.08) 0 1px 2px 0, transparent 0 0 0 0 !important;
  }

  .lg\:focus\:shadow-button:focus {
    box-shadow: 0 1px 0 0 rgba(25,30,35,.05) !important;
  }

  .lg\:focus\:shadow-inner:focus {
    box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05) !important;
  }

  .lg\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }

  .lg\:stroke-0 {
    stroke-width: 0 !important;
  }

  .lg\:stroke-1 {
    stroke-width: 1 !important;
  }

  .lg\:stroke-2 {
    stroke-width: 2 !important;
  }

  .lg\:table-auto {
    table-layout: auto !important;
  }

  .lg\:table-fixed {
    table-layout: fixed !important;
  }

  .lg\:text-left {
    text-align: left !important;
  }

  .lg\:text-center {
    text-align: center !important;
  }

  .lg\:text-right {
    text-align: right !important;
  }

  .lg\:text-justify {
    text-align: justify !important;
  }

  .lg\:text-transparent {
    color: transparent !important;
  }

  .lg\:text-black {
    --text-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .lg\:text-grey-100 {
    --text-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity)) !important;
  }

  .lg\:text-grey {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .lg\:text-grey-90 {
    --text-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity)) !important;
  }

  .lg\:text-grey-80 {
    --text-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity)) !important;
  }

  .lg\:text-grey-70 {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .lg\:text-grey-60 {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity)) !important;
  }

  .lg\:text-grey-50 {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--text-opacity)) !important;
  }

  .lg\:text-grey-40 {
    --text-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity)) !important;
  }

  .lg\:text-grey-30 {
    --text-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--text-opacity)) !important;
  }

  .lg\:text-grey-20 {
    --text-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity)) !important;
  }

  .lg\:text-grey-10 {
    --text-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--text-opacity)) !important;
  }

  .lg\:text-white {
    --text-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .lg\:text-green {
    --text-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--text-opacity)) !important;
  }

  .lg\:text-green-light {
    --text-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--text-opacity)) !important;
  }

  .lg\:text-blue-lighter {
    --text-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--text-opacity)) !important;
  }

  .lg\:text-blue-light {
    --text-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--text-opacity)) !important;
  }

  .lg\:text-blue {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .lg\:text-blue-dark {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity)) !important;
  }

  .lg\:text-blue-darker {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--text-opacity)) !important;
  }

  .lg\:text-blue-100 {
    --text-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--text-opacity)) !important;
  }

  .lg\:text-blue-200 {
    --text-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--text-opacity)) !important;
  }

  .lg\:text-blue-300 {
    --text-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--text-opacity)) !important;
  }

  .lg\:text-blue-400 {
    --text-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--text-opacity)) !important;
  }

  .lg\:text-blue-500 {
    --text-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--text-opacity)) !important;
  }

  .lg\:text-blue-600 {
    --text-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--text-opacity)) !important;
  }

  .lg\:text-blue-700 {
    --text-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--text-opacity)) !important;
  }

  .lg\:text-blue-800 {
    --text-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--text-opacity)) !important;
  }

  .lg\:text-blue-900 {
    --text-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--text-opacity)) !important;
  }

  .lg\:text-red-dark {
    --text-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--text-opacity)) !important;
  }

  .lg\:text-red {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity)) !important;
  }

  .lg\:text-red-light {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--text-opacity)) !important;
  }

  .lg\:text-red-lighter {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity)) !important;
  }

  .lg\:text-yellow {
    --text-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--text-opacity)) !important;
  }

  .lg\:text-yellow-dark {
    --text-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--text-opacity)) !important;
  }

  .lg\:text-orange {
    --text-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--text-opacity)) !important;
  }

  .lg\:text-pink {
    --text-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--text-opacity)) !important;
  }

  .lg\:text-purple {
    --text-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--text-opacity)) !important;
  }

  .lg\:text-darken-10 {
    color: rgba(0,0,0,.1) !important;
  }

  .lg\:text-darken-20 {
    color: rgba(0,0,0,.2) !important;
  }

  .lg\:text-primary {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-transparent:hover {
    color: transparent !important;
  }

  .lg\:hover\:text-black:hover {
    --text-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-grey-100:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-grey:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-grey-90:hover {
    --text-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-grey-80:hover {
    --text-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-grey-70:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-grey-60:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-grey-50:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-grey-40:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-grey-30:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-grey-20:hover {
    --text-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-grey-10:hover {
    --text-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-white:hover {
    --text-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-green:hover {
    --text-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-green-light:hover {
    --text-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-lighter:hover {
    --text-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-light:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue:hover {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-dark:hover {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-darker:hover {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-100:hover {
    --text-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-200:hover {
    --text-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-300:hover {
    --text-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-400:hover {
    --text-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-500:hover {
    --text-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-600:hover {
    --text-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-700:hover {
    --text-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-800:hover {
    --text-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-900:hover {
    --text-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-red-dark:hover {
    --text-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-red:hover {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-red-light:hover {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-red-lighter:hover {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-yellow:hover {
    --text-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-yellow-dark:hover {
    --text-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-orange:hover {
    --text-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-pink:hover {
    --text-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-purple:hover {
    --text-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-darken-10:hover {
    color: rgba(0,0,0,.1) !important;
  }

  .lg\:hover\:text-darken-20:hover {
    color: rgba(0,0,0,.2) !important;
  }

  .lg\:hover\:text-primary:hover {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-transparent {
    color: transparent !important;
  }

  .group:hover .lg\:group-hover\:text-black {
    --text-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-grey-100 {
    --text-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-grey {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-grey-90 {
    --text-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-grey-80 {
    --text-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-grey-70 {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-grey-60 {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-grey-50 {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-grey-40 {
    --text-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-grey-30 {
    --text-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-grey-20 {
    --text-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-grey-10 {
    --text-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-white {
    --text-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-green {
    --text-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-green-light {
    --text-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-blue-lighter {
    --text-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-blue-light {
    --text-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-blue {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-blue-dark {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-blue-darker {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-blue-100 {
    --text-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-blue-200 {
    --text-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-blue-300 {
    --text-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-blue-400 {
    --text-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-blue-500 {
    --text-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-blue-600 {
    --text-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-blue-700 {
    --text-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-blue-800 {
    --text-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-blue-900 {
    --text-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-red-dark {
    --text-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-red {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-red-light {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-red-lighter {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-yellow {
    --text-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-yellow-dark {
    --text-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-orange {
    --text-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-pink {
    --text-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-purple {
    --text-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--text-opacity)) !important;
  }

  .group:hover .lg\:group-hover\:text-darken-10 {
    color: rgba(0,0,0,.1) !important;
  }

  .group:hover .lg\:group-hover\:text-darken-20 {
    color: rgba(0,0,0,.2) !important;
  }

  .group:hover .lg\:group-hover\:text-primary {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-transparent:focus {
    color: transparent !important;
  }

  .lg\:focus\:text-black:focus {
    --text-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-grey-100:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-grey:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-grey-90:focus {
    --text-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-grey-80:focus {
    --text-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-grey-70:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-grey-60:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-grey-50:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-grey-40:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-grey-30:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-grey-20:focus {
    --text-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-grey-10:focus {
    --text-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-white:focus {
    --text-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-green:focus {
    --text-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-green-light:focus {
    --text-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-lighter:focus {
    --text-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-light:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue:focus {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-dark:focus {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-darker:focus {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-100:focus {
    --text-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-200:focus {
    --text-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-300:focus {
    --text-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-400:focus {
    --text-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-500:focus {
    --text-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-600:focus {
    --text-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-700:focus {
    --text-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-800:focus {
    --text-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-900:focus {
    --text-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-red-dark:focus {
    --text-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-red:focus {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-red-light:focus {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-red-lighter:focus {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-yellow:focus {
    --text-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-yellow-dark:focus {
    --text-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-orange:focus {
    --text-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-pink:focus {
    --text-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-purple:focus {
    --text-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-darken-10:focus {
    color: rgba(0,0,0,.1) !important;
  }

  .lg\:focus\:text-darken-20:focus {
    color: rgba(0,0,0,.2) !important;
  }

  .lg\:focus\:text-primary:focus {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .lg\:text-opacity-0 {
    --text-opacity: 0 !important;
  }

  .lg\:text-opacity-25 {
    --text-opacity: 0.25 !important;
  }

  .lg\:text-opacity-50 {
    --text-opacity: 0.5 !important;
  }

  .lg\:text-opacity-75 {
    --text-opacity: 0.75 !important;
  }

  .lg\:text-opacity-100 {
    --text-opacity: 1 !important;
  }

  .lg\:hover\:text-opacity-0:hover {
    --text-opacity: 0 !important;
  }

  .lg\:hover\:text-opacity-25:hover {
    --text-opacity: 0.25 !important;
  }

  .lg\:hover\:text-opacity-50:hover {
    --text-opacity: 0.5 !important;
  }

  .lg\:hover\:text-opacity-75:hover {
    --text-opacity: 0.75 !important;
  }

  .lg\:hover\:text-opacity-100:hover {
    --text-opacity: 1 !important;
  }

  .lg\:focus\:text-opacity-0:focus {
    --text-opacity: 0 !important;
  }

  .lg\:focus\:text-opacity-25:focus {
    --text-opacity: 0.25 !important;
  }

  .lg\:focus\:text-opacity-50:focus {
    --text-opacity: 0.5 !important;
  }

  .lg\:focus\:text-opacity-75:focus {
    --text-opacity: 0.75 !important;
  }

  .lg\:focus\:text-opacity-100:focus {
    --text-opacity: 1 !important;
  }

  .lg\:italic {
    font-style: italic !important;
  }

  .lg\:not-italic {
    font-style: normal !important;
  }

  .lg\:hover\:italic:hover {
    font-style: italic !important;
  }

  .lg\:hover\:not-italic:hover {
    font-style: normal !important;
  }

  .lg\:focus\:italic:focus {
    font-style: italic !important;
  }

  .lg\:focus\:not-italic:focus {
    font-style: normal !important;
  }

  .lg\:uppercase {
    text-transform: uppercase !important;
  }

  .lg\:lowercase {
    text-transform: lowercase !important;
  }

  .lg\:capitalize {
    text-transform: capitalize !important;
  }

  .lg\:normal-case {
    text-transform: none !important;
  }

  .lg\:hover\:uppercase:hover {
    text-transform: uppercase !important;
  }

  .lg\:hover\:lowercase:hover {
    text-transform: lowercase !important;
  }

  .lg\:hover\:capitalize:hover {
    text-transform: capitalize !important;
  }

  .lg\:hover\:normal-case:hover {
    text-transform: none !important;
  }

  .lg\:focus\:uppercase:focus {
    text-transform: uppercase !important;
  }

  .lg\:focus\:lowercase:focus {
    text-transform: lowercase !important;
  }

  .lg\:focus\:capitalize:focus {
    text-transform: capitalize !important;
  }

  .lg\:focus\:normal-case:focus {
    text-transform: none !important;
  }

  .lg\:underline {
    text-decoration: underline !important;
  }

  .lg\:line-through {
    text-decoration: line-through !important;
  }

  .lg\:no-underline {
    text-decoration: none !important;
  }

  .lg\:hover\:underline:hover {
    text-decoration: underline !important;
  }

  .lg\:hover\:line-through:hover {
    text-decoration: line-through !important;
  }

  .lg\:hover\:no-underline:hover {
    text-decoration: none !important;
  }

  .lg\:focus\:underline:focus {
    text-decoration: underline !important;
  }

  .lg\:focus\:line-through:focus {
    text-decoration: line-through !important;
  }

  .lg\:focus\:no-underline:focus {
    text-decoration: none !important;
  }

  .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions {
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important;
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important;
  }

  .lg\:normal-nums {
    font-variant-numeric: normal !important;
  }

  .lg\:ordinal {
    --font-variant-numeric-ordinal: ordinal !important;
  }

  .lg\:slashed-zero {
    --font-variant-numeric-slashed-zero: slashed-zero !important;
  }

  .lg\:lining-nums {
    --font-variant-numeric-figure: lining-nums !important;
  }

  .lg\:oldstyle-nums {
    --font-variant-numeric-figure: oldstyle-nums !important;
  }

  .lg\:proportional-nums {
    --font-variant-numeric-spacing: proportional-nums !important;
  }

  .lg\:tabular-nums {
    --font-variant-numeric-spacing: tabular-nums !important;
  }

  .lg\:diagonal-fractions {
    --font-variant-numeric-fraction: diagonal-fractions !important;
  }

  .lg\:stacked-fractions {
    --font-variant-numeric-fraction: stacked-fractions !important;
  }

  .lg\:tracking-tight {
    letter-spacing: -0.05em !important;
  }

  .lg\:tracking-normal {
    letter-spacing: -0.004em !important;
  }

  .lg\:tracking-wide {
    letter-spacing: 0.14em !important;
  }

  .lg\:select-none {
    -webkit-user-select: none !important;
       -moz-user-select: none !important;
        -ms-user-select: none !important;
            user-select: none !important;
  }

  .lg\:select-text {
    -webkit-user-select: text !important;
       -moz-user-select: text !important;
        -ms-user-select: text !important;
            user-select: text !important;
  }

  .lg\:select-all {
    -webkit-user-select: all !important;
       -moz-user-select: all !important;
        -ms-user-select: all !important;
            user-select: all !important;
  }

  .lg\:select-auto {
    -webkit-user-select: auto !important;
       -moz-user-select: auto !important;
        -ms-user-select: auto !important;
            user-select: auto !important;
  }

  .lg\:align-baseline {
    vertical-align: baseline !important;
  }

  .lg\:align-top {
    vertical-align: top !important;
  }

  .lg\:align-middle {
    vertical-align: middle !important;
  }

  .lg\:align-bottom {
    vertical-align: bottom !important;
  }

  .lg\:align-text-top {
    vertical-align: text-top !important;
  }

  .lg\:align-text-bottom {
    vertical-align: text-bottom !important;
  }

  .lg\:visible {
    visibility: visible !important;
  }

  .lg\:invisible {
    visibility: hidden !important;
  }

  .lg\:whitespace-normal {
    white-space: normal !important;
  }

  .lg\:whitespace-no-wrap {
    white-space: nowrap !important;
  }

  .lg\:whitespace-pre {
    white-space: pre !important;
  }

  .lg\:whitespace-pre-line {
    white-space: pre-line !important;
  }

  .lg\:whitespace-pre-wrap {
    white-space: pre-wrap !important;
  }

  .lg\:break-normal {
    word-wrap: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .lg\:break-words {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  .lg\:break-all {
    word-break: break-all !important;
  }

  .lg\:truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .lg\:w-1 {
    width: 0.25rem !important;
  }

  .lg\:w-2 {
    width: 0.5rem !important;
  }

  .lg\:w-3 {
    width: 0.75rem !important;
  }

  .lg\:w-4 {
    width: 1rem !important;
  }

  .lg\:w-5 {
    width: 1.25rem !important;
  }

  .lg\:w-6 {
    width: 1.5rem !important;
  }

  .lg\:w-7 {
    width: 1.75rem !important;
  }

  .lg\:w-8 {
    width: 2rem !important;
  }

  .lg\:w-10 {
    width: 2.5rem !important;
  }

  .lg\:w-12 {
    width: 3rem !important;
  }

  .lg\:w-16 {
    width: 4rem !important;
  }

  .lg\:w-24 {
    width: 6rem !important;
  }

  .lg\:w-32 {
    width: 8rem !important;
  }

  .lg\:w-40 {
    width: 10rem !important;
  }

  .lg\:w-48 {
    width: 12rem !important;
  }

  .lg\:w-52 {
    width: 13rem !important;
  }

  .lg\:w-56 {
    width: 14rem !important;
  }

  .lg\:w-60 {
    width: 15rem !important;
  }

  .lg\:w-64 {
    width: 16rem !important;
  }

  .lg\:w-80 {
    width: 20rem !important;
  }

  .lg\:w-96 {
    width: 24rem !important;
  }

  .lg\:w-128 {
    width: 32rem !important;
  }

  .lg\:w-160 {
    width: 40rem !important;
  }

  .lg\:w-240 {
    width: 60rem !important;
  }

  .lg\:w-auto {
    width: auto !important;
  }

  .lg\:w-px {
    width: 1px !important;
  }

  .lg\:w-1\/2 {
    width: 50% !important;
  }

  .lg\:w-1\/3 {
    width: 33.33333% !important;
  }

  .lg\:w-2\/3 {
    width: 66.66667% !important;
  }

  .lg\:w-1\/4 {
    width: 25% !important;
  }

  .lg\:w-3\/4 {
    width: 75% !important;
  }

  .lg\:w-1\/5 {
    width: 20% !important;
  }

  .lg\:w-2\/5 {
    width: 40% !important;
  }

  .lg\:w-3\/5 {
    width: 60% !important;
  }

  .lg\:w-4\/5 {
    width: 80% !important;
  }

  .lg\:w-1\/6 {
    width: 16.66667% !important;
  }

  .lg\:w-5\/6 {
    width: 83.33333% !important;
  }

  .lg\:w-full {
    width: 100% !important;
  }

  .lg\:w-screen {
    width: 100vw !important;
  }

  .lg\:z-0 {
    z-index: 0 !important;
  }

  .lg\:z-5 {
    z-index: 5 !important;
  }

  .lg\:z-10 {
    z-index: 10 !important;
  }

  .lg\:z-20 {
    z-index: 20 !important;
  }

  .lg\:z-30 {
    z-index: 30 !important;
  }

  .lg\:z-40 {
    z-index: 40 !important;
  }

  .lg\:z-50 {
    z-index: 50 !important;
  }

  .lg\:z-200 {
    z-index: 200 !important;
  }

  .lg\:z-top {
    z-index: 1001 !important;
  }

  .lg\:z-max {
    z-index: 9999 !important;
  }

  .lg\:z-auto {
    z-index: auto !important;
  }

  .lg\:gap-0 {
    grid-gap: 0 !important;
    gap: 0 !important;
  }

  .lg\:gap-1 {
    grid-gap: 8px !important;
    gap: 8px !important;
  }

  .lg\:gap-2 {
    grid-gap: 16px !important;
    gap: 16px !important;
  }

  .lg\:gap-3 {
    grid-gap: 24px !important;
    gap: 24px !important;
  }

  .lg\:gap-4 {
    grid-gap: 32px !important;
    gap: 32px !important;
  }

  .lg\:gap-5 {
    grid-gap: 40px !important;
    gap: 40px !important;
  }

  .lg\:gap-6 {
    grid-gap: 64px !important;
    gap: 64px !important;
  }

  .lg\:gap-7 {
    grid-gap: 80px !important;
    gap: 80px !important;
  }

  .lg\:gap-8 {
    grid-gap: 120px !important;
    gap: 120px !important;
  }

  .lg\:gap-px {
    grid-gap: 1px !important;
    gap: 1px !important;
  }

  .lg\:gap-sm {
    grid-gap: 4px !important;
    gap: 4px !important;
  }

  .lg\:gap-1\.5 {
    grid-gap: 12px !important;
    gap: 12px !important;
  }

  .lg\:col-gap-0 {
    grid-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .lg\:col-gap-1 {
    grid-column-gap: 8px !important;
    -moz-column-gap: 8px !important;
         column-gap: 8px !important;
  }

  .lg\:col-gap-2 {
    grid-column-gap: 16px !important;
    -moz-column-gap: 16px !important;
         column-gap: 16px !important;
  }

  .lg\:col-gap-3 {
    grid-column-gap: 24px !important;
    -moz-column-gap: 24px !important;
         column-gap: 24px !important;
  }

  .lg\:col-gap-4 {
    grid-column-gap: 32px !important;
    -moz-column-gap: 32px !important;
         column-gap: 32px !important;
  }

  .lg\:col-gap-5 {
    grid-column-gap: 40px !important;
    -moz-column-gap: 40px !important;
         column-gap: 40px !important;
  }

  .lg\:col-gap-6 {
    grid-column-gap: 64px !important;
    -moz-column-gap: 64px !important;
         column-gap: 64px !important;
  }

  .lg\:col-gap-7 {
    grid-column-gap: 80px !important;
    -moz-column-gap: 80px !important;
         column-gap: 80px !important;
  }

  .lg\:col-gap-8 {
    grid-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
         column-gap: 120px !important;
  }

  .lg\:col-gap-px {
    grid-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
         column-gap: 1px !important;
  }

  .lg\:col-gap-sm {
    grid-column-gap: 4px !important;
    -moz-column-gap: 4px !important;
         column-gap: 4px !important;
  }

  .lg\:col-gap-1\.5 {
    grid-column-gap: 12px !important;
    -moz-column-gap: 12px !important;
         column-gap: 12px !important;
  }

  .lg\:gap-x-0 {
    grid-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .lg\:gap-x-1 {
    grid-column-gap: 8px !important;
    -moz-column-gap: 8px !important;
         column-gap: 8px !important;
  }

  .lg\:gap-x-2 {
    grid-column-gap: 16px !important;
    -moz-column-gap: 16px !important;
         column-gap: 16px !important;
  }

  .lg\:gap-x-3 {
    grid-column-gap: 24px !important;
    -moz-column-gap: 24px !important;
         column-gap: 24px !important;
  }

  .lg\:gap-x-4 {
    grid-column-gap: 32px !important;
    -moz-column-gap: 32px !important;
         column-gap: 32px !important;
  }

  .lg\:gap-x-5 {
    grid-column-gap: 40px !important;
    -moz-column-gap: 40px !important;
         column-gap: 40px !important;
  }

  .lg\:gap-x-6 {
    grid-column-gap: 64px !important;
    -moz-column-gap: 64px !important;
         column-gap: 64px !important;
  }

  .lg\:gap-x-7 {
    grid-column-gap: 80px !important;
    -moz-column-gap: 80px !important;
         column-gap: 80px !important;
  }

  .lg\:gap-x-8 {
    grid-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
         column-gap: 120px !important;
  }

  .lg\:gap-x-px {
    grid-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
         column-gap: 1px !important;
  }

  .lg\:gap-x-sm {
    grid-column-gap: 4px !important;
    -moz-column-gap: 4px !important;
         column-gap: 4px !important;
  }

  .lg\:gap-x-1\.5 {
    grid-column-gap: 12px !important;
    -moz-column-gap: 12px !important;
         column-gap: 12px !important;
  }

  .lg\:row-gap-0 {
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .lg\:row-gap-1 {
    grid-row-gap: 8px !important;
    row-gap: 8px !important;
  }

  .lg\:row-gap-2 {
    grid-row-gap: 16px !important;
    row-gap: 16px !important;
  }

  .lg\:row-gap-3 {
    grid-row-gap: 24px !important;
    row-gap: 24px !important;
  }

  .lg\:row-gap-4 {
    grid-row-gap: 32px !important;
    row-gap: 32px !important;
  }

  .lg\:row-gap-5 {
    grid-row-gap: 40px !important;
    row-gap: 40px !important;
  }

  .lg\:row-gap-6 {
    grid-row-gap: 64px !important;
    row-gap: 64px !important;
  }

  .lg\:row-gap-7 {
    grid-row-gap: 80px !important;
    row-gap: 80px !important;
  }

  .lg\:row-gap-8 {
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .lg\:row-gap-px {
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .lg\:row-gap-sm {
    grid-row-gap: 4px !important;
    row-gap: 4px !important;
  }

  .lg\:row-gap-1\.5 {
    grid-row-gap: 12px !important;
    row-gap: 12px !important;
  }

  .lg\:gap-y-0 {
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .lg\:gap-y-1 {
    grid-row-gap: 8px !important;
    row-gap: 8px !important;
  }

  .lg\:gap-y-2 {
    grid-row-gap: 16px !important;
    row-gap: 16px !important;
  }

  .lg\:gap-y-3 {
    grid-row-gap: 24px !important;
    row-gap: 24px !important;
  }

  .lg\:gap-y-4 {
    grid-row-gap: 32px !important;
    row-gap: 32px !important;
  }

  .lg\:gap-y-5 {
    grid-row-gap: 40px !important;
    row-gap: 40px !important;
  }

  .lg\:gap-y-6 {
    grid-row-gap: 64px !important;
    row-gap: 64px !important;
  }

  .lg\:gap-y-7 {
    grid-row-gap: 80px !important;
    row-gap: 80px !important;
  }

  .lg\:gap-y-8 {
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .lg\:gap-y-px {
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .lg\:gap-y-sm {
    grid-row-gap: 4px !important;
    row-gap: 4px !important;
  }

  .lg\:gap-y-1\.5 {
    grid-row-gap: 12px !important;
    row-gap: 12px !important;
  }

  .lg\:grid-flow-row {
    grid-auto-flow: row !important;
  }

  .lg\:grid-flow-col {
    grid-auto-flow: column !important;
  }

  .lg\:grid-flow-row-dense {
    grid-auto-flow: row dense !important;
  }

  .lg\:grid-flow-col-dense {
    grid-auto-flow: column dense !important;
  }

  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-none {
    grid-template-columns: none !important;
  }

  .lg\:auto-cols-auto {
    grid-auto-columns: auto !important;
  }

  .lg\:auto-cols-min {
    grid-auto-columns: -webkit-min-content !important;
    grid-auto-columns: min-content !important;
  }

  .lg\:auto-cols-max {
    grid-auto-columns: -webkit-max-content !important;
    grid-auto-columns: max-content !important;
  }

  .lg\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr) !important;
  }

  .lg\:col-auto {
    grid-column: auto !important;
  }

  .lg\:col-span-1 {
    grid-column: span 1 / span 1 !important;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3 !important;
  }

  .lg\:col-span-4 {
    grid-column: span 4 / span 4 !important;
  }

  .lg\:col-span-5 {
    grid-column: span 5 / span 5 !important;
  }

  .lg\:col-span-6 {
    grid-column: span 6 / span 6 !important;
  }

  .lg\:col-span-7 {
    grid-column: span 7 / span 7 !important;
  }

  .lg\:col-span-8 {
    grid-column: span 8 / span 8 !important;
  }

  .lg\:col-span-9 {
    grid-column: span 9 / span 9 !important;
  }

  .lg\:col-span-10 {
    grid-column: span 10 / span 10 !important;
  }

  .lg\:col-span-11 {
    grid-column: span 11 / span 11 !important;
  }

  .lg\:col-span-12 {
    grid-column: span 12 / span 12 !important;
  }

  .lg\:col-span-full {
    grid-column: 1 / -1 !important;
  }

  .lg\:col-start-1 {
    grid-column-start: 1 !important;
  }

  .lg\:col-start-2 {
    grid-column-start: 2 !important;
  }

  .lg\:col-start-3 {
    grid-column-start: 3 !important;
  }

  .lg\:col-start-4 {
    grid-column-start: 4 !important;
  }

  .lg\:col-start-5 {
    grid-column-start: 5 !important;
  }

  .lg\:col-start-6 {
    grid-column-start: 6 !important;
  }

  .lg\:col-start-7 {
    grid-column-start: 7 !important;
  }

  .lg\:col-start-8 {
    grid-column-start: 8 !important;
  }

  .lg\:col-start-9 {
    grid-column-start: 9 !important;
  }

  .lg\:col-start-10 {
    grid-column-start: 10 !important;
  }

  .lg\:col-start-11 {
    grid-column-start: 11 !important;
  }

  .lg\:col-start-12 {
    grid-column-start: 12 !important;
  }

  .lg\:col-start-13 {
    grid-column-start: 13 !important;
  }

  .lg\:col-start-auto {
    grid-column-start: auto !important;
  }

  .lg\:col-end-1 {
    grid-column-end: 1 !important;
  }

  .lg\:col-end-2 {
    grid-column-end: 2 !important;
  }

  .lg\:col-end-3 {
    grid-column-end: 3 !important;
  }

  .lg\:col-end-4 {
    grid-column-end: 4 !important;
  }

  .lg\:col-end-5 {
    grid-column-end: 5 !important;
  }

  .lg\:col-end-6 {
    grid-column-end: 6 !important;
  }

  .lg\:col-end-7 {
    grid-column-end: 7 !important;
  }

  .lg\:col-end-8 {
    grid-column-end: 8 !important;
  }

  .lg\:col-end-9 {
    grid-column-end: 9 !important;
  }

  .lg\:col-end-10 {
    grid-column-end: 10 !important;
  }

  .lg\:col-end-11 {
    grid-column-end: 11 !important;
  }

  .lg\:col-end-12 {
    grid-column-end: 12 !important;
  }

  .lg\:col-end-13 {
    grid-column-end: 13 !important;
  }

  .lg\:col-end-auto {
    grid-column-end: auto !important;
  }

  .lg\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
  }

  .lg\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }

  .lg\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  }

  .lg\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }

  .lg\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  }

  .lg\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
  }

  .lg\:grid-rows-none {
    grid-template-rows: none !important;
  }

  .lg\:auto-rows-auto {
    grid-auto-rows: auto !important;
  }

  .lg\:auto-rows-min {
    grid-auto-rows: -webkit-min-content !important;
    grid-auto-rows: min-content !important;
  }

  .lg\:auto-rows-max {
    grid-auto-rows: -webkit-max-content !important;
    grid-auto-rows: max-content !important;
  }

  .lg\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr) !important;
  }

  .lg\:row-auto {
    grid-row: auto !important;
  }

  .lg\:row-span-1 {
    grid-row: span 1 / span 1 !important;
  }

  .lg\:row-span-2 {
    grid-row: span 2 / span 2 !important;
  }

  .lg\:row-span-3 {
    grid-row: span 3 / span 3 !important;
  }

  .lg\:row-span-4 {
    grid-row: span 4 / span 4 !important;
  }

  .lg\:row-span-5 {
    grid-row: span 5 / span 5 !important;
  }

  .lg\:row-span-6 {
    grid-row: span 6 / span 6 !important;
  }

  .lg\:row-span-full {
    grid-row: 1 / -1 !important;
  }

  .lg\:row-start-1 {
    grid-row-start: 1 !important;
  }

  .lg\:row-start-2 {
    grid-row-start: 2 !important;
  }

  .lg\:row-start-3 {
    grid-row-start: 3 !important;
  }

  .lg\:row-start-4 {
    grid-row-start: 4 !important;
  }

  .lg\:row-start-5 {
    grid-row-start: 5 !important;
  }

  .lg\:row-start-6 {
    grid-row-start: 6 !important;
  }

  .lg\:row-start-7 {
    grid-row-start: 7 !important;
  }

  .lg\:row-start-auto {
    grid-row-start: auto !important;
  }

  .lg\:row-end-1 {
    grid-row-end: 1 !important;
  }

  .lg\:row-end-2 {
    grid-row-end: 2 !important;
  }

  .lg\:row-end-3 {
    grid-row-end: 3 !important;
  }

  .lg\:row-end-4 {
    grid-row-end: 4 !important;
  }

  .lg\:row-end-5 {
    grid-row-end: 5 !important;
  }

  .lg\:row-end-6 {
    grid-row-end: 6 !important;
  }

  .lg\:row-end-7 {
    grid-row-end: 7 !important;
  }

  .lg\:row-end-auto {
    grid-row-end: auto !important;
  }

  .lg\:transform {
    --transform-translate-x: 0 !important;
    --transform-translate-y: 0 !important;
    --transform-rotate: 0 !important;
    --transform-skew-x: 0 !important;
    --transform-skew-y: 0 !important;
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
  }

  .lg\:transform-none {
    transform: none !important;
  }

  .lg\:origin-center {
    transform-origin: center !important;
  }

  .lg\:origin-top {
    transform-origin: top !important;
  }

  .lg\:origin-top-right {
    transform-origin: top right !important;
  }

  .lg\:origin-right {
    transform-origin: right !important;
  }

  .lg\:origin-bottom-right {
    transform-origin: bottom right !important;
  }

  .lg\:origin-bottom {
    transform-origin: bottom !important;
  }

  .lg\:origin-bottom-left {
    transform-origin: bottom left !important;
  }

  .lg\:origin-left {
    transform-origin: left !important;
  }

  .lg\:origin-top-left {
    transform-origin: top left !important;
  }

  .lg\:scale-0 {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .lg\:scale-50 {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .lg\:scale-75 {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .lg\:scale-90 {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .lg\:scale-95 {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .lg\:scale-100 {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .lg\:scale-105 {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .lg\:scale-110 {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .lg\:scale-125 {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .lg\:scale-150 {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .lg\:scale-x-0 {
    --transform-scale-x: 0 !important;
  }

  .lg\:scale-x-50 {
    --transform-scale-x: .5 !important;
  }

  .lg\:scale-x-75 {
    --transform-scale-x: .75 !important;
  }

  .lg\:scale-x-90 {
    --transform-scale-x: .9 !important;
  }

  .lg\:scale-x-95 {
    --transform-scale-x: .95 !important;
  }

  .lg\:scale-x-100 {
    --transform-scale-x: 1 !important;
  }

  .lg\:scale-x-105 {
    --transform-scale-x: 1.05 !important;
  }

  .lg\:scale-x-110 {
    --transform-scale-x: 1.1 !important;
  }

  .lg\:scale-x-125 {
    --transform-scale-x: 1.25 !important;
  }

  .lg\:scale-x-150 {
    --transform-scale-x: 1.5 !important;
  }

  .lg\:scale-y-0 {
    --transform-scale-y: 0 !important;
  }

  .lg\:scale-y-50 {
    --transform-scale-y: .5 !important;
  }

  .lg\:scale-y-75 {
    --transform-scale-y: .75 !important;
  }

  .lg\:scale-y-90 {
    --transform-scale-y: .9 !important;
  }

  .lg\:scale-y-95 {
    --transform-scale-y: .95 !important;
  }

  .lg\:scale-y-100 {
    --transform-scale-y: 1 !important;
  }

  .lg\:scale-y-105 {
    --transform-scale-y: 1.05 !important;
  }

  .lg\:scale-y-110 {
    --transform-scale-y: 1.1 !important;
  }

  .lg\:scale-y-125 {
    --transform-scale-y: 1.25 !important;
  }

  .lg\:scale-y-150 {
    --transform-scale-y: 1.5 !important;
  }

  .lg\:hover\:scale-0:hover {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .lg\:hover\:scale-50:hover {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .lg\:hover\:scale-75:hover {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .lg\:hover\:scale-90:hover {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .lg\:hover\:scale-95:hover {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .lg\:hover\:scale-100:hover {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .lg\:hover\:scale-105:hover {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .lg\:hover\:scale-110:hover {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .lg\:hover\:scale-125:hover {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .lg\:hover\:scale-150:hover {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .lg\:hover\:scale-x-0:hover {
    --transform-scale-x: 0 !important;
  }

  .lg\:hover\:scale-x-50:hover {
    --transform-scale-x: .5 !important;
  }

  .lg\:hover\:scale-x-75:hover {
    --transform-scale-x: .75 !important;
  }

  .lg\:hover\:scale-x-90:hover {
    --transform-scale-x: .9 !important;
  }

  .lg\:hover\:scale-x-95:hover {
    --transform-scale-x: .95 !important;
  }

  .lg\:hover\:scale-x-100:hover {
    --transform-scale-x: 1 !important;
  }

  .lg\:hover\:scale-x-105:hover {
    --transform-scale-x: 1.05 !important;
  }

  .lg\:hover\:scale-x-110:hover {
    --transform-scale-x: 1.1 !important;
  }

  .lg\:hover\:scale-x-125:hover {
    --transform-scale-x: 1.25 !important;
  }

  .lg\:hover\:scale-x-150:hover {
    --transform-scale-x: 1.5 !important;
  }

  .lg\:hover\:scale-y-0:hover {
    --transform-scale-y: 0 !important;
  }

  .lg\:hover\:scale-y-50:hover {
    --transform-scale-y: .5 !important;
  }

  .lg\:hover\:scale-y-75:hover {
    --transform-scale-y: .75 !important;
  }

  .lg\:hover\:scale-y-90:hover {
    --transform-scale-y: .9 !important;
  }

  .lg\:hover\:scale-y-95:hover {
    --transform-scale-y: .95 !important;
  }

  .lg\:hover\:scale-y-100:hover {
    --transform-scale-y: 1 !important;
  }

  .lg\:hover\:scale-y-105:hover {
    --transform-scale-y: 1.05 !important;
  }

  .lg\:hover\:scale-y-110:hover {
    --transform-scale-y: 1.1 !important;
  }

  .lg\:hover\:scale-y-125:hover {
    --transform-scale-y: 1.25 !important;
  }

  .lg\:hover\:scale-y-150:hover {
    --transform-scale-y: 1.5 !important;
  }

  .lg\:focus\:scale-0:focus {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .lg\:focus\:scale-50:focus {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .lg\:focus\:scale-75:focus {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .lg\:focus\:scale-90:focus {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .lg\:focus\:scale-95:focus {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .lg\:focus\:scale-100:focus {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .lg\:focus\:scale-105:focus {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .lg\:focus\:scale-110:focus {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .lg\:focus\:scale-125:focus {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .lg\:focus\:scale-150:focus {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .lg\:focus\:scale-x-0:focus {
    --transform-scale-x: 0 !important;
  }

  .lg\:focus\:scale-x-50:focus {
    --transform-scale-x: .5 !important;
  }

  .lg\:focus\:scale-x-75:focus {
    --transform-scale-x: .75 !important;
  }

  .lg\:focus\:scale-x-90:focus {
    --transform-scale-x: .9 !important;
  }

  .lg\:focus\:scale-x-95:focus {
    --transform-scale-x: .95 !important;
  }

  .lg\:focus\:scale-x-100:focus {
    --transform-scale-x: 1 !important;
  }

  .lg\:focus\:scale-x-105:focus {
    --transform-scale-x: 1.05 !important;
  }

  .lg\:focus\:scale-x-110:focus {
    --transform-scale-x: 1.1 !important;
  }

  .lg\:focus\:scale-x-125:focus {
    --transform-scale-x: 1.25 !important;
  }

  .lg\:focus\:scale-x-150:focus {
    --transform-scale-x: 1.5 !important;
  }

  .lg\:focus\:scale-y-0:focus {
    --transform-scale-y: 0 !important;
  }

  .lg\:focus\:scale-y-50:focus {
    --transform-scale-y: .5 !important;
  }

  .lg\:focus\:scale-y-75:focus {
    --transform-scale-y: .75 !important;
  }

  .lg\:focus\:scale-y-90:focus {
    --transform-scale-y: .9 !important;
  }

  .lg\:focus\:scale-y-95:focus {
    --transform-scale-y: .95 !important;
  }

  .lg\:focus\:scale-y-100:focus {
    --transform-scale-y: 1 !important;
  }

  .lg\:focus\:scale-y-105:focus {
    --transform-scale-y: 1.05 !important;
  }

  .lg\:focus\:scale-y-110:focus {
    --transform-scale-y: 1.1 !important;
  }

  .lg\:focus\:scale-y-125:focus {
    --transform-scale-y: 1.25 !important;
  }

  .lg\:focus\:scale-y-150:focus {
    --transform-scale-y: 1.5 !important;
  }

  .lg\:rotate-0 {
    --transform-rotate: 0 !important;
  }

  .lg\:rotate-1 {
    --transform-rotate: 1deg !important;
  }

  .lg\:rotate-2 {
    --transform-rotate: 2deg !important;
  }

  .lg\:rotate-3 {
    --transform-rotate: 3deg !important;
  }

  .lg\:rotate-6 {
    --transform-rotate: 6deg !important;
  }

  .lg\:rotate-12 {
    --transform-rotate: 12deg !important;
  }

  .lg\:rotate-45 {
    --transform-rotate: 45deg !important;
  }

  .lg\:rotate-90 {
    --transform-rotate: 90deg !important;
  }

  .lg\:rotate-180 {
    --transform-rotate: 180deg !important;
  }

  .lg\:-rotate-180 {
    --transform-rotate: -180deg !important;
  }

  .lg\:-rotate-90 {
    --transform-rotate: -90deg !important;
  }

  .lg\:-rotate-45 {
    --transform-rotate: -45deg !important;
  }

  .lg\:-rotate-12 {
    --transform-rotate: -12deg !important;
  }

  .lg\:-rotate-6 {
    --transform-rotate: -6deg !important;
  }

  .lg\:-rotate-3 {
    --transform-rotate: -3deg !important;
  }

  .lg\:-rotate-2 {
    --transform-rotate: -2deg !important;
  }

  .lg\:-rotate-1 {
    --transform-rotate: -1deg !important;
  }

  .lg\:hover\:rotate-0:hover {
    --transform-rotate: 0 !important;
  }

  .lg\:hover\:rotate-1:hover {
    --transform-rotate: 1deg !important;
  }

  .lg\:hover\:rotate-2:hover {
    --transform-rotate: 2deg !important;
  }

  .lg\:hover\:rotate-3:hover {
    --transform-rotate: 3deg !important;
  }

  .lg\:hover\:rotate-6:hover {
    --transform-rotate: 6deg !important;
  }

  .lg\:hover\:rotate-12:hover {
    --transform-rotate: 12deg !important;
  }

  .lg\:hover\:rotate-45:hover {
    --transform-rotate: 45deg !important;
  }

  .lg\:hover\:rotate-90:hover {
    --transform-rotate: 90deg !important;
  }

  .lg\:hover\:rotate-180:hover {
    --transform-rotate: 180deg !important;
  }

  .lg\:hover\:-rotate-180:hover {
    --transform-rotate: -180deg !important;
  }

  .lg\:hover\:-rotate-90:hover {
    --transform-rotate: -90deg !important;
  }

  .lg\:hover\:-rotate-45:hover {
    --transform-rotate: -45deg !important;
  }

  .lg\:hover\:-rotate-12:hover {
    --transform-rotate: -12deg !important;
  }

  .lg\:hover\:-rotate-6:hover {
    --transform-rotate: -6deg !important;
  }

  .lg\:hover\:-rotate-3:hover {
    --transform-rotate: -3deg !important;
  }

  .lg\:hover\:-rotate-2:hover {
    --transform-rotate: -2deg !important;
  }

  .lg\:hover\:-rotate-1:hover {
    --transform-rotate: -1deg !important;
  }

  .lg\:focus\:rotate-0:focus {
    --transform-rotate: 0 !important;
  }

  .lg\:focus\:rotate-1:focus {
    --transform-rotate: 1deg !important;
  }

  .lg\:focus\:rotate-2:focus {
    --transform-rotate: 2deg !important;
  }

  .lg\:focus\:rotate-3:focus {
    --transform-rotate: 3deg !important;
  }

  .lg\:focus\:rotate-6:focus {
    --transform-rotate: 6deg !important;
  }

  .lg\:focus\:rotate-12:focus {
    --transform-rotate: 12deg !important;
  }

  .lg\:focus\:rotate-45:focus {
    --transform-rotate: 45deg !important;
  }

  .lg\:focus\:rotate-90:focus {
    --transform-rotate: 90deg !important;
  }

  .lg\:focus\:rotate-180:focus {
    --transform-rotate: 180deg !important;
  }

  .lg\:focus\:-rotate-180:focus {
    --transform-rotate: -180deg !important;
  }

  .lg\:focus\:-rotate-90:focus {
    --transform-rotate: -90deg !important;
  }

  .lg\:focus\:-rotate-45:focus {
    --transform-rotate: -45deg !important;
  }

  .lg\:focus\:-rotate-12:focus {
    --transform-rotate: -12deg !important;
  }

  .lg\:focus\:-rotate-6:focus {
    --transform-rotate: -6deg !important;
  }

  .lg\:focus\:-rotate-3:focus {
    --transform-rotate: -3deg !important;
  }

  .lg\:focus\:-rotate-2:focus {
    --transform-rotate: -2deg !important;
  }

  .lg\:focus\:-rotate-1:focus {
    --transform-rotate: -1deg !important;
  }

  .lg\:translate-x-0 {
    --transform-translate-x: 0 !important;
  }

  .lg\:translate-x-1 {
    --transform-translate-x: 8px !important;
  }

  .lg\:translate-x-2 {
    --transform-translate-x: 16px !important;
  }

  .lg\:translate-x-3 {
    --transform-translate-x: 24px !important;
  }

  .lg\:translate-x-4 {
    --transform-translate-x: 32px !important;
  }

  .lg\:translate-x-5 {
    --transform-translate-x: 40px !important;
  }

  .lg\:translate-x-6 {
    --transform-translate-x: 64px !important;
  }

  .lg\:translate-x-7 {
    --transform-translate-x: 80px !important;
  }

  .lg\:translate-x-8 {
    --transform-translate-x: 120px !important;
  }

  .lg\:translate-x-px {
    --transform-translate-x: 1px !important;
  }

  .lg\:translate-x-sm {
    --transform-translate-x: 4px !important;
  }

  .lg\:translate-x-1\.5 {
    --transform-translate-x: 12px !important;
  }

  .lg\:-translate-x-1 {
    --transform-translate-x: -8px !important;
  }

  .lg\:-translate-x-2 {
    --transform-translate-x: -16px !important;
  }

  .lg\:-translate-x-3 {
    --transform-translate-x: -24px !important;
  }

  .lg\:-translate-x-4 {
    --transform-translate-x: -32px !important;
  }

  .lg\:-translate-x-5 {
    --transform-translate-x: -40px !important;
  }

  .lg\:-translate-x-6 {
    --transform-translate-x: -64px !important;
  }

  .lg\:-translate-x-7 {
    --transform-translate-x: -80px !important;
  }

  .lg\:-translate-x-8 {
    --transform-translate-x: -120px !important;
  }

  .lg\:-translate-x-px {
    --transform-translate-x: -1px !important;
  }

  .lg\:-translate-x-sm {
    --transform-translate-x: -4px !important;
  }

  .lg\:-translate-x-1\.5 {
    --transform-translate-x: -12px !important;
  }

  .lg\:-translate-x-full {
    --transform-translate-x: -100% !important;
  }

  .lg\:-translate-x-1\/2 {
    --transform-translate-x: -50% !important;
  }

  .lg\:translate-x-1\/2 {
    --transform-translate-x: 50% !important;
  }

  .lg\:translate-x-full {
    --transform-translate-x: 100% !important;
  }

  .lg\:translate-y-0 {
    --transform-translate-y: 0 !important;
  }

  .lg\:translate-y-1 {
    --transform-translate-y: 8px !important;
  }

  .lg\:translate-y-2 {
    --transform-translate-y: 16px !important;
  }

  .lg\:translate-y-3 {
    --transform-translate-y: 24px !important;
  }

  .lg\:translate-y-4 {
    --transform-translate-y: 32px !important;
  }

  .lg\:translate-y-5 {
    --transform-translate-y: 40px !important;
  }

  .lg\:translate-y-6 {
    --transform-translate-y: 64px !important;
  }

  .lg\:translate-y-7 {
    --transform-translate-y: 80px !important;
  }

  .lg\:translate-y-8 {
    --transform-translate-y: 120px !important;
  }

  .lg\:translate-y-px {
    --transform-translate-y: 1px !important;
  }

  .lg\:translate-y-sm {
    --transform-translate-y: 4px !important;
  }

  .lg\:translate-y-1\.5 {
    --transform-translate-y: 12px !important;
  }

  .lg\:-translate-y-1 {
    --transform-translate-y: -8px !important;
  }

  .lg\:-translate-y-2 {
    --transform-translate-y: -16px !important;
  }

  .lg\:-translate-y-3 {
    --transform-translate-y: -24px !important;
  }

  .lg\:-translate-y-4 {
    --transform-translate-y: -32px !important;
  }

  .lg\:-translate-y-5 {
    --transform-translate-y: -40px !important;
  }

  .lg\:-translate-y-6 {
    --transform-translate-y: -64px !important;
  }

  .lg\:-translate-y-7 {
    --transform-translate-y: -80px !important;
  }

  .lg\:-translate-y-8 {
    --transform-translate-y: -120px !important;
  }

  .lg\:-translate-y-px {
    --transform-translate-y: -1px !important;
  }

  .lg\:-translate-y-sm {
    --transform-translate-y: -4px !important;
  }

  .lg\:-translate-y-1\.5 {
    --transform-translate-y: -12px !important;
  }

  .lg\:-translate-y-full {
    --transform-translate-y: -100% !important;
  }

  .lg\:-translate-y-1\/2 {
    --transform-translate-y: -50% !important;
  }

  .lg\:translate-y-1\/2 {
    --transform-translate-y: 50% !important;
  }

  .lg\:translate-y-full {
    --transform-translate-y: 100% !important;
  }

  .lg\:hover\:translate-x-0:hover {
    --transform-translate-x: 0 !important;
  }

  .lg\:hover\:translate-x-1:hover {
    --transform-translate-x: 8px !important;
  }

  .lg\:hover\:translate-x-2:hover {
    --transform-translate-x: 16px !important;
  }

  .lg\:hover\:translate-x-3:hover {
    --transform-translate-x: 24px !important;
  }

  .lg\:hover\:translate-x-4:hover {
    --transform-translate-x: 32px !important;
  }

  .lg\:hover\:translate-x-5:hover {
    --transform-translate-x: 40px !important;
  }

  .lg\:hover\:translate-x-6:hover {
    --transform-translate-x: 64px !important;
  }

  .lg\:hover\:translate-x-7:hover {
    --transform-translate-x: 80px !important;
  }

  .lg\:hover\:translate-x-8:hover {
    --transform-translate-x: 120px !important;
  }

  .lg\:hover\:translate-x-px:hover {
    --transform-translate-x: 1px !important;
  }

  .lg\:hover\:translate-x-sm:hover {
    --transform-translate-x: 4px !important;
  }

  .lg\:hover\:translate-x-1\.5:hover {
    --transform-translate-x: 12px !important;
  }

  .lg\:hover\:-translate-x-1:hover {
    --transform-translate-x: -8px !important;
  }

  .lg\:hover\:-translate-x-2:hover {
    --transform-translate-x: -16px !important;
  }

  .lg\:hover\:-translate-x-3:hover {
    --transform-translate-x: -24px !important;
  }

  .lg\:hover\:-translate-x-4:hover {
    --transform-translate-x: -32px !important;
  }

  .lg\:hover\:-translate-x-5:hover {
    --transform-translate-x: -40px !important;
  }

  .lg\:hover\:-translate-x-6:hover {
    --transform-translate-x: -64px !important;
  }

  .lg\:hover\:-translate-x-7:hover {
    --transform-translate-x: -80px !important;
  }

  .lg\:hover\:-translate-x-8:hover {
    --transform-translate-x: -120px !important;
  }

  .lg\:hover\:-translate-x-px:hover {
    --transform-translate-x: -1px !important;
  }

  .lg\:hover\:-translate-x-sm:hover {
    --transform-translate-x: -4px !important;
  }

  .lg\:hover\:-translate-x-1\.5:hover {
    --transform-translate-x: -12px !important;
  }

  .lg\:hover\:-translate-x-full:hover {
    --transform-translate-x: -100% !important;
  }

  .lg\:hover\:-translate-x-1\/2:hover {
    --transform-translate-x: -50% !important;
  }

  .lg\:hover\:translate-x-1\/2:hover {
    --transform-translate-x: 50% !important;
  }

  .lg\:hover\:translate-x-full:hover {
    --transform-translate-x: 100% !important;
  }

  .lg\:hover\:translate-y-0:hover {
    --transform-translate-y: 0 !important;
  }

  .lg\:hover\:translate-y-1:hover {
    --transform-translate-y: 8px !important;
  }

  .lg\:hover\:translate-y-2:hover {
    --transform-translate-y: 16px !important;
  }

  .lg\:hover\:translate-y-3:hover {
    --transform-translate-y: 24px !important;
  }

  .lg\:hover\:translate-y-4:hover {
    --transform-translate-y: 32px !important;
  }

  .lg\:hover\:translate-y-5:hover {
    --transform-translate-y: 40px !important;
  }

  .lg\:hover\:translate-y-6:hover {
    --transform-translate-y: 64px !important;
  }

  .lg\:hover\:translate-y-7:hover {
    --transform-translate-y: 80px !important;
  }

  .lg\:hover\:translate-y-8:hover {
    --transform-translate-y: 120px !important;
  }

  .lg\:hover\:translate-y-px:hover {
    --transform-translate-y: 1px !important;
  }

  .lg\:hover\:translate-y-sm:hover {
    --transform-translate-y: 4px !important;
  }

  .lg\:hover\:translate-y-1\.5:hover {
    --transform-translate-y: 12px !important;
  }

  .lg\:hover\:-translate-y-1:hover {
    --transform-translate-y: -8px !important;
  }

  .lg\:hover\:-translate-y-2:hover {
    --transform-translate-y: -16px !important;
  }

  .lg\:hover\:-translate-y-3:hover {
    --transform-translate-y: -24px !important;
  }

  .lg\:hover\:-translate-y-4:hover {
    --transform-translate-y: -32px !important;
  }

  .lg\:hover\:-translate-y-5:hover {
    --transform-translate-y: -40px !important;
  }

  .lg\:hover\:-translate-y-6:hover {
    --transform-translate-y: -64px !important;
  }

  .lg\:hover\:-translate-y-7:hover {
    --transform-translate-y: -80px !important;
  }

  .lg\:hover\:-translate-y-8:hover {
    --transform-translate-y: -120px !important;
  }

  .lg\:hover\:-translate-y-px:hover {
    --transform-translate-y: -1px !important;
  }

  .lg\:hover\:-translate-y-sm:hover {
    --transform-translate-y: -4px !important;
  }

  .lg\:hover\:-translate-y-1\.5:hover {
    --transform-translate-y: -12px !important;
  }

  .lg\:hover\:-translate-y-full:hover {
    --transform-translate-y: -100% !important;
  }

  .lg\:hover\:-translate-y-1\/2:hover {
    --transform-translate-y: -50% !important;
  }

  .lg\:hover\:translate-y-1\/2:hover {
    --transform-translate-y: 50% !important;
  }

  .lg\:hover\:translate-y-full:hover {
    --transform-translate-y: 100% !important;
  }

  .lg\:focus\:translate-x-0:focus {
    --transform-translate-x: 0 !important;
  }

  .lg\:focus\:translate-x-1:focus {
    --transform-translate-x: 8px !important;
  }

  .lg\:focus\:translate-x-2:focus {
    --transform-translate-x: 16px !important;
  }

  .lg\:focus\:translate-x-3:focus {
    --transform-translate-x: 24px !important;
  }

  .lg\:focus\:translate-x-4:focus {
    --transform-translate-x: 32px !important;
  }

  .lg\:focus\:translate-x-5:focus {
    --transform-translate-x: 40px !important;
  }

  .lg\:focus\:translate-x-6:focus {
    --transform-translate-x: 64px !important;
  }

  .lg\:focus\:translate-x-7:focus {
    --transform-translate-x: 80px !important;
  }

  .lg\:focus\:translate-x-8:focus {
    --transform-translate-x: 120px !important;
  }

  .lg\:focus\:translate-x-px:focus {
    --transform-translate-x: 1px !important;
  }

  .lg\:focus\:translate-x-sm:focus {
    --transform-translate-x: 4px !important;
  }

  .lg\:focus\:translate-x-1\.5:focus {
    --transform-translate-x: 12px !important;
  }

  .lg\:focus\:-translate-x-1:focus {
    --transform-translate-x: -8px !important;
  }

  .lg\:focus\:-translate-x-2:focus {
    --transform-translate-x: -16px !important;
  }

  .lg\:focus\:-translate-x-3:focus {
    --transform-translate-x: -24px !important;
  }

  .lg\:focus\:-translate-x-4:focus {
    --transform-translate-x: -32px !important;
  }

  .lg\:focus\:-translate-x-5:focus {
    --transform-translate-x: -40px !important;
  }

  .lg\:focus\:-translate-x-6:focus {
    --transform-translate-x: -64px !important;
  }

  .lg\:focus\:-translate-x-7:focus {
    --transform-translate-x: -80px !important;
  }

  .lg\:focus\:-translate-x-8:focus {
    --transform-translate-x: -120px !important;
  }

  .lg\:focus\:-translate-x-px:focus {
    --transform-translate-x: -1px !important;
  }

  .lg\:focus\:-translate-x-sm:focus {
    --transform-translate-x: -4px !important;
  }

  .lg\:focus\:-translate-x-1\.5:focus {
    --transform-translate-x: -12px !important;
  }

  .lg\:focus\:-translate-x-full:focus {
    --transform-translate-x: -100% !important;
  }

  .lg\:focus\:-translate-x-1\/2:focus {
    --transform-translate-x: -50% !important;
  }

  .lg\:focus\:translate-x-1\/2:focus {
    --transform-translate-x: 50% !important;
  }

  .lg\:focus\:translate-x-full:focus {
    --transform-translate-x: 100% !important;
  }

  .lg\:focus\:translate-y-0:focus {
    --transform-translate-y: 0 !important;
  }

  .lg\:focus\:translate-y-1:focus {
    --transform-translate-y: 8px !important;
  }

  .lg\:focus\:translate-y-2:focus {
    --transform-translate-y: 16px !important;
  }

  .lg\:focus\:translate-y-3:focus {
    --transform-translate-y: 24px !important;
  }

  .lg\:focus\:translate-y-4:focus {
    --transform-translate-y: 32px !important;
  }

  .lg\:focus\:translate-y-5:focus {
    --transform-translate-y: 40px !important;
  }

  .lg\:focus\:translate-y-6:focus {
    --transform-translate-y: 64px !important;
  }

  .lg\:focus\:translate-y-7:focus {
    --transform-translate-y: 80px !important;
  }

  .lg\:focus\:translate-y-8:focus {
    --transform-translate-y: 120px !important;
  }

  .lg\:focus\:translate-y-px:focus {
    --transform-translate-y: 1px !important;
  }

  .lg\:focus\:translate-y-sm:focus {
    --transform-translate-y: 4px !important;
  }

  .lg\:focus\:translate-y-1\.5:focus {
    --transform-translate-y: 12px !important;
  }

  .lg\:focus\:-translate-y-1:focus {
    --transform-translate-y: -8px !important;
  }

  .lg\:focus\:-translate-y-2:focus {
    --transform-translate-y: -16px !important;
  }

  .lg\:focus\:-translate-y-3:focus {
    --transform-translate-y: -24px !important;
  }

  .lg\:focus\:-translate-y-4:focus {
    --transform-translate-y: -32px !important;
  }

  .lg\:focus\:-translate-y-5:focus {
    --transform-translate-y: -40px !important;
  }

  .lg\:focus\:-translate-y-6:focus {
    --transform-translate-y: -64px !important;
  }

  .lg\:focus\:-translate-y-7:focus {
    --transform-translate-y: -80px !important;
  }

  .lg\:focus\:-translate-y-8:focus {
    --transform-translate-y: -120px !important;
  }

  .lg\:focus\:-translate-y-px:focus {
    --transform-translate-y: -1px !important;
  }

  .lg\:focus\:-translate-y-sm:focus {
    --transform-translate-y: -4px !important;
  }

  .lg\:focus\:-translate-y-1\.5:focus {
    --transform-translate-y: -12px !important;
  }

  .lg\:focus\:-translate-y-full:focus {
    --transform-translate-y: -100% !important;
  }

  .lg\:focus\:-translate-y-1\/2:focus {
    --transform-translate-y: -50% !important;
  }

  .lg\:focus\:translate-y-1\/2:focus {
    --transform-translate-y: 50% !important;
  }

  .lg\:focus\:translate-y-full:focus {
    --transform-translate-y: 100% !important;
  }

  .lg\:skew-x-0 {
    --transform-skew-x: 0 !important;
  }

  .lg\:skew-x-1 {
    --transform-skew-x: 1deg !important;
  }

  .lg\:skew-x-2 {
    --transform-skew-x: 2deg !important;
  }

  .lg\:skew-x-3 {
    --transform-skew-x: 3deg !important;
  }

  .lg\:skew-x-6 {
    --transform-skew-x: 6deg !important;
  }

  .lg\:skew-x-12 {
    --transform-skew-x: 12deg !important;
  }

  .lg\:-skew-x-12 {
    --transform-skew-x: -12deg !important;
  }

  .lg\:-skew-x-6 {
    --transform-skew-x: -6deg !important;
  }

  .lg\:-skew-x-3 {
    --transform-skew-x: -3deg !important;
  }

  .lg\:-skew-x-2 {
    --transform-skew-x: -2deg !important;
  }

  .lg\:-skew-x-1 {
    --transform-skew-x: -1deg !important;
  }

  .lg\:skew-y-0 {
    --transform-skew-y: 0 !important;
  }

  .lg\:skew-y-1 {
    --transform-skew-y: 1deg !important;
  }

  .lg\:skew-y-2 {
    --transform-skew-y: 2deg !important;
  }

  .lg\:skew-y-3 {
    --transform-skew-y: 3deg !important;
  }

  .lg\:skew-y-6 {
    --transform-skew-y: 6deg !important;
  }

  .lg\:skew-y-12 {
    --transform-skew-y: 12deg !important;
  }

  .lg\:-skew-y-12 {
    --transform-skew-y: -12deg !important;
  }

  .lg\:-skew-y-6 {
    --transform-skew-y: -6deg !important;
  }

  .lg\:-skew-y-3 {
    --transform-skew-y: -3deg !important;
  }

  .lg\:-skew-y-2 {
    --transform-skew-y: -2deg !important;
  }

  .lg\:-skew-y-1 {
    --transform-skew-y: -1deg !important;
  }

  .lg\:hover\:skew-x-0:hover {
    --transform-skew-x: 0 !important;
  }

  .lg\:hover\:skew-x-1:hover {
    --transform-skew-x: 1deg !important;
  }

  .lg\:hover\:skew-x-2:hover {
    --transform-skew-x: 2deg !important;
  }

  .lg\:hover\:skew-x-3:hover {
    --transform-skew-x: 3deg !important;
  }

  .lg\:hover\:skew-x-6:hover {
    --transform-skew-x: 6deg !important;
  }

  .lg\:hover\:skew-x-12:hover {
    --transform-skew-x: 12deg !important;
  }

  .lg\:hover\:-skew-x-12:hover {
    --transform-skew-x: -12deg !important;
  }

  .lg\:hover\:-skew-x-6:hover {
    --transform-skew-x: -6deg !important;
  }

  .lg\:hover\:-skew-x-3:hover {
    --transform-skew-x: -3deg !important;
  }

  .lg\:hover\:-skew-x-2:hover {
    --transform-skew-x: -2deg !important;
  }

  .lg\:hover\:-skew-x-1:hover {
    --transform-skew-x: -1deg !important;
  }

  .lg\:hover\:skew-y-0:hover {
    --transform-skew-y: 0 !important;
  }

  .lg\:hover\:skew-y-1:hover {
    --transform-skew-y: 1deg !important;
  }

  .lg\:hover\:skew-y-2:hover {
    --transform-skew-y: 2deg !important;
  }

  .lg\:hover\:skew-y-3:hover {
    --transform-skew-y: 3deg !important;
  }

  .lg\:hover\:skew-y-6:hover {
    --transform-skew-y: 6deg !important;
  }

  .lg\:hover\:skew-y-12:hover {
    --transform-skew-y: 12deg !important;
  }

  .lg\:hover\:-skew-y-12:hover {
    --transform-skew-y: -12deg !important;
  }

  .lg\:hover\:-skew-y-6:hover {
    --transform-skew-y: -6deg !important;
  }

  .lg\:hover\:-skew-y-3:hover {
    --transform-skew-y: -3deg !important;
  }

  .lg\:hover\:-skew-y-2:hover {
    --transform-skew-y: -2deg !important;
  }

  .lg\:hover\:-skew-y-1:hover {
    --transform-skew-y: -1deg !important;
  }

  .lg\:focus\:skew-x-0:focus {
    --transform-skew-x: 0 !important;
  }

  .lg\:focus\:skew-x-1:focus {
    --transform-skew-x: 1deg !important;
  }

  .lg\:focus\:skew-x-2:focus {
    --transform-skew-x: 2deg !important;
  }

  .lg\:focus\:skew-x-3:focus {
    --transform-skew-x: 3deg !important;
  }

  .lg\:focus\:skew-x-6:focus {
    --transform-skew-x: 6deg !important;
  }

  .lg\:focus\:skew-x-12:focus {
    --transform-skew-x: 12deg !important;
  }

  .lg\:focus\:-skew-x-12:focus {
    --transform-skew-x: -12deg !important;
  }

  .lg\:focus\:-skew-x-6:focus {
    --transform-skew-x: -6deg !important;
  }

  .lg\:focus\:-skew-x-3:focus {
    --transform-skew-x: -3deg !important;
  }

  .lg\:focus\:-skew-x-2:focus {
    --transform-skew-x: -2deg !important;
  }

  .lg\:focus\:-skew-x-1:focus {
    --transform-skew-x: -1deg !important;
  }

  .lg\:focus\:skew-y-0:focus {
    --transform-skew-y: 0 !important;
  }

  .lg\:focus\:skew-y-1:focus {
    --transform-skew-y: 1deg !important;
  }

  .lg\:focus\:skew-y-2:focus {
    --transform-skew-y: 2deg !important;
  }

  .lg\:focus\:skew-y-3:focus {
    --transform-skew-y: 3deg !important;
  }

  .lg\:focus\:skew-y-6:focus {
    --transform-skew-y: 6deg !important;
  }

  .lg\:focus\:skew-y-12:focus {
    --transform-skew-y: 12deg !important;
  }

  .lg\:focus\:-skew-y-12:focus {
    --transform-skew-y: -12deg !important;
  }

  .lg\:focus\:-skew-y-6:focus {
    --transform-skew-y: -6deg !important;
  }

  .lg\:focus\:-skew-y-3:focus {
    --transform-skew-y: -3deg !important;
  }

  .lg\:focus\:-skew-y-2:focus {
    --transform-skew-y: -2deg !important;
  }

  .lg\:focus\:-skew-y-1:focus {
    --transform-skew-y: -1deg !important;
  }

  .lg\:transition-none {
    transition-property: none !important;
  }

  .lg\:transition-all {
    transition-property: all !important;
  }

  .lg\:transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
  }

  .lg\:transition-colors {
    transition-property: background-color, border-color, color, fill, stroke !important;
  }

  .lg\:transition-opacity {
    transition-property: opacity !important;
  }

  .lg\:transition-shadow {
    transition-property: box-shadow !important;
  }

  .lg\:transition-transform {
    transition-property: transform !important;
  }

  .lg\:ease-linear {
    transition-timing-function: linear !important;
  }

  .lg\:ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  }

  .lg\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  }

  .lg\:ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .lg\:duration-75 {
    transition-duration: 75ms !important;
  }

  .lg\:duration-100 {
    transition-duration: 100ms !important;
  }

  .lg\:duration-150 {
    transition-duration: 150ms !important;
  }

  .lg\:duration-200 {
    transition-duration: 200ms !important;
  }

  .lg\:duration-300 {
    transition-duration: 300ms !important;
  }

  .lg\:duration-500 {
    transition-duration: 500ms !important;
  }

  .lg\:duration-700 {
    transition-duration: 700ms !important;
  }

  .lg\:duration-1000 {
    transition-duration: 1000ms !important;
  }

  .lg\:delay-75 {
    transition-delay: 75ms !important;
  }

  .lg\:delay-100 {
    transition-delay: 100ms !important;
  }

  .lg\:delay-150 {
    transition-delay: 150ms !important;
  }

  .lg\:delay-200 {
    transition-delay: 200ms !important;
  }

  .lg\:delay-300 {
    transition-delay: 300ms !important;
  }

  .lg\:delay-500 {
    transition-delay: 500ms !important;
  }

  .lg\:delay-700 {
    transition-delay: 700ms !important;
  }

  .lg\:delay-1000 {
    transition-delay: 1000ms !important;
  }

  .lg\:animate-none {
    -webkit-animation: none !important;
            animation: none !important;
  }

  .lg\:animate-spin {
    -webkit-animation: spin 1s linear infinite !important;
            animation: spin 1s linear infinite !important;
  }

  .lg\:animate-ping {
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
  }

  .lg\:animate-pulse {
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
  }

  .lg\:animate-bounce {
    -webkit-animation: bounce 1s infinite !important;
            animation: bounce 1s infinite !important;
  }
}

@media (min-width: 1200px) {
  .xl\:space-y-0 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-0 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(0px * var(--space-x-reverse)) !important;
    margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(8px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(8px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(8px * var(--space-x-reverse)) !important;
    margin-left: calc(8px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(16px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(16px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(16px * var(--space-x-reverse)) !important;
    margin-left: calc(16px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(24px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(24px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(24px * var(--space-x-reverse)) !important;
    margin-left: calc(24px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(32px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(32px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(32px * var(--space-x-reverse)) !important;
    margin-left: calc(32px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(40px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(40px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(40px * var(--space-x-reverse)) !important;
    margin-left: calc(40px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(64px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(64px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(64px * var(--space-x-reverse)) !important;
    margin-left: calc(64px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-7 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(80px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(80px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-7 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(80px * var(--space-x-reverse)) !important;
    margin-left: calc(80px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(120px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(120px * var(--space-x-reverse)) !important;
    margin-left: calc(120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(1px * var(--space-x-reverse)) !important;
    margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-sm > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(4px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(4px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-sm > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(4px * var(--space-x-reverse)) !important;
    margin-left: calc(4px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-1\.5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(12px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(12px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-1\.5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(12px * var(--space-x-reverse)) !important;
    margin-left: calc(12px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-8px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-8px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-8px * var(--space-x-reverse)) !important;
    margin-left: calc(-8px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-16px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-16px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-16px * var(--space-x-reverse)) !important;
    margin-left: calc(-16px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-24px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-24px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-24px * var(--space-x-reverse)) !important;
    margin-left: calc(-24px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-32px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-32px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-32px * var(--space-x-reverse)) !important;
    margin-left: calc(-32px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-40px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-40px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-40px * var(--space-x-reverse)) !important;
    margin-left: calc(-40px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-64px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-64px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-64px * var(--space-x-reverse)) !important;
    margin-left: calc(-64px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-7 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-80px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-80px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-7 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-80px * var(--space-x-reverse)) !important;
    margin-left: calc(-80px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-120px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-120px * var(--space-x-reverse)) !important;
    margin-left: calc(-120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-1px * var(--space-x-reverse)) !important;
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-sm > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-4px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-4px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-sm > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-4px * var(--space-x-reverse)) !important;
    margin-left: calc(-4px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-1\.5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0 !important;
    margin-top: calc(-12px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-12px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-1\.5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0 !important;
    margin-right: calc(-12px * var(--space-x-reverse)) !important;
    margin-left: calc(-12px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-reverse > :not(template) ~ :not(template) {
    --space-y-reverse: 1 !important;
  }

  .xl\:space-x-reverse > :not(template) ~ :not(template) {
    --space-x-reverse: 1 !important;
  }

  .xl\:divide-y-0 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(0px * var(--divide-y-reverse)) !important;
  }

  .xl\:divide-x-0 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(0px * var(--divide-x-reverse)) !important;
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xl\:divide-y-2 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(2px * var(--divide-y-reverse)) !important;
  }

  .xl\:divide-x-2 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(2px * var(--divide-x-reverse)) !important;
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xl\:divide-y-3 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(3px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(3px * var(--divide-y-reverse)) !important;
  }

  .xl\:divide-x-3 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(3px * var(--divide-x-reverse)) !important;
    border-left-width: calc(3px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xl\:divide-y-4 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(4px * var(--divide-y-reverse)) !important;
  }

  .xl\:divide-x-4 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(4px * var(--divide-x-reverse)) !important;
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xl\:divide-y-6 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(6px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(6px * var(--divide-y-reverse)) !important;
  }

  .xl\:divide-x-6 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(6px * var(--divide-x-reverse)) !important;
    border-left-width: calc(6px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xl\:divide-y-8 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(8px * var(--divide-y-reverse)) !important;
  }

  .xl\:divide-x-8 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(8px * var(--divide-x-reverse)) !important;
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xl\:divide-y > :not(template) ~ :not(template) {
    --divide-y-reverse: 0 !important;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(1px * var(--divide-y-reverse)) !important;
  }

  .xl\:divide-x > :not(template) ~ :not(template) {
    --divide-x-reverse: 0 !important;
    border-right-width: calc(1px * var(--divide-x-reverse)) !important;
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xl\:divide-y-reverse > :not(template) ~ :not(template) {
    --divide-y-reverse: 1 !important;
  }

  .xl\:divide-x-reverse > :not(template) ~ :not(template) {
    --divide-x-reverse: 1 !important;
  }

  .xl\:divide-transparent > :not(template) ~ :not(template) {
    border-color: transparent !important;
  }

  .xl\:divide-black > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #000000 !important;
    border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
  }

  .xl\:divide-grey-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 20%, 10%) !important;
    border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--divide-opacity)) !important;
  }

  .xl\:divide-grey > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--divide-opacity)) !important;
  }

  .xl\:divide-grey-90 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(196, 31%, 14%) !important;
    border-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--divide-opacity)) !important;
  }

  .xl\:divide-grey-80 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(198, 32%, 16%) !important;
    border-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--divide-opacity)) !important;
  }

  .xl\:divide-grey-70 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--divide-opacity)) !important;
  }

  .xl\:divide-grey-60 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 15%, 70%) !important;
    border-color: rgba(167.02499999999998, 178.5, 189.975, var(--divide-opacity)) !important;
  }

  .xl\:divide-grey-50 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 15%, 80%) !important;
    border-color: rgba(196.35, 204, 211.65, var(--divide-opacity)) !important;
  }

  .xl\:divide-grey-40 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 22%, 89%) !important;
    border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--divide-opacity)) !important;
  }

  .xl\:divide-grey-30 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 30%, 95%) !important;
    border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--divide-opacity)) !important;
  }

  .xl\:divide-grey-20 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(214, 60%, 97.5%) !important;
    border-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--divide-opacity)) !important;
  }

  .xl\:divide-grey-10 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(218, 90%, 99%) !important;
    border-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--divide-opacity)) !important;
  }

  .xl\:divide-white > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #ffffff !important;
    border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
  }

  .xl\:divide-green > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #479967 !important;
    border-color: rgba(71, 153, 103, var(--divide-opacity)) !important;
  }

  .xl\:divide-green-light > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #64BD63 !important;
    border-color: rgba(100, 189, 99, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-lighter > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(207, 86%, 70%) !important;
    border-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-light > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(210, 100%, 75%) !important;
    border-color: rgba(127.5, 191.24999999999994, 255, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-dark > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(200, 75%, 45%) !important;
    border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-darker > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(200, 75%, 40%) !important;
    border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #eaf5ff !important;
    border-color: rgba(234, 245, 255, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #abd9ff !important;
    border-color: rgba(171, 217, 255, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #82c5ff !important;
    border-color: rgba(130, 197, 255, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #43a9ff !important;
    border-color: rgba(67, 169, 255, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #2e9fff !important;
    border-color: rgba(46, 159, 255, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #298fe6 !important;
    border-color: rgba(41, 143, 230, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #257fcc !important;
    border-color: rgba(37, 127, 204, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #206fb3 !important;
    border-color: rgba(32, 111, 179, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #175080 !important;
    border-color: rgba(23, 80, 128, var(--divide-opacity)) !important;
  }

  .xl\:divide-red-dark > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(2, 57%, 53%) !important;
    border-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--divide-opacity)) !important;
  }

  .xl\:divide-red > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(2, 76%, 60%) !important;
    border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--divide-opacity)) !important;
  }

  .xl\:divide-red-light > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(2, 76%, 70%) !important;
    border-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--divide-opacity)) !important;
  }

  .xl\:divide-red-lighter > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(2, 76%, 95%) !important;
    border-color: rgba(251.94, 233.206, 232.55999999999997, var(--divide-opacity)) !important;
  }

  .xl\:divide-yellow > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #fbfab0 !important;
    border-color: rgba(251, 250, 176, var(--divide-opacity)) !important;
  }

  .xl\:divide-yellow-dark > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #d8cd1b !important;
    border-color: rgba(216, 205, 27, var(--divide-opacity)) !important;
  }

  .xl\:divide-orange > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #f5a82f !important;
    border-color: rgba(245, 168, 47, var(--divide-opacity)) !important;
  }

  .xl\:divide-pink > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #ff269e !important;
    border-color: rgba(255, 38, 158, var(--divide-opacity)) !important;
  }

  .xl\:divide-purple > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: #c471ed !important;
    border-color: rgba(196, 113, 237, var(--divide-opacity)) !important;
  }

  .xl\:divide-darken-10 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,.1) !important;
  }

  .xl\:divide-darken-20 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,.2) !important;
  }

  .xl\:divide-primary > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--divide-opacity)) !important;
  }

  .xl\:divide-solid > :not(template) ~ :not(template) {
    border-style: solid !important;
  }

  .xl\:divide-dashed > :not(template) ~ :not(template) {
    border-style: dashed !important;
  }

  .xl\:divide-dotted > :not(template) ~ :not(template) {
    border-style: dotted !important;
  }

  .xl\:divide-double > :not(template) ~ :not(template) {
    border-style: double !important;
  }

  .xl\:divide-none > :not(template) ~ :not(template) {
    border-style: none !important;
  }

  .xl\:divide-opacity-0 > :not(template) ~ :not(template) {
    --divide-opacity: 0 !important;
  }

  .xl\:divide-opacity-25 > :not(template) ~ :not(template) {
    --divide-opacity: 0.25 !important;
  }

  .xl\:divide-opacity-50 > :not(template) ~ :not(template) {
    --divide-opacity: 0.5 !important;
  }

  .xl\:divide-opacity-75 > :not(template) ~ :not(template) {
    --divide-opacity: 0.75 !important;
  }

  .xl\:divide-opacity-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1 !important;
  }

  .xl\:sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .xl\:not-sr-only {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .xl\:focus\:sr-only:focus {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .xl\:focus\:not-sr-only:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .xl\:appearance-none {
    -webkit-appearance: none !important;
       -moz-appearance: none !important;
            appearance: none !important;
  }

  .xl\:bg-fixed {
    background-attachment: fixed !important;
  }

  .xl\:bg-local {
    background-attachment: local !important;
  }

  .xl\:bg-scroll {
    background-attachment: scroll !important;
  }

  .xl\:bg-clip-border {
    background-clip: border-box !important;
  }

  .xl\:bg-clip-padding {
    background-clip: padding-box !important;
  }

  .xl\:bg-clip-content {
    background-clip: content-box !important;
  }

  .xl\:bg-clip-text {
    -webkit-background-clip: text !important;
            background-clip: text !important;
  }

  .xl\:bg-transparent {
    background-color: transparent !important;
  }

  .xl\:bg-black {
    --bg-opacity: 1 !important;
    background-color: #000000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .xl\:bg-grey-100 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 20%, 10%) !important;
    background-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--bg-opacity)) !important;
  }

  .xl\:bg-grey {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .xl\:bg-grey-90 {
    --bg-opacity: 1 !important;
    background-color: hsl(196, 31%, 14%) !important;
    background-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--bg-opacity)) !important;
  }

  .xl\:bg-grey-80 {
    --bg-opacity: 1 !important;
    background-color: hsl(198, 32%, 16%) !important;
    background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity)) !important;
  }

  .xl\:bg-grey-70 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .xl\:bg-grey-60 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 70%) !important;
    background-color: rgba(167.02499999999998, 178.5, 189.975, var(--bg-opacity)) !important;
  }

  .xl\:bg-grey-50 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 80%) !important;
    background-color: rgba(196.35, 204, 211.65, var(--bg-opacity)) !important;
  }

  .xl\:bg-grey-40 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 22%, 89%) !important;
    background-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--bg-opacity)) !important;
  }

  .xl\:bg-grey-30 {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 30%, 95%) !important;
    background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity)) !important;
  }

  .xl\:bg-grey-20 {
    --bg-opacity: 1 !important;
    background-color: hsl(214, 60%, 97.5%) !important;
    background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity)) !important;
  }

  .xl\:bg-grey-10 {
    --bg-opacity: 1 !important;
    background-color: hsl(218, 90%, 99%) !important;
    background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity)) !important;
  }

  .xl\:bg-white {
    --bg-opacity: 1 !important;
    background-color: #ffffff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .xl\:bg-green {
    --bg-opacity: 1 !important;
    background-color: #479967 !important;
    background-color: rgba(71, 153, 103, var(--bg-opacity)) !important;
  }

  .xl\:bg-green-light {
    --bg-opacity: 1 !important;
    background-color: #64BD63 !important;
    background-color: rgba(100, 189, 99, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-lighter {
    --bg-opacity: 1 !important;
    background-color: hsl(207, 86%, 70%) !important;
    background-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-light {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 100%, 75%) !important;
    background-color: rgba(127.5, 191.24999999999994, 255, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-dark {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 45%) !important;
    background-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-darker {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 40%) !important;
    background-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-100 {
    --bg-opacity: 1 !important;
    background-color: #eaf5ff !important;
    background-color: rgba(234, 245, 255, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-200 {
    --bg-opacity: 1 !important;
    background-color: #abd9ff !important;
    background-color: rgba(171, 217, 255, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-300 {
    --bg-opacity: 1 !important;
    background-color: #82c5ff !important;
    background-color: rgba(130, 197, 255, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-400 {
    --bg-opacity: 1 !important;
    background-color: #43a9ff !important;
    background-color: rgba(67, 169, 255, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-500 {
    --bg-opacity: 1 !important;
    background-color: #2e9fff !important;
    background-color: rgba(46, 159, 255, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-600 {
    --bg-opacity: 1 !important;
    background-color: #298fe6 !important;
    background-color: rgba(41, 143, 230, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-700 {
    --bg-opacity: 1 !important;
    background-color: #257fcc !important;
    background-color: rgba(37, 127, 204, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-800 {
    --bg-opacity: 1 !important;
    background-color: #206fb3 !important;
    background-color: rgba(32, 111, 179, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-900 {
    --bg-opacity: 1 !important;
    background-color: #175080 !important;
    background-color: rgba(23, 80, 128, var(--bg-opacity)) !important;
  }

  .xl\:bg-red-dark {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 57%, 53%) !important;
    background-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--bg-opacity)) !important;
  }

  .xl\:bg-red {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 60%) !important;
    background-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--bg-opacity)) !important;
  }

  .xl\:bg-red-light {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 70%) !important;
    background-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--bg-opacity)) !important;
  }

  .xl\:bg-red-lighter {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 95%) !important;
    background-color: rgba(251.94, 233.206, 232.55999999999997, var(--bg-opacity)) !important;
  }

  .xl\:bg-yellow {
    --bg-opacity: 1 !important;
    background-color: #fbfab0 !important;
    background-color: rgba(251, 250, 176, var(--bg-opacity)) !important;
  }

  .xl\:bg-yellow-dark {
    --bg-opacity: 1 !important;
    background-color: #d8cd1b !important;
    background-color: rgba(216, 205, 27, var(--bg-opacity)) !important;
  }

  .xl\:bg-orange {
    --bg-opacity: 1 !important;
    background-color: #f5a82f !important;
    background-color: rgba(245, 168, 47, var(--bg-opacity)) !important;
  }

  .xl\:bg-pink {
    --bg-opacity: 1 !important;
    background-color: #ff269e !important;
    background-color: rgba(255, 38, 158, var(--bg-opacity)) !important;
  }

  .xl\:bg-purple {
    --bg-opacity: 1 !important;
    background-color: #c471ed !important;
    background-color: rgba(196, 113, 237, var(--bg-opacity)) !important;
  }

  .xl\:bg-darken-10 {
    background-color: rgba(0,0,0,.1) !important;
  }

  .xl\:bg-darken-20 {
    background-color: rgba(0,0,0,.2) !important;
  }

  .xl\:bg-primary {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-transparent:hover {
    background-color: transparent !important;
  }

  .xl\:hover\:bg-black:hover {
    --bg-opacity: 1 !important;
    background-color: #000000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-grey-100:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 20%, 10%) !important;
    background-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-grey:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-grey-90:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(196, 31%, 14%) !important;
    background-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-grey-80:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(198, 32%, 16%) !important;
    background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-grey-70:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-grey-60:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 70%) !important;
    background-color: rgba(167.02499999999998, 178.5, 189.975, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-grey-50:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 80%) !important;
    background-color: rgba(196.35, 204, 211.65, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-grey-40:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 22%, 89%) !important;
    background-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-grey-30:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 30%, 95%) !important;
    background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-grey-20:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(214, 60%, 97.5%) !important;
    background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-grey-10:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(218, 90%, 99%) !important;
    background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-white:hover {
    --bg-opacity: 1 !important;
    background-color: #ffffff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-green:hover {
    --bg-opacity: 1 !important;
    background-color: #479967 !important;
    background-color: rgba(71, 153, 103, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-green-light:hover {
    --bg-opacity: 1 !important;
    background-color: #64BD63 !important;
    background-color: rgba(100, 189, 99, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-lighter:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(207, 86%, 70%) !important;
    background-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-light:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 100%, 75%) !important;
    background-color: rgba(127.5, 191.24999999999994, 255, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-dark:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 45%) !important;
    background-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-darker:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 40%) !important;
    background-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-100:hover {
    --bg-opacity: 1 !important;
    background-color: #eaf5ff !important;
    background-color: rgba(234, 245, 255, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-200:hover {
    --bg-opacity: 1 !important;
    background-color: #abd9ff !important;
    background-color: rgba(171, 217, 255, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-300:hover {
    --bg-opacity: 1 !important;
    background-color: #82c5ff !important;
    background-color: rgba(130, 197, 255, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-400:hover {
    --bg-opacity: 1 !important;
    background-color: #43a9ff !important;
    background-color: rgba(67, 169, 255, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-500:hover {
    --bg-opacity: 1 !important;
    background-color: #2e9fff !important;
    background-color: rgba(46, 159, 255, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-600:hover {
    --bg-opacity: 1 !important;
    background-color: #298fe6 !important;
    background-color: rgba(41, 143, 230, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-700:hover {
    --bg-opacity: 1 !important;
    background-color: #257fcc !important;
    background-color: rgba(37, 127, 204, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-800:hover {
    --bg-opacity: 1 !important;
    background-color: #206fb3 !important;
    background-color: rgba(32, 111, 179, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-900:hover {
    --bg-opacity: 1 !important;
    background-color: #175080 !important;
    background-color: rgba(23, 80, 128, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-red-dark:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 57%, 53%) !important;
    background-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-red:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 60%) !important;
    background-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-red-light:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 70%) !important;
    background-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-red-lighter:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 95%) !important;
    background-color: rgba(251.94, 233.206, 232.55999999999997, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-yellow:hover {
    --bg-opacity: 1 !important;
    background-color: #fbfab0 !important;
    background-color: rgba(251, 250, 176, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-yellow-dark:hover {
    --bg-opacity: 1 !important;
    background-color: #d8cd1b !important;
    background-color: rgba(216, 205, 27, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-orange:hover {
    --bg-opacity: 1 !important;
    background-color: #f5a82f !important;
    background-color: rgba(245, 168, 47, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-pink:hover {
    --bg-opacity: 1 !important;
    background-color: #ff269e !important;
    background-color: rgba(255, 38, 158, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-purple:hover {
    --bg-opacity: 1 !important;
    background-color: #c471ed !important;
    background-color: rgba(196, 113, 237, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-darken-10:hover {
    background-color: rgba(0,0,0,.1) !important;
  }

  .xl\:hover\:bg-darken-20:hover {
    background-color: rgba(0,0,0,.2) !important;
  }

  .xl\:hover\:bg-primary:hover {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-transparent:focus {
    background-color: transparent !important;
  }

  .xl\:focus\:bg-black:focus {
    --bg-opacity: 1 !important;
    background-color: #000000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-grey-100:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 20%, 10%) !important;
    background-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-grey:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-grey-90:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(196, 31%, 14%) !important;
    background-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-grey-80:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(198, 32%, 16%) !important;
    background-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-grey-70:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 10%, 50%) !important;
    background-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-grey-60:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 70%) !important;
    background-color: rgba(167.02499999999998, 178.5, 189.975, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-grey-50:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 15%, 80%) !important;
    background-color: rgba(196.35, 204, 211.65, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-grey-40:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 22%, 89%) !important;
    background-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-grey-30:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 30%, 95%) !important;
    background-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-grey-20:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(214, 60%, 97.5%) !important;
    background-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-grey-10:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(218, 90%, 99%) !important;
    background-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-white:focus {
    --bg-opacity: 1 !important;
    background-color: #ffffff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-green:focus {
    --bg-opacity: 1 !important;
    background-color: #479967 !important;
    background-color: rgba(71, 153, 103, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-green-light:focus {
    --bg-opacity: 1 !important;
    background-color: #64BD63 !important;
    background-color: rgba(100, 189, 99, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-lighter:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(207, 86%, 70%) !important;
    background-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-light:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(210, 100%, 75%) !important;
    background-color: rgba(127.5, 191.24999999999994, 255, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-dark:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 45%) !important;
    background-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-darker:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 75%, 40%) !important;
    background-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-100:focus {
    --bg-opacity: 1 !important;
    background-color: #eaf5ff !important;
    background-color: rgba(234, 245, 255, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-200:focus {
    --bg-opacity: 1 !important;
    background-color: #abd9ff !important;
    background-color: rgba(171, 217, 255, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-300:focus {
    --bg-opacity: 1 !important;
    background-color: #82c5ff !important;
    background-color: rgba(130, 197, 255, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-400:focus {
    --bg-opacity: 1 !important;
    background-color: #43a9ff !important;
    background-color: rgba(67, 169, 255, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-500:focus {
    --bg-opacity: 1 !important;
    background-color: #2e9fff !important;
    background-color: rgba(46, 159, 255, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-600:focus {
    --bg-opacity: 1 !important;
    background-color: #298fe6 !important;
    background-color: rgba(41, 143, 230, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-700:focus {
    --bg-opacity: 1 !important;
    background-color: #257fcc !important;
    background-color: rgba(37, 127, 204, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-800:focus {
    --bg-opacity: 1 !important;
    background-color: #206fb3 !important;
    background-color: rgba(32, 111, 179, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-900:focus {
    --bg-opacity: 1 !important;
    background-color: #175080 !important;
    background-color: rgba(23, 80, 128, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-red-dark:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 57%, 53%) !important;
    background-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-red:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 60%) !important;
    background-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-red-light:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 70%) !important;
    background-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-red-lighter:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(2, 76%, 95%) !important;
    background-color: rgba(251.94, 233.206, 232.55999999999997, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-yellow:focus {
    --bg-opacity: 1 !important;
    background-color: #fbfab0 !important;
    background-color: rgba(251, 250, 176, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-yellow-dark:focus {
    --bg-opacity: 1 !important;
    background-color: #d8cd1b !important;
    background-color: rgba(216, 205, 27, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-orange:focus {
    --bg-opacity: 1 !important;
    background-color: #f5a82f !important;
    background-color: rgba(245, 168, 47, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-pink:focus {
    --bg-opacity: 1 !important;
    background-color: #ff269e !important;
    background-color: rgba(255, 38, 158, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-purple:focus {
    --bg-opacity: 1 !important;
    background-color: #c471ed !important;
    background-color: rgba(196, 113, 237, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-darken-10:focus {
    background-color: rgba(0,0,0,.1) !important;
  }

  .xl\:focus\:bg-darken-20:focus {
    background-color: rgba(0,0,0,.2) !important;
  }

  .xl\:focus\:bg-primary:focus {
    --bg-opacity: 1 !important;
    background-color: hsl(200, 80%, 50%) !important;
    background-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--bg-opacity)) !important;
  }

  .xl\:bg-none {
    background-image: none !important;
  }

  .xl\:bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
  }

  .xl\:bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
  }

  .xl\:bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
  }

  .xl\:bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
  }

  .xl\:bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
  }

  .xl\:bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
  }

  .xl\:bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
  }

  .xl\:bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
  }

  .xl\:from-transparent {
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:from-black {
    --gradient-from-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:from-grey-100 {
    --gradient-from-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .xl\:from-grey {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .xl\:from-grey-90 {
    --gradient-from-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .xl\:from-grey-80 {
    --gradient-from-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .xl\:from-grey-70 {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .xl\:from-grey-60 {
    --gradient-from-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .xl\:from-grey-50 {
    --gradient-from-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .xl\:from-grey-40 {
    --gradient-from-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .xl\:from-grey-30 {
    --gradient-from-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .xl\:from-grey-20 {
    --gradient-from-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .xl\:from-grey-10 {
    --gradient-from-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .xl\:from-white {
    --gradient-from-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:from-green {
    --gradient-from-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .xl\:from-green-light {
    --gradient-from-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .xl\:from-blue-lighter {
    --gradient-from-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .xl\:from-blue-light {
    --gradient-from-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .xl\:from-blue {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .xl\:from-blue-dark {
    --gradient-from-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .xl\:from-blue-darker {
    --gradient-from-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .xl\:from-blue-100 {
    --gradient-from-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .xl\:from-blue-200 {
    --gradient-from-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .xl\:from-blue-300 {
    --gradient-from-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .xl\:from-blue-400 {
    --gradient-from-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .xl\:from-blue-500 {
    --gradient-from-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .xl\:from-blue-600 {
    --gradient-from-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .xl\:from-blue-700 {
    --gradient-from-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .xl\:from-blue-800 {
    --gradient-from-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .xl\:from-blue-900 {
    --gradient-from-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .xl\:from-red-dark {
    --gradient-from-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .xl\:from-red {
    --gradient-from-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .xl\:from-red-light {
    --gradient-from-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .xl\:from-red-lighter {
    --gradient-from-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .xl\:from-yellow {
    --gradient-from-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .xl\:from-yellow-dark {
    --gradient-from-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .xl\:from-orange {
    --gradient-from-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .xl\:from-pink {
    --gradient-from-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .xl\:from-purple {
    --gradient-from-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .xl\:from-darken-10 {
    --gradient-from-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:from-darken-20 {
    --gradient-from-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:from-primary {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .xl\:via-transparent {
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:via-black {
    --gradient-via-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:via-grey-100 {
    --gradient-via-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .xl\:via-grey {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .xl\:via-grey-90 {
    --gradient-via-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .xl\:via-grey-80 {
    --gradient-via-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .xl\:via-grey-70 {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .xl\:via-grey-60 {
    --gradient-via-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .xl\:via-grey-50 {
    --gradient-via-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .xl\:via-grey-40 {
    --gradient-via-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .xl\:via-grey-30 {
    --gradient-via-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .xl\:via-grey-20 {
    --gradient-via-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .xl\:via-grey-10 {
    --gradient-via-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .xl\:via-white {
    --gradient-via-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:via-green {
    --gradient-via-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .xl\:via-green-light {
    --gradient-via-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .xl\:via-blue-lighter {
    --gradient-via-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .xl\:via-blue-light {
    --gradient-via-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .xl\:via-blue {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .xl\:via-blue-dark {
    --gradient-via-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .xl\:via-blue-darker {
    --gradient-via-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .xl\:via-blue-100 {
    --gradient-via-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .xl\:via-blue-200 {
    --gradient-via-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .xl\:via-blue-300 {
    --gradient-via-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .xl\:via-blue-400 {
    --gradient-via-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .xl\:via-blue-500 {
    --gradient-via-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .xl\:via-blue-600 {
    --gradient-via-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .xl\:via-blue-700 {
    --gradient-via-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .xl\:via-blue-800 {
    --gradient-via-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .xl\:via-blue-900 {
    --gradient-via-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .xl\:via-red-dark {
    --gradient-via-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .xl\:via-red {
    --gradient-via-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .xl\:via-red-light {
    --gradient-via-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .xl\:via-red-lighter {
    --gradient-via-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .xl\:via-yellow {
    --gradient-via-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .xl\:via-yellow-dark {
    --gradient-via-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .xl\:via-orange {
    --gradient-via-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .xl\:via-pink {
    --gradient-via-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .xl\:via-purple {
    --gradient-via-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .xl\:via-darken-10 {
    --gradient-via-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:via-darken-20 {
    --gradient-via-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:via-primary {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .xl\:to-transparent {
    --gradient-to-color: transparent !important;
  }

  .xl\:to-black {
    --gradient-to-color: #000000 !important;
  }

  .xl\:to-grey-100 {
    --gradient-to-color: hsl(210, 20%, 10%) !important;
  }

  .xl\:to-grey {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .xl\:to-grey-90 {
    --gradient-to-color: hsl(196, 31%, 14%) !important;
  }

  .xl\:to-grey-80 {
    --gradient-to-color: hsl(198, 32%, 16%) !important;
  }

  .xl\:to-grey-70 {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .xl\:to-grey-60 {
    --gradient-to-color: hsl(210, 15%, 70%) !important;
  }

  .xl\:to-grey-50 {
    --gradient-to-color: hsl(210, 15%, 80%) !important;
  }

  .xl\:to-grey-40 {
    --gradient-to-color: hsl(210, 22%, 89%) !important;
  }

  .xl\:to-grey-30 {
    --gradient-to-color: hsl(210, 30%, 95%) !important;
  }

  .xl\:to-grey-20 {
    --gradient-to-color: hsl(214, 60%, 97.5%) !important;
  }

  .xl\:to-grey-10 {
    --gradient-to-color: hsl(218, 90%, 99%) !important;
  }

  .xl\:to-white {
    --gradient-to-color: #ffffff !important;
  }

  .xl\:to-green {
    --gradient-to-color: #479967 !important;
  }

  .xl\:to-green-light {
    --gradient-to-color: #64BD63 !important;
  }

  .xl\:to-blue-lighter {
    --gradient-to-color: hsl(207, 86%, 70%) !important;
  }

  .xl\:to-blue-light {
    --gradient-to-color: hsl(210, 100%, 75%) !important;
  }

  .xl\:to-blue {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .xl\:to-blue-dark {
    --gradient-to-color: hsl(200, 75%, 45%) !important;
  }

  .xl\:to-blue-darker {
    --gradient-to-color: hsl(200, 75%, 40%) !important;
  }

  .xl\:to-blue-100 {
    --gradient-to-color: #eaf5ff !important;
  }

  .xl\:to-blue-200 {
    --gradient-to-color: #abd9ff !important;
  }

  .xl\:to-blue-300 {
    --gradient-to-color: #82c5ff !important;
  }

  .xl\:to-blue-400 {
    --gradient-to-color: #43a9ff !important;
  }

  .xl\:to-blue-500 {
    --gradient-to-color: #2e9fff !important;
  }

  .xl\:to-blue-600 {
    --gradient-to-color: #298fe6 !important;
  }

  .xl\:to-blue-700 {
    --gradient-to-color: #257fcc !important;
  }

  .xl\:to-blue-800 {
    --gradient-to-color: #206fb3 !important;
  }

  .xl\:to-blue-900 {
    --gradient-to-color: #175080 !important;
  }

  .xl\:to-red-dark {
    --gradient-to-color: hsl(2, 57%, 53%) !important;
  }

  .xl\:to-red {
    --gradient-to-color: hsl(2, 76%, 60%) !important;
  }

  .xl\:to-red-light {
    --gradient-to-color: hsl(2, 76%, 70%) !important;
  }

  .xl\:to-red-lighter {
    --gradient-to-color: hsl(2, 76%, 95%) !important;
  }

  .xl\:to-yellow {
    --gradient-to-color: #fbfab0 !important;
  }

  .xl\:to-yellow-dark {
    --gradient-to-color: #d8cd1b !important;
  }

  .xl\:to-orange {
    --gradient-to-color: #f5a82f !important;
  }

  .xl\:to-pink {
    --gradient-to-color: #ff269e !important;
  }

  .xl\:to-purple {
    --gradient-to-color: #c471ed !important;
  }

  .xl\:to-darken-10 {
    --gradient-to-color: rgba(0,0,0,.1) !important;
  }

  .xl\:to-darken-20 {
    --gradient-to-color: rgba(0,0,0,.2) !important;
  }

  .xl\:to-primary {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .xl\:hover\:from-transparent:hover {
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:hover\:from-black:hover {
    --gradient-from-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:hover\:from-grey-100:hover {
    --gradient-from-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .xl\:hover\:from-grey:hover {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .xl\:hover\:from-grey-90:hover {
    --gradient-from-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .xl\:hover\:from-grey-80:hover {
    --gradient-from-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .xl\:hover\:from-grey-70:hover {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .xl\:hover\:from-grey-60:hover {
    --gradient-from-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .xl\:hover\:from-grey-50:hover {
    --gradient-from-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .xl\:hover\:from-grey-40:hover {
    --gradient-from-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .xl\:hover\:from-grey-30:hover {
    --gradient-from-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .xl\:hover\:from-grey-20:hover {
    --gradient-from-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .xl\:hover\:from-grey-10:hover {
    --gradient-from-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .xl\:hover\:from-white:hover {
    --gradient-from-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:hover\:from-green:hover {
    --gradient-from-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .xl\:hover\:from-green-light:hover {
    --gradient-from-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .xl\:hover\:from-blue-lighter:hover {
    --gradient-from-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .xl\:hover\:from-blue-light:hover {
    --gradient-from-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .xl\:hover\:from-blue:hover {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .xl\:hover\:from-blue-dark:hover {
    --gradient-from-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .xl\:hover\:from-blue-darker:hover {
    --gradient-from-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .xl\:hover\:from-blue-100:hover {
    --gradient-from-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .xl\:hover\:from-blue-200:hover {
    --gradient-from-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .xl\:hover\:from-blue-300:hover {
    --gradient-from-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .xl\:hover\:from-blue-400:hover {
    --gradient-from-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .xl\:hover\:from-blue-500:hover {
    --gradient-from-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .xl\:hover\:from-blue-600:hover {
    --gradient-from-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .xl\:hover\:from-blue-700:hover {
    --gradient-from-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .xl\:hover\:from-blue-800:hover {
    --gradient-from-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .xl\:hover\:from-blue-900:hover {
    --gradient-from-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .xl\:hover\:from-red-dark:hover {
    --gradient-from-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .xl\:hover\:from-red:hover {
    --gradient-from-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .xl\:hover\:from-red-light:hover {
    --gradient-from-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .xl\:hover\:from-red-lighter:hover {
    --gradient-from-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .xl\:hover\:from-yellow:hover {
    --gradient-from-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .xl\:hover\:from-yellow-dark:hover {
    --gradient-from-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .xl\:hover\:from-orange:hover {
    --gradient-from-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .xl\:hover\:from-pink:hover {
    --gradient-from-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .xl\:hover\:from-purple:hover {
    --gradient-from-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .xl\:hover\:from-darken-10:hover {
    --gradient-from-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:hover\:from-darken-20:hover {
    --gradient-from-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:hover\:from-primary:hover {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .xl\:hover\:via-transparent:hover {
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:hover\:via-black:hover {
    --gradient-via-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:hover\:via-grey-100:hover {
    --gradient-via-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .xl\:hover\:via-grey:hover {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .xl\:hover\:via-grey-90:hover {
    --gradient-via-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .xl\:hover\:via-grey-80:hover {
    --gradient-via-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .xl\:hover\:via-grey-70:hover {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .xl\:hover\:via-grey-60:hover {
    --gradient-via-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .xl\:hover\:via-grey-50:hover {
    --gradient-via-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .xl\:hover\:via-grey-40:hover {
    --gradient-via-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .xl\:hover\:via-grey-30:hover {
    --gradient-via-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .xl\:hover\:via-grey-20:hover {
    --gradient-via-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .xl\:hover\:via-grey-10:hover {
    --gradient-via-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .xl\:hover\:via-white:hover {
    --gradient-via-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:hover\:via-green:hover {
    --gradient-via-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .xl\:hover\:via-green-light:hover {
    --gradient-via-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .xl\:hover\:via-blue-lighter:hover {
    --gradient-via-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .xl\:hover\:via-blue-light:hover {
    --gradient-via-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .xl\:hover\:via-blue:hover {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .xl\:hover\:via-blue-dark:hover {
    --gradient-via-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .xl\:hover\:via-blue-darker:hover {
    --gradient-via-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .xl\:hover\:via-blue-100:hover {
    --gradient-via-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .xl\:hover\:via-blue-200:hover {
    --gradient-via-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .xl\:hover\:via-blue-300:hover {
    --gradient-via-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .xl\:hover\:via-blue-400:hover {
    --gradient-via-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .xl\:hover\:via-blue-500:hover {
    --gradient-via-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .xl\:hover\:via-blue-600:hover {
    --gradient-via-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .xl\:hover\:via-blue-700:hover {
    --gradient-via-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .xl\:hover\:via-blue-800:hover {
    --gradient-via-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .xl\:hover\:via-blue-900:hover {
    --gradient-via-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .xl\:hover\:via-red-dark:hover {
    --gradient-via-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .xl\:hover\:via-red:hover {
    --gradient-via-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .xl\:hover\:via-red-light:hover {
    --gradient-via-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .xl\:hover\:via-red-lighter:hover {
    --gradient-via-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .xl\:hover\:via-yellow:hover {
    --gradient-via-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .xl\:hover\:via-yellow-dark:hover {
    --gradient-via-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .xl\:hover\:via-orange:hover {
    --gradient-via-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .xl\:hover\:via-pink:hover {
    --gradient-via-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .xl\:hover\:via-purple:hover {
    --gradient-via-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .xl\:hover\:via-darken-10:hover {
    --gradient-via-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:hover\:via-darken-20:hover {
    --gradient-via-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:hover\:via-primary:hover {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .xl\:hover\:to-transparent:hover {
    --gradient-to-color: transparent !important;
  }

  .xl\:hover\:to-black:hover {
    --gradient-to-color: #000000 !important;
  }

  .xl\:hover\:to-grey-100:hover {
    --gradient-to-color: hsl(210, 20%, 10%) !important;
  }

  .xl\:hover\:to-grey:hover {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .xl\:hover\:to-grey-90:hover {
    --gradient-to-color: hsl(196, 31%, 14%) !important;
  }

  .xl\:hover\:to-grey-80:hover {
    --gradient-to-color: hsl(198, 32%, 16%) !important;
  }

  .xl\:hover\:to-grey-70:hover {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .xl\:hover\:to-grey-60:hover {
    --gradient-to-color: hsl(210, 15%, 70%) !important;
  }

  .xl\:hover\:to-grey-50:hover {
    --gradient-to-color: hsl(210, 15%, 80%) !important;
  }

  .xl\:hover\:to-grey-40:hover {
    --gradient-to-color: hsl(210, 22%, 89%) !important;
  }

  .xl\:hover\:to-grey-30:hover {
    --gradient-to-color: hsl(210, 30%, 95%) !important;
  }

  .xl\:hover\:to-grey-20:hover {
    --gradient-to-color: hsl(214, 60%, 97.5%) !important;
  }

  .xl\:hover\:to-grey-10:hover {
    --gradient-to-color: hsl(218, 90%, 99%) !important;
  }

  .xl\:hover\:to-white:hover {
    --gradient-to-color: #ffffff !important;
  }

  .xl\:hover\:to-green:hover {
    --gradient-to-color: #479967 !important;
  }

  .xl\:hover\:to-green-light:hover {
    --gradient-to-color: #64BD63 !important;
  }

  .xl\:hover\:to-blue-lighter:hover {
    --gradient-to-color: hsl(207, 86%, 70%) !important;
  }

  .xl\:hover\:to-blue-light:hover {
    --gradient-to-color: hsl(210, 100%, 75%) !important;
  }

  .xl\:hover\:to-blue:hover {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .xl\:hover\:to-blue-dark:hover {
    --gradient-to-color: hsl(200, 75%, 45%) !important;
  }

  .xl\:hover\:to-blue-darker:hover {
    --gradient-to-color: hsl(200, 75%, 40%) !important;
  }

  .xl\:hover\:to-blue-100:hover {
    --gradient-to-color: #eaf5ff !important;
  }

  .xl\:hover\:to-blue-200:hover {
    --gradient-to-color: #abd9ff !important;
  }

  .xl\:hover\:to-blue-300:hover {
    --gradient-to-color: #82c5ff !important;
  }

  .xl\:hover\:to-blue-400:hover {
    --gradient-to-color: #43a9ff !important;
  }

  .xl\:hover\:to-blue-500:hover {
    --gradient-to-color: #2e9fff !important;
  }

  .xl\:hover\:to-blue-600:hover {
    --gradient-to-color: #298fe6 !important;
  }

  .xl\:hover\:to-blue-700:hover {
    --gradient-to-color: #257fcc !important;
  }

  .xl\:hover\:to-blue-800:hover {
    --gradient-to-color: #206fb3 !important;
  }

  .xl\:hover\:to-blue-900:hover {
    --gradient-to-color: #175080 !important;
  }

  .xl\:hover\:to-red-dark:hover {
    --gradient-to-color: hsl(2, 57%, 53%) !important;
  }

  .xl\:hover\:to-red:hover {
    --gradient-to-color: hsl(2, 76%, 60%) !important;
  }

  .xl\:hover\:to-red-light:hover {
    --gradient-to-color: hsl(2, 76%, 70%) !important;
  }

  .xl\:hover\:to-red-lighter:hover {
    --gradient-to-color: hsl(2, 76%, 95%) !important;
  }

  .xl\:hover\:to-yellow:hover {
    --gradient-to-color: #fbfab0 !important;
  }

  .xl\:hover\:to-yellow-dark:hover {
    --gradient-to-color: #d8cd1b !important;
  }

  .xl\:hover\:to-orange:hover {
    --gradient-to-color: #f5a82f !important;
  }

  .xl\:hover\:to-pink:hover {
    --gradient-to-color: #ff269e !important;
  }

  .xl\:hover\:to-purple:hover {
    --gradient-to-color: #c471ed !important;
  }

  .xl\:hover\:to-darken-10:hover {
    --gradient-to-color: rgba(0,0,0,.1) !important;
  }

  .xl\:hover\:to-darken-20:hover {
    --gradient-to-color: rgba(0,0,0,.2) !important;
  }

  .xl\:hover\:to-primary:hover {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .xl\:focus\:from-transparent:focus {
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:focus\:from-black:focus {
    --gradient-from-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:focus\:from-grey-100:focus {
    --gradient-from-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .xl\:focus\:from-grey:focus {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .xl\:focus\:from-grey-90:focus {
    --gradient-from-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .xl\:focus\:from-grey-80:focus {
    --gradient-from-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .xl\:focus\:from-grey-70:focus {
    --gradient-from-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .xl\:focus\:from-grey-60:focus {
    --gradient-from-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .xl\:focus\:from-grey-50:focus {
    --gradient-from-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .xl\:focus\:from-grey-40:focus {
    --gradient-from-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .xl\:focus\:from-grey-30:focus {
    --gradient-from-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .xl\:focus\:from-grey-20:focus {
    --gradient-from-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .xl\:focus\:from-grey-10:focus {
    --gradient-from-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .xl\:focus\:from-white:focus {
    --gradient-from-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:focus\:from-green:focus {
    --gradient-from-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .xl\:focus\:from-green-light:focus {
    --gradient-from-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .xl\:focus\:from-blue-lighter:focus {
    --gradient-from-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .xl\:focus\:from-blue-light:focus {
    --gradient-from-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .xl\:focus\:from-blue:focus {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .xl\:focus\:from-blue-dark:focus {
    --gradient-from-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .xl\:focus\:from-blue-darker:focus {
    --gradient-from-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .xl\:focus\:from-blue-100:focus {
    --gradient-from-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .xl\:focus\:from-blue-200:focus {
    --gradient-from-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .xl\:focus\:from-blue-300:focus {
    --gradient-from-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .xl\:focus\:from-blue-400:focus {
    --gradient-from-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .xl\:focus\:from-blue-500:focus {
    --gradient-from-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .xl\:focus\:from-blue-600:focus {
    --gradient-from-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .xl\:focus\:from-blue-700:focus {
    --gradient-from-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .xl\:focus\:from-blue-800:focus {
    --gradient-from-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .xl\:focus\:from-blue-900:focus {
    --gradient-from-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .xl\:focus\:from-red-dark:focus {
    --gradient-from-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .xl\:focus\:from-red:focus {
    --gradient-from-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .xl\:focus\:from-red-light:focus {
    --gradient-from-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .xl\:focus\:from-red-lighter:focus {
    --gradient-from-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .xl\:focus\:from-yellow:focus {
    --gradient-from-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .xl\:focus\:from-yellow-dark:focus {
    --gradient-from-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .xl\:focus\:from-orange:focus {
    --gradient-from-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .xl\:focus\:from-pink:focus {
    --gradient-from-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .xl\:focus\:from-purple:focus {
    --gradient-from-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .xl\:focus\:from-darken-10:focus {
    --gradient-from-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:focus\:from-darken-20:focus {
    --gradient-from-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:focus\:from-primary:focus {
    --gradient-from-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .xl\:focus\:via-transparent:focus {
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:focus\:via-black:focus {
    --gradient-via-color: #000000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:focus\:via-grey-100:focus {
    --gradient-via-color: hsl(210, 20%, 10%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, 0)) !important;
  }

  .xl\:focus\:via-grey:focus {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .xl\:focus\:via-grey-90:focus {
    --gradient-via-color: hsl(196, 31%, 14%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24.633, 40.86460000000001, 46.76700000000001, 0)) !important;
  }

  .xl\:focus\:via-grey-80:focus {
    --gradient-via-color: hsl(198, 32%, 16%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, 0)) !important;
  }

  .xl\:focus\:via-grey-70:focus {
    --gradient-via-color: hsl(210, 10%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, 0)) !important;
  }

  .xl\:focus\:via-grey-60:focus {
    --gradient-via-color: hsl(210, 15%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167.02499999999998, 178.5, 189.975, 0)) !important;
  }

  .xl\:focus\:via-grey-50:focus {
    --gradient-via-color: hsl(210, 15%, 80%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196.35, 204, 211.65, 0)) !important;
  }

  .xl\:focus\:via-grey-40:focus {
    --gradient-via-color: hsl(210, 22%, 89%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, 0)) !important;
  }

  .xl\:focus\:via-grey-30:focus {
    --gradient-via-color: hsl(210, 30%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238.42499999999995, 242.25, 246.07500000000002, 0)) !important;
  }

  .xl\:focus\:via-grey-20:focus {
    --gradient-via-color: hsl(214, 60%, 97.5%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244.79999999999998, 248.11499999999998, 252.45, 0)) !important;
  }

  .xl\:focus\:via-grey-10:focus {
    --gradient-via-color: hsl(218, 90%, 99%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250.15499999999997, 251.838, 254.74500000000003, 0)) !important;
  }

  .xl\:focus\:via-white:focus {
    --gradient-via-color: #ffffff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:focus\:via-green:focus {
    --gradient-via-color: #479967 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(71, 153, 103, 0)) !important;
  }

  .xl\:focus\:via-green-light:focus {
    --gradient-via-color: #64BD63 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 189, 99, 0)) !important;
  }

  .xl\:focus\:via-blue-lighter:focus {
    --gradient-via-color: hsl(207, 86%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112.70999999999997, 185.079, 244.29000000000002, 0)) !important;
  }

  .xl\:focus\:via-blue-light:focus {
    --gradient-via-color: hsl(210, 100%, 75%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127.5, 191.24999999999994, 255, 0)) !important;
  }

  .xl\:focus\:via-blue:focus {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .xl\:focus\:via-blue-dark:focus {
    --gradient-via-color: hsl(200, 75%, 45%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28.68750000000001, 143.43749999999994, 200.8125, 0)) !important;
  }

  .xl\:focus\:via-blue-darker:focus {
    --gradient-via-color: hsl(200, 75%, 40%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, 0)) !important;
  }

  .xl\:focus\:via-blue-100:focus {
    --gradient-via-color: #eaf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 245, 255, 0)) !important;
  }

  .xl\:focus\:via-blue-200:focus {
    --gradient-via-color: #abd9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 217, 255, 0)) !important;
  }

  .xl\:focus\:via-blue-300:focus {
    --gradient-via-color: #82c5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(130, 197, 255, 0)) !important;
  }

  .xl\:focus\:via-blue-400:focus {
    --gradient-via-color: #43a9ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 169, 255, 0)) !important;
  }

  .xl\:focus\:via-blue-500:focus {
    --gradient-via-color: #2e9fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 159, 255, 0)) !important;
  }

  .xl\:focus\:via-blue-600:focus {
    --gradient-via-color: #298fe6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 143, 230, 0)) !important;
  }

  .xl\:focus\:via-blue-700:focus {
    --gradient-via-color: #257fcc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 127, 204, 0)) !important;
  }

  .xl\:focus\:via-blue-800:focus {
    --gradient-via-color: #206fb3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 111, 179, 0)) !important;
  }

  .xl\:focus\:via-blue-900:focus {
    --gradient-via-color: #175080 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 80, 128, 0)) !important;
  }

  .xl\:focus\:via-red-dark:focus {
    --gradient-via-color: hsl(2, 57%, 53%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203.46450000000002, 71.3898, 66.8355, 0)) !important;
  }

  .xl\:focus\:via-red:focus {
    --gradient-via-color: hsl(2, 76%, 60%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230.51999999999998, 80.64800000000001, 75.48, 0)) !important;
  }

  .xl\:focus\:via-red-light:focus {
    --gradient-via-color: hsl(2, 76%, 70%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, 0)) !important;
  }

  .xl\:focus\:via-red-lighter:focus {
    --gradient-via-color: hsl(2, 76%, 95%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251.94, 233.206, 232.55999999999997, 0)) !important;
  }

  .xl\:focus\:via-yellow:focus {
    --gradient-via-color: #fbfab0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 250, 176, 0)) !important;
  }

  .xl\:focus\:via-yellow-dark:focus {
    --gradient-via-color: #d8cd1b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(216, 205, 27, 0)) !important;
  }

  .xl\:focus\:via-orange:focus {
    --gradient-via-color: #f5a82f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 168, 47, 0)) !important;
  }

  .xl\:focus\:via-pink:focus {
    --gradient-via-color: #ff269e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 38, 158, 0)) !important;
  }

  .xl\:focus\:via-purple:focus {
    --gradient-via-color: #c471ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 113, 237, 0)) !important;
  }

  .xl\:focus\:via-darken-10:focus {
    --gradient-via-color: rgba(0,0,0,.1) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:focus\:via-darken-20:focus {
    --gradient-via-color: rgba(0,0,0,.2) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:focus\:via-primary:focus {
    --gradient-via-color: hsl(200, 80%, 50%) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25.499999999999993, 161.49999999999994, 229.5, 0)) !important;
  }

  .xl\:focus\:to-transparent:focus {
    --gradient-to-color: transparent !important;
  }

  .xl\:focus\:to-black:focus {
    --gradient-to-color: #000000 !important;
  }

  .xl\:focus\:to-grey-100:focus {
    --gradient-to-color: hsl(210, 20%, 10%) !important;
  }

  .xl\:focus\:to-grey:focus {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .xl\:focus\:to-grey-90:focus {
    --gradient-to-color: hsl(196, 31%, 14%) !important;
  }

  .xl\:focus\:to-grey-80:focus {
    --gradient-to-color: hsl(198, 32%, 16%) !important;
  }

  .xl\:focus\:to-grey-70:focus {
    --gradient-to-color: hsl(210, 10%, 50%) !important;
  }

  .xl\:focus\:to-grey-60:focus {
    --gradient-to-color: hsl(210, 15%, 70%) !important;
  }

  .xl\:focus\:to-grey-50:focus {
    --gradient-to-color: hsl(210, 15%, 80%) !important;
  }

  .xl\:focus\:to-grey-40:focus {
    --gradient-to-color: hsl(210, 22%, 89%) !important;
  }

  .xl\:focus\:to-grey-30:focus {
    --gradient-to-color: hsl(210, 30%, 95%) !important;
  }

  .xl\:focus\:to-grey-20:focus {
    --gradient-to-color: hsl(214, 60%, 97.5%) !important;
  }

  .xl\:focus\:to-grey-10:focus {
    --gradient-to-color: hsl(218, 90%, 99%) !important;
  }

  .xl\:focus\:to-white:focus {
    --gradient-to-color: #ffffff !important;
  }

  .xl\:focus\:to-green:focus {
    --gradient-to-color: #479967 !important;
  }

  .xl\:focus\:to-green-light:focus {
    --gradient-to-color: #64BD63 !important;
  }

  .xl\:focus\:to-blue-lighter:focus {
    --gradient-to-color: hsl(207, 86%, 70%) !important;
  }

  .xl\:focus\:to-blue-light:focus {
    --gradient-to-color: hsl(210, 100%, 75%) !important;
  }

  .xl\:focus\:to-blue:focus {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .xl\:focus\:to-blue-dark:focus {
    --gradient-to-color: hsl(200, 75%, 45%) !important;
  }

  .xl\:focus\:to-blue-darker:focus {
    --gradient-to-color: hsl(200, 75%, 40%) !important;
  }

  .xl\:focus\:to-blue-100:focus {
    --gradient-to-color: #eaf5ff !important;
  }

  .xl\:focus\:to-blue-200:focus {
    --gradient-to-color: #abd9ff !important;
  }

  .xl\:focus\:to-blue-300:focus {
    --gradient-to-color: #82c5ff !important;
  }

  .xl\:focus\:to-blue-400:focus {
    --gradient-to-color: #43a9ff !important;
  }

  .xl\:focus\:to-blue-500:focus {
    --gradient-to-color: #2e9fff !important;
  }

  .xl\:focus\:to-blue-600:focus {
    --gradient-to-color: #298fe6 !important;
  }

  .xl\:focus\:to-blue-700:focus {
    --gradient-to-color: #257fcc !important;
  }

  .xl\:focus\:to-blue-800:focus {
    --gradient-to-color: #206fb3 !important;
  }

  .xl\:focus\:to-blue-900:focus {
    --gradient-to-color: #175080 !important;
  }

  .xl\:focus\:to-red-dark:focus {
    --gradient-to-color: hsl(2, 57%, 53%) !important;
  }

  .xl\:focus\:to-red:focus {
    --gradient-to-color: hsl(2, 76%, 60%) !important;
  }

  .xl\:focus\:to-red-light:focus {
    --gradient-to-color: hsl(2, 76%, 70%) !important;
  }

  .xl\:focus\:to-red-lighter:focus {
    --gradient-to-color: hsl(2, 76%, 95%) !important;
  }

  .xl\:focus\:to-yellow:focus {
    --gradient-to-color: #fbfab0 !important;
  }

  .xl\:focus\:to-yellow-dark:focus {
    --gradient-to-color: #d8cd1b !important;
  }

  .xl\:focus\:to-orange:focus {
    --gradient-to-color: #f5a82f !important;
  }

  .xl\:focus\:to-pink:focus {
    --gradient-to-color: #ff269e !important;
  }

  .xl\:focus\:to-purple:focus {
    --gradient-to-color: #c471ed !important;
  }

  .xl\:focus\:to-darken-10:focus {
    --gradient-to-color: rgba(0,0,0,.1) !important;
  }

  .xl\:focus\:to-darken-20:focus {
    --gradient-to-color: rgba(0,0,0,.2) !important;
  }

  .xl\:focus\:to-primary:focus {
    --gradient-to-color: hsl(200, 80%, 50%) !important;
  }

  .xl\:bg-opacity-0 {
    --bg-opacity: 0 !important;
  }

  .xl\:bg-opacity-25 {
    --bg-opacity: 0.25 !important;
  }

  .xl\:bg-opacity-50 {
    --bg-opacity: 0.5 !important;
  }

  .xl\:bg-opacity-75 {
    --bg-opacity: 0.75 !important;
  }

  .xl\:bg-opacity-100 {
    --bg-opacity: 1 !important;
  }

  .xl\:hover\:bg-opacity-0:hover {
    --bg-opacity: 0 !important;
  }

  .xl\:hover\:bg-opacity-25:hover {
    --bg-opacity: 0.25 !important;
  }

  .xl\:hover\:bg-opacity-50:hover {
    --bg-opacity: 0.5 !important;
  }

  .xl\:hover\:bg-opacity-75:hover {
    --bg-opacity: 0.75 !important;
  }

  .xl\:hover\:bg-opacity-100:hover {
    --bg-opacity: 1 !important;
  }

  .xl\:focus\:bg-opacity-0:focus {
    --bg-opacity: 0 !important;
  }

  .xl\:focus\:bg-opacity-25:focus {
    --bg-opacity: 0.25 !important;
  }

  .xl\:focus\:bg-opacity-50:focus {
    --bg-opacity: 0.5 !important;
  }

  .xl\:focus\:bg-opacity-75:focus {
    --bg-opacity: 0.75 !important;
  }

  .xl\:focus\:bg-opacity-100:focus {
    --bg-opacity: 1 !important;
  }

  .xl\:bg-bottom {
    background-position: bottom !important;
  }

  .xl\:bg-center {
    background-position: center !important;
  }

  .xl\:bg-left {
    background-position: left !important;
  }

  .xl\:bg-left-bottom {
    background-position: left bottom !important;
  }

  .xl\:bg-left-top {
    background-position: left top !important;
  }

  .xl\:bg-right {
    background-position: right !important;
  }

  .xl\:bg-right-bottom {
    background-position: right bottom !important;
  }

  .xl\:bg-right-top {
    background-position: right top !important;
  }

  .xl\:bg-top {
    background-position: top !important;
  }

  .xl\:bg-repeat {
    background-repeat: repeat !important;
  }

  .xl\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }

  .xl\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }

  .xl\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }

  .xl\:bg-repeat-round {
    background-repeat: round !important;
  }

  .xl\:bg-repeat-space {
    background-repeat: space !important;
  }

  .xl\:bg-auto {
    background-size: auto !important;
  }

  .xl\:bg-cover {
    background-size: cover !important;
  }

  .xl\:bg-contain {
    background-size: contain !important;
  }

  .xl\:border-collapse {
    border-collapse: collapse !important;
  }

  .xl\:border-separate {
    border-collapse: separate !important;
  }

  .xl\:border-transparent {
    border-color: transparent !important;
  }

  .xl\:border-black {
    --border-opacity: 1 !important;
    border-color: #000000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .xl\:border-grey-100 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 20%, 10%) !important;
    border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--border-opacity)) !important;
  }

  .xl\:border-grey {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .xl\:border-grey-90 {
    --border-opacity: 1 !important;
    border-color: hsl(196, 31%, 14%) !important;
    border-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--border-opacity)) !important;
  }

  .xl\:border-grey-80 {
    --border-opacity: 1 !important;
    border-color: hsl(198, 32%, 16%) !important;
    border-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--border-opacity)) !important;
  }

  .xl\:border-grey-70 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .xl\:border-grey-60 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 70%) !important;
    border-color: rgba(167.02499999999998, 178.5, 189.975, var(--border-opacity)) !important;
  }

  .xl\:border-grey-50 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 80%) !important;
    border-color: rgba(196.35, 204, 211.65, var(--border-opacity)) !important;
  }

  .xl\:border-grey-40 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 22%, 89%) !important;
    border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--border-opacity)) !important;
  }

  .xl\:border-grey-30 {
    --border-opacity: 1 !important;
    border-color: hsl(210, 30%, 95%) !important;
    border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--border-opacity)) !important;
  }

  .xl\:border-grey-20 {
    --border-opacity: 1 !important;
    border-color: hsl(214, 60%, 97.5%) !important;
    border-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--border-opacity)) !important;
  }

  .xl\:border-grey-10 {
    --border-opacity: 1 !important;
    border-color: hsl(218, 90%, 99%) !important;
    border-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--border-opacity)) !important;
  }

  .xl\:border-white {
    --border-opacity: 1 !important;
    border-color: #ffffff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .xl\:border-green {
    --border-opacity: 1 !important;
    border-color: #479967 !important;
    border-color: rgba(71, 153, 103, var(--border-opacity)) !important;
  }

  .xl\:border-green-light {
    --border-opacity: 1 !important;
    border-color: #64BD63 !important;
    border-color: rgba(100, 189, 99, var(--border-opacity)) !important;
  }

  .xl\:border-blue-lighter {
    --border-opacity: 1 !important;
    border-color: hsl(207, 86%, 70%) !important;
    border-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--border-opacity)) !important;
  }

  .xl\:border-blue-light {
    --border-opacity: 1 !important;
    border-color: hsl(210, 100%, 75%) !important;
    border-color: rgba(127.5, 191.24999999999994, 255, var(--border-opacity)) !important;
  }

  .xl\:border-blue {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .xl\:border-blue-dark {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 45%) !important;
    border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--border-opacity)) !important;
  }

  .xl\:border-blue-darker {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 40%) !important;
    border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--border-opacity)) !important;
  }

  .xl\:border-blue-100 {
    --border-opacity: 1 !important;
    border-color: #eaf5ff !important;
    border-color: rgba(234, 245, 255, var(--border-opacity)) !important;
  }

  .xl\:border-blue-200 {
    --border-opacity: 1 !important;
    border-color: #abd9ff !important;
    border-color: rgba(171, 217, 255, var(--border-opacity)) !important;
  }

  .xl\:border-blue-300 {
    --border-opacity: 1 !important;
    border-color: #82c5ff !important;
    border-color: rgba(130, 197, 255, var(--border-opacity)) !important;
  }

  .xl\:border-blue-400 {
    --border-opacity: 1 !important;
    border-color: #43a9ff !important;
    border-color: rgba(67, 169, 255, var(--border-opacity)) !important;
  }

  .xl\:border-blue-500 {
    --border-opacity: 1 !important;
    border-color: #2e9fff !important;
    border-color: rgba(46, 159, 255, var(--border-opacity)) !important;
  }

  .xl\:border-blue-600 {
    --border-opacity: 1 !important;
    border-color: #298fe6 !important;
    border-color: rgba(41, 143, 230, var(--border-opacity)) !important;
  }

  .xl\:border-blue-700 {
    --border-opacity: 1 !important;
    border-color: #257fcc !important;
    border-color: rgba(37, 127, 204, var(--border-opacity)) !important;
  }

  .xl\:border-blue-800 {
    --border-opacity: 1 !important;
    border-color: #206fb3 !important;
    border-color: rgba(32, 111, 179, var(--border-opacity)) !important;
  }

  .xl\:border-blue-900 {
    --border-opacity: 1 !important;
    border-color: #175080 !important;
    border-color: rgba(23, 80, 128, var(--border-opacity)) !important;
  }

  .xl\:border-red-dark {
    --border-opacity: 1 !important;
    border-color: hsl(2, 57%, 53%) !important;
    border-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--border-opacity)) !important;
  }

  .xl\:border-red {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 60%) !important;
    border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--border-opacity)) !important;
  }

  .xl\:border-red-light {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 70%) !important;
    border-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--border-opacity)) !important;
  }

  .xl\:border-red-lighter {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 95%) !important;
    border-color: rgba(251.94, 233.206, 232.55999999999997, var(--border-opacity)) !important;
  }

  .xl\:border-yellow {
    --border-opacity: 1 !important;
    border-color: #fbfab0 !important;
    border-color: rgba(251, 250, 176, var(--border-opacity)) !important;
  }

  .xl\:border-yellow-dark {
    --border-opacity: 1 !important;
    border-color: #d8cd1b !important;
    border-color: rgba(216, 205, 27, var(--border-opacity)) !important;
  }

  .xl\:border-orange {
    --border-opacity: 1 !important;
    border-color: #f5a82f !important;
    border-color: rgba(245, 168, 47, var(--border-opacity)) !important;
  }

  .xl\:border-pink {
    --border-opacity: 1 !important;
    border-color: #ff269e !important;
    border-color: rgba(255, 38, 158, var(--border-opacity)) !important;
  }

  .xl\:border-purple {
    --border-opacity: 1 !important;
    border-color: #c471ed !important;
    border-color: rgba(196, 113, 237, var(--border-opacity)) !important;
  }

  .xl\:border-darken-10 {
    border-color: rgba(0,0,0,.1) !important;
  }

  .xl\:border-darken-20 {
    border-color: rgba(0,0,0,.2) !important;
  }

  .xl\:border-primary {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-transparent:hover {
    border-color: transparent !important;
  }

  .xl\:hover\:border-black:hover {
    --border-opacity: 1 !important;
    border-color: #000000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-grey-100:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 20%, 10%) !important;
    border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-grey:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-grey-90:hover {
    --border-opacity: 1 !important;
    border-color: hsl(196, 31%, 14%) !important;
    border-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-grey-80:hover {
    --border-opacity: 1 !important;
    border-color: hsl(198, 32%, 16%) !important;
    border-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-grey-70:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-grey-60:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 70%) !important;
    border-color: rgba(167.02499999999998, 178.5, 189.975, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-grey-50:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 80%) !important;
    border-color: rgba(196.35, 204, 211.65, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-grey-40:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 22%, 89%) !important;
    border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-grey-30:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 30%, 95%) !important;
    border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-grey-20:hover {
    --border-opacity: 1 !important;
    border-color: hsl(214, 60%, 97.5%) !important;
    border-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-grey-10:hover {
    --border-opacity: 1 !important;
    border-color: hsl(218, 90%, 99%) !important;
    border-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-white:hover {
    --border-opacity: 1 !important;
    border-color: #ffffff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-green:hover {
    --border-opacity: 1 !important;
    border-color: #479967 !important;
    border-color: rgba(71, 153, 103, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-green-light:hover {
    --border-opacity: 1 !important;
    border-color: #64BD63 !important;
    border-color: rgba(100, 189, 99, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-lighter:hover {
    --border-opacity: 1 !important;
    border-color: hsl(207, 86%, 70%) !important;
    border-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-light:hover {
    --border-opacity: 1 !important;
    border-color: hsl(210, 100%, 75%) !important;
    border-color: rgba(127.5, 191.24999999999994, 255, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue:hover {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-dark:hover {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 45%) !important;
    border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-darker:hover {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 40%) !important;
    border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-100:hover {
    --border-opacity: 1 !important;
    border-color: #eaf5ff !important;
    border-color: rgba(234, 245, 255, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-200:hover {
    --border-opacity: 1 !important;
    border-color: #abd9ff !important;
    border-color: rgba(171, 217, 255, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-300:hover {
    --border-opacity: 1 !important;
    border-color: #82c5ff !important;
    border-color: rgba(130, 197, 255, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-400:hover {
    --border-opacity: 1 !important;
    border-color: #43a9ff !important;
    border-color: rgba(67, 169, 255, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-500:hover {
    --border-opacity: 1 !important;
    border-color: #2e9fff !important;
    border-color: rgba(46, 159, 255, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-600:hover {
    --border-opacity: 1 !important;
    border-color: #298fe6 !important;
    border-color: rgba(41, 143, 230, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-700:hover {
    --border-opacity: 1 !important;
    border-color: #257fcc !important;
    border-color: rgba(37, 127, 204, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-800:hover {
    --border-opacity: 1 !important;
    border-color: #206fb3 !important;
    border-color: rgba(32, 111, 179, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-900:hover {
    --border-opacity: 1 !important;
    border-color: #175080 !important;
    border-color: rgba(23, 80, 128, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-red-dark:hover {
    --border-opacity: 1 !important;
    border-color: hsl(2, 57%, 53%) !important;
    border-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-red:hover {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 60%) !important;
    border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-red-light:hover {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 70%) !important;
    border-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-red-lighter:hover {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 95%) !important;
    border-color: rgba(251.94, 233.206, 232.55999999999997, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-yellow:hover {
    --border-opacity: 1 !important;
    border-color: #fbfab0 !important;
    border-color: rgba(251, 250, 176, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-yellow-dark:hover {
    --border-opacity: 1 !important;
    border-color: #d8cd1b !important;
    border-color: rgba(216, 205, 27, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-orange:hover {
    --border-opacity: 1 !important;
    border-color: #f5a82f !important;
    border-color: rgba(245, 168, 47, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-pink:hover {
    --border-opacity: 1 !important;
    border-color: #ff269e !important;
    border-color: rgba(255, 38, 158, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-purple:hover {
    --border-opacity: 1 !important;
    border-color: #c471ed !important;
    border-color: rgba(196, 113, 237, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-darken-10:hover {
    border-color: rgba(0,0,0,.1) !important;
  }

  .xl\:hover\:border-darken-20:hover {
    border-color: rgba(0,0,0,.2) !important;
  }

  .xl\:hover\:border-primary:hover {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-transparent:focus {
    border-color: transparent !important;
  }

  .xl\:focus\:border-black:focus {
    --border-opacity: 1 !important;
    border-color: #000000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-grey-100:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 20%, 10%) !important;
    border-color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-grey:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-grey-90:focus {
    --border-opacity: 1 !important;
    border-color: hsl(196, 31%, 14%) !important;
    border-color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-grey-80:focus {
    --border-opacity: 1 !important;
    border-color: hsl(198, 32%, 16%) !important;
    border-color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-grey-70:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 10%, 50%) !important;
    border-color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-grey-60:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 70%) !important;
    border-color: rgba(167.02499999999998, 178.5, 189.975, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-grey-50:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 15%, 80%) !important;
    border-color: rgba(196.35, 204, 211.65, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-grey-40:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 22%, 89%) !important;
    border-color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-grey-30:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 30%, 95%) !important;
    border-color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-grey-20:focus {
    --border-opacity: 1 !important;
    border-color: hsl(214, 60%, 97.5%) !important;
    border-color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-grey-10:focus {
    --border-opacity: 1 !important;
    border-color: hsl(218, 90%, 99%) !important;
    border-color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-white:focus {
    --border-opacity: 1 !important;
    border-color: #ffffff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-green:focus {
    --border-opacity: 1 !important;
    border-color: #479967 !important;
    border-color: rgba(71, 153, 103, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-green-light:focus {
    --border-opacity: 1 !important;
    border-color: #64BD63 !important;
    border-color: rgba(100, 189, 99, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-lighter:focus {
    --border-opacity: 1 !important;
    border-color: hsl(207, 86%, 70%) !important;
    border-color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-light:focus {
    --border-opacity: 1 !important;
    border-color: hsl(210, 100%, 75%) !important;
    border-color: rgba(127.5, 191.24999999999994, 255, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue:focus {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-dark:focus {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 45%) !important;
    border-color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-darker:focus {
    --border-opacity: 1 !important;
    border-color: hsl(200, 75%, 40%) !important;
    border-color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-100:focus {
    --border-opacity: 1 !important;
    border-color: #eaf5ff !important;
    border-color: rgba(234, 245, 255, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-200:focus {
    --border-opacity: 1 !important;
    border-color: #abd9ff !important;
    border-color: rgba(171, 217, 255, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-300:focus {
    --border-opacity: 1 !important;
    border-color: #82c5ff !important;
    border-color: rgba(130, 197, 255, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-400:focus {
    --border-opacity: 1 !important;
    border-color: #43a9ff !important;
    border-color: rgba(67, 169, 255, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-500:focus {
    --border-opacity: 1 !important;
    border-color: #2e9fff !important;
    border-color: rgba(46, 159, 255, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-600:focus {
    --border-opacity: 1 !important;
    border-color: #298fe6 !important;
    border-color: rgba(41, 143, 230, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-700:focus {
    --border-opacity: 1 !important;
    border-color: #257fcc !important;
    border-color: rgba(37, 127, 204, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-800:focus {
    --border-opacity: 1 !important;
    border-color: #206fb3 !important;
    border-color: rgba(32, 111, 179, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-900:focus {
    --border-opacity: 1 !important;
    border-color: #175080 !important;
    border-color: rgba(23, 80, 128, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-red-dark:focus {
    --border-opacity: 1 !important;
    border-color: hsl(2, 57%, 53%) !important;
    border-color: rgba(203.46450000000002, 71.3898, 66.8355, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-red:focus {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 60%) !important;
    border-color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-red-light:focus {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 70%) !important;
    border-color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-red-lighter:focus {
    --border-opacity: 1 !important;
    border-color: hsl(2, 76%, 95%) !important;
    border-color: rgba(251.94, 233.206, 232.55999999999997, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-yellow:focus {
    --border-opacity: 1 !important;
    border-color: #fbfab0 !important;
    border-color: rgba(251, 250, 176, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-yellow-dark:focus {
    --border-opacity: 1 !important;
    border-color: #d8cd1b !important;
    border-color: rgba(216, 205, 27, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-orange:focus {
    --border-opacity: 1 !important;
    border-color: #f5a82f !important;
    border-color: rgba(245, 168, 47, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-pink:focus {
    --border-opacity: 1 !important;
    border-color: #ff269e !important;
    border-color: rgba(255, 38, 158, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-purple:focus {
    --border-opacity: 1 !important;
    border-color: #c471ed !important;
    border-color: rgba(196, 113, 237, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-darken-10:focus {
    border-color: rgba(0,0,0,.1) !important;
  }

  .xl\:focus\:border-darken-20:focus {
    border-color: rgba(0,0,0,.2) !important;
  }

  .xl\:focus\:border-primary:focus {
    --border-opacity: 1 !important;
    border-color: hsl(200, 80%, 50%) !important;
    border-color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--border-opacity)) !important;
  }

  .xl\:border-opacity-0 {
    --border-opacity: 0 !important;
  }

  .xl\:border-opacity-25 {
    --border-opacity: 0.25 !important;
  }

  .xl\:border-opacity-50 {
    --border-opacity: 0.5 !important;
  }

  .xl\:border-opacity-75 {
    --border-opacity: 0.75 !important;
  }

  .xl\:border-opacity-100 {
    --border-opacity: 1 !important;
  }

  .xl\:hover\:border-opacity-0:hover {
    --border-opacity: 0 !important;
  }

  .xl\:hover\:border-opacity-25:hover {
    --border-opacity: 0.25 !important;
  }

  .xl\:hover\:border-opacity-50:hover {
    --border-opacity: 0.5 !important;
  }

  .xl\:hover\:border-opacity-75:hover {
    --border-opacity: 0.75 !important;
  }

  .xl\:hover\:border-opacity-100:hover {
    --border-opacity: 1 !important;
  }

  .xl\:focus\:border-opacity-0:focus {
    --border-opacity: 0 !important;
  }

  .xl\:focus\:border-opacity-25:focus {
    --border-opacity: 0.25 !important;
  }

  .xl\:focus\:border-opacity-50:focus {
    --border-opacity: 0.5 !important;
  }

  .xl\:focus\:border-opacity-75:focus {
    --border-opacity: 0.75 !important;
  }

  .xl\:focus\:border-opacity-100:focus {
    --border-opacity: 1 !important;
  }

  .xl\:rounded {
    border-radius: 3px !important;
  }

  .xl\:rounded-sm {
    border-radius: 2px !important;
  }

  .xl\:rounded-md {
    border-radius: 4px !important;
  }

  .xl\:rounded-lg {
    border-radius: 8px !important;
  }

  .xl\:rounded-full {
    border-radius: 9999px !important;
  }

  .xl\:rounded-none {
    border-radius: 0 !important;
  }

  .xl\:rounded-t {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
  }

  .xl\:rounded-r {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }

  .xl\:rounded-b {
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
  }

  .xl\:rounded-l {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
  }

  .xl\:rounded-t-sm {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
  }

  .xl\:rounded-r-sm {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
  }

  .xl\:rounded-b-sm {
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
  }

  .xl\:rounded-l-sm {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
  }

  .xl\:rounded-t-md {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
  }

  .xl\:rounded-r-md {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }

  .xl\:rounded-b-md {
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }

  .xl\:rounded-l-md {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }

  .xl\:rounded-t-lg {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }

  .xl\:rounded-r-lg {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }

  .xl\:rounded-b-lg {
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }

  .xl\:rounded-l-lg {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }

  .xl\:rounded-t-full {
    border-top-left-radius: 9999px !important;
    border-top-right-radius: 9999px !important;
  }

  .xl\:rounded-r-full {
    border-top-right-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important;
  }

  .xl\:rounded-b-full {
    border-bottom-right-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .xl\:rounded-l-full {
    border-top-left-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .xl\:rounded-t-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .xl\:rounded-r-none {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .xl\:rounded-b-none {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .xl\:rounded-l-none {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .xl\:rounded-tl {
    border-top-left-radius: 3px !important;
  }

  .xl\:rounded-tr {
    border-top-right-radius: 3px !important;
  }

  .xl\:rounded-br {
    border-bottom-right-radius: 3px !important;
  }

  .xl\:rounded-bl {
    border-bottom-left-radius: 3px !important;
  }

  .xl\:rounded-tl-sm {
    border-top-left-radius: 2px !important;
  }

  .xl\:rounded-tr-sm {
    border-top-right-radius: 2px !important;
  }

  .xl\:rounded-br-sm {
    border-bottom-right-radius: 2px !important;
  }

  .xl\:rounded-bl-sm {
    border-bottom-left-radius: 2px !important;
  }

  .xl\:rounded-tl-md {
    border-top-left-radius: 4px !important;
  }

  .xl\:rounded-tr-md {
    border-top-right-radius: 4px !important;
  }

  .xl\:rounded-br-md {
    border-bottom-right-radius: 4px !important;
  }

  .xl\:rounded-bl-md {
    border-bottom-left-radius: 4px !important;
  }

  .xl\:rounded-tl-lg {
    border-top-left-radius: 8px !important;
  }

  .xl\:rounded-tr-lg {
    border-top-right-radius: 8px !important;
  }

  .xl\:rounded-br-lg {
    border-bottom-right-radius: 8px !important;
  }

  .xl\:rounded-bl-lg {
    border-bottom-left-radius: 8px !important;
  }

  .xl\:rounded-tl-full {
    border-top-left-radius: 9999px !important;
  }

  .xl\:rounded-tr-full {
    border-top-right-radius: 9999px !important;
  }

  .xl\:rounded-br-full {
    border-bottom-right-radius: 9999px !important;
  }

  .xl\:rounded-bl-full {
    border-bottom-left-radius: 9999px !important;
  }

  .xl\:rounded-tl-none {
    border-top-left-radius: 0 !important;
  }

  .xl\:rounded-tr-none {
    border-top-right-radius: 0 !important;
  }

  .xl\:rounded-br-none {
    border-bottom-right-radius: 0 !important;
  }

  .xl\:rounded-bl-none {
    border-bottom-left-radius: 0 !important;
  }

  .xl\:border-solid {
    border-style: solid !important;
  }

  .xl\:border-dashed {
    border-style: dashed !important;
  }

  .xl\:border-dotted {
    border-style: dotted !important;
  }

  .xl\:border-double {
    border-style: double !important;
  }

  .xl\:border-none {
    border-style: none !important;
  }

  .xl\:border-0 {
    border-width: 0 !important;
  }

  .xl\:border-2 {
    border-width: 2px !important;
  }

  .xl\:border-3 {
    border-width: 3px !important;
  }

  .xl\:border-4 {
    border-width: 4px !important;
  }

  .xl\:border-6 {
    border-width: 6px !important;
  }

  .xl\:border-8 {
    border-width: 8px !important;
  }

  .xl\:border {
    border-width: 1px !important;
  }

  .xl\:border-t-0 {
    border-top-width: 0 !important;
  }

  .xl\:border-r-0 {
    border-right-width: 0 !important;
  }

  .xl\:border-b-0 {
    border-bottom-width: 0 !important;
  }

  .xl\:border-l-0 {
    border-left-width: 0 !important;
  }

  .xl\:border-t-2 {
    border-top-width: 2px !important;
  }

  .xl\:border-r-2 {
    border-right-width: 2px !important;
  }

  .xl\:border-b-2 {
    border-bottom-width: 2px !important;
  }

  .xl\:border-l-2 {
    border-left-width: 2px !important;
  }

  .xl\:border-t-3 {
    border-top-width: 3px !important;
  }

  .xl\:border-r-3 {
    border-right-width: 3px !important;
  }

  .xl\:border-b-3 {
    border-bottom-width: 3px !important;
  }

  .xl\:border-l-3 {
    border-left-width: 3px !important;
  }

  .xl\:border-t-4 {
    border-top-width: 4px !important;
  }

  .xl\:border-r-4 {
    border-right-width: 4px !important;
  }

  .xl\:border-b-4 {
    border-bottom-width: 4px !important;
  }

  .xl\:border-l-4 {
    border-left-width: 4px !important;
  }

  .xl\:border-t-6 {
    border-top-width: 6px !important;
  }

  .xl\:border-r-6 {
    border-right-width: 6px !important;
  }

  .xl\:border-b-6 {
    border-bottom-width: 6px !important;
  }

  .xl\:border-l-6 {
    border-left-width: 6px !important;
  }

  .xl\:border-t-8 {
    border-top-width: 8px !important;
  }

  .xl\:border-r-8 {
    border-right-width: 8px !important;
  }

  .xl\:border-b-8 {
    border-bottom-width: 8px !important;
  }

  .xl\:border-l-8 {
    border-left-width: 8px !important;
  }

  .xl\:border-t {
    border-top-width: 1px !important;
  }

  .xl\:border-r {
    border-right-width: 1px !important;
  }

  .xl\:border-b {
    border-bottom-width: 1px !important;
  }

  .xl\:border-l {
    border-left-width: 1px !important;
  }

  .xl\:hover\:border-0:hover {
    border-width: 0 !important;
  }

  .xl\:hover\:border-2:hover {
    border-width: 2px !important;
  }

  .xl\:hover\:border-3:hover {
    border-width: 3px !important;
  }

  .xl\:hover\:border-4:hover {
    border-width: 4px !important;
  }

  .xl\:hover\:border-6:hover {
    border-width: 6px !important;
  }

  .xl\:hover\:border-8:hover {
    border-width: 8px !important;
  }

  .xl\:hover\:border:hover {
    border-width: 1px !important;
  }

  .xl\:hover\:border-t-0:hover {
    border-top-width: 0 !important;
  }

  .xl\:hover\:border-r-0:hover {
    border-right-width: 0 !important;
  }

  .xl\:hover\:border-b-0:hover {
    border-bottom-width: 0 !important;
  }

  .xl\:hover\:border-l-0:hover {
    border-left-width: 0 !important;
  }

  .xl\:hover\:border-t-2:hover {
    border-top-width: 2px !important;
  }

  .xl\:hover\:border-r-2:hover {
    border-right-width: 2px !important;
  }

  .xl\:hover\:border-b-2:hover {
    border-bottom-width: 2px !important;
  }

  .xl\:hover\:border-l-2:hover {
    border-left-width: 2px !important;
  }

  .xl\:hover\:border-t-3:hover {
    border-top-width: 3px !important;
  }

  .xl\:hover\:border-r-3:hover {
    border-right-width: 3px !important;
  }

  .xl\:hover\:border-b-3:hover {
    border-bottom-width: 3px !important;
  }

  .xl\:hover\:border-l-3:hover {
    border-left-width: 3px !important;
  }

  .xl\:hover\:border-t-4:hover {
    border-top-width: 4px !important;
  }

  .xl\:hover\:border-r-4:hover {
    border-right-width: 4px !important;
  }

  .xl\:hover\:border-b-4:hover {
    border-bottom-width: 4px !important;
  }

  .xl\:hover\:border-l-4:hover {
    border-left-width: 4px !important;
  }

  .xl\:hover\:border-t-6:hover {
    border-top-width: 6px !important;
  }

  .xl\:hover\:border-r-6:hover {
    border-right-width: 6px !important;
  }

  .xl\:hover\:border-b-6:hover {
    border-bottom-width: 6px !important;
  }

  .xl\:hover\:border-l-6:hover {
    border-left-width: 6px !important;
  }

  .xl\:hover\:border-t-8:hover {
    border-top-width: 8px !important;
  }

  .xl\:hover\:border-r-8:hover {
    border-right-width: 8px !important;
  }

  .xl\:hover\:border-b-8:hover {
    border-bottom-width: 8px !important;
  }

  .xl\:hover\:border-l-8:hover {
    border-left-width: 8px !important;
  }

  .xl\:hover\:border-t:hover {
    border-top-width: 1px !important;
  }

  .xl\:hover\:border-r:hover {
    border-right-width: 1px !important;
  }

  .xl\:hover\:border-b:hover {
    border-bottom-width: 1px !important;
  }

  .xl\:hover\:border-l:hover {
    border-left-width: 1px !important;
  }

  .xl\:box-border {
    box-sizing: border-box !important;
  }

  .xl\:box-content {
    box-sizing: content-box !important;
  }

  .xl\:cursor-auto {
    cursor: auto !important;
  }

  .xl\:cursor-default {
    cursor: default !important;
  }

  .xl\:cursor-pointer {
    cursor: pointer !important;
  }

  .xl\:cursor-wait {
    cursor: wait !important;
  }

  .xl\:cursor-text {
    cursor: text !important;
  }

  .xl\:cursor-move {
    cursor: move !important;
  }

  .xl\:cursor-not-allowed {
    cursor: not-allowed !important;
  }

  .xl\:block {
    display: block !important;
  }

  .xl\:inline-block {
    display: inline-block !important;
  }

  .xl\:inline {
    display: inline !important;
  }

  .xl\:flex {
    display: flex !important;
  }

  .xl\:inline-flex {
    display: inline-flex !important;
  }

  .xl\:table {
    display: table !important;
  }

  .xl\:table-caption {
    display: table-caption !important;
  }

  .xl\:table-cell {
    display: table-cell !important;
  }

  .xl\:table-column {
    display: table-column !important;
  }

  .xl\:table-column-group {
    display: table-column-group !important;
  }

  .xl\:table-footer-group {
    display: table-footer-group !important;
  }

  .xl\:table-header-group {
    display: table-header-group !important;
  }

  .xl\:table-row-group {
    display: table-row-group !important;
  }

  .xl\:table-row {
    display: table-row !important;
  }

  .xl\:flow-root {
    display: flow-root !important;
  }

  .xl\:grid {
    display: grid !important;
  }

  .xl\:inline-grid {
    display: inline-grid !important;
  }

  .xl\:contents {
    display: contents !important;
  }

  .xl\:hidden {
    display: none !important;
  }

  .xl\:flex-row {
    flex-direction: row !important;
  }

  .xl\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }

  .xl\:flex-col {
    flex-direction: column !important;
  }

  .xl\:flex-col-reverse {
    flex-direction: column-reverse !important;
  }

  .xl\:flex-wrap {
    flex-wrap: wrap !important;
  }

  .xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .xl\:flex-no-wrap {
    flex-wrap: nowrap !important;
  }

  .xl\:place-items-auto {
    place-items: auto !important;
  }

  .xl\:place-items-start {
    place-items: start !important;
  }

  .xl\:place-items-end {
    place-items: end !important;
  }

  .xl\:place-items-center {
    place-items: center !important;
  }

  .xl\:place-items-stretch {
    place-items: stretch !important;
  }

  .xl\:place-content-center {
    place-content: center !important;
  }

  .xl\:place-content-start {
    place-content: start !important;
  }

  .xl\:place-content-end {
    place-content: end !important;
  }

  .xl\:place-content-between {
    place-content: space-between !important;
  }

  .xl\:place-content-around {
    place-content: space-around !important;
  }

  .xl\:place-content-evenly {
    place-content: space-evenly !important;
  }

  .xl\:place-content-stretch {
    place-content: stretch !important;
  }

  .xl\:place-self-auto {
    place-self: auto !important;
  }

  .xl\:place-self-start {
    place-self: start !important;
  }

  .xl\:place-self-end {
    place-self: end !important;
  }

  .xl\:place-self-center {
    place-self: center !important;
  }

  .xl\:place-self-stretch {
    place-self: stretch !important;
  }

  .xl\:items-start {
    align-items: flex-start !important;
  }

  .xl\:items-end {
    align-items: flex-end !important;
  }

  .xl\:items-center {
    align-items: center !important;
  }

  .xl\:items-baseline {
    align-items: baseline !important;
  }

  .xl\:items-stretch {
    align-items: stretch !important;
  }

  .xl\:content-center {
    align-content: center !important;
  }

  .xl\:content-start {
    align-content: flex-start !important;
  }

  .xl\:content-end {
    align-content: flex-end !important;
  }

  .xl\:content-between {
    align-content: space-between !important;
  }

  .xl\:content-around {
    align-content: space-around !important;
  }

  .xl\:content-evenly {
    align-content: space-evenly !important;
  }

  .xl\:self-auto {
    align-self: auto !important;
  }

  .xl\:self-start {
    align-self: flex-start !important;
  }

  .xl\:self-end {
    align-self: flex-end !important;
  }

  .xl\:self-center {
    align-self: center !important;
  }

  .xl\:self-stretch {
    align-self: stretch !important;
  }

  .xl\:justify-items-auto {
    justify-items: auto !important;
  }

  .xl\:justify-items-start {
    justify-items: start !important;
  }

  .xl\:justify-items-end {
    justify-items: end !important;
  }

  .xl\:justify-items-center {
    justify-items: center !important;
  }

  .xl\:justify-items-stretch {
    justify-items: stretch !important;
  }

  .xl\:justify-start {
    justify-content: flex-start !important;
  }

  .xl\:justify-end {
    justify-content: flex-end !important;
  }

  .xl\:justify-center {
    justify-content: center !important;
  }

  .xl\:justify-between {
    justify-content: space-between !important;
  }

  .xl\:justify-around {
    justify-content: space-around !important;
  }

  .xl\:justify-evenly {
    justify-content: space-evenly !important;
  }

  .xl\:justify-self-auto {
    justify-self: auto !important;
  }

  .xl\:justify-self-start {
    justify-self: start !important;
  }

  .xl\:justify-self-end {
    justify-self: end !important;
  }

  .xl\:justify-self-center {
    justify-self: center !important;
  }

  .xl\:justify-self-stretch {
    justify-self: stretch !important;
  }

  .xl\:flex-1 {
    flex: 1 1 0% !important;
  }

  .xl\:flex-auto {
    flex: 1 1 auto !important;
  }

  .xl\:flex-initial {
    flex: 0 1 auto !important;
  }

  .xl\:flex-none {
    flex: none !important;
  }

  .xl\:flex-grow-0 {
    flex-grow: 0 !important;
  }

  .xl\:flex-grow {
    flex-grow: 1 !important;
  }

  .xl\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }

  .xl\:flex-shrink {
    flex-shrink: 1 !important;
  }

  .xl\:order-1 {
    order: 1 !important;
  }

  .xl\:order-2 {
    order: 2 !important;
  }

  .xl\:order-3 {
    order: 3 !important;
  }

  .xl\:order-4 {
    order: 4 !important;
  }

  .xl\:order-5 {
    order: 5 !important;
  }

  .xl\:order-6 {
    order: 6 !important;
  }

  .xl\:order-7 {
    order: 7 !important;
  }

  .xl\:order-8 {
    order: 8 !important;
  }

  .xl\:order-9 {
    order: 9 !important;
  }

  .xl\:order-10 {
    order: 10 !important;
  }

  .xl\:order-11 {
    order: 11 !important;
  }

  .xl\:order-12 {
    order: 12 !important;
  }

  .xl\:order-first {
    order: -9999 !important;
  }

  .xl\:order-last {
    order: 9999 !important;
  }

  .xl\:order-none {
    order: 0 !important;
  }

  .xl\:float-right {
    float: right !important;
  }

  .xl\:float-left {
    float: left !important;
  }

  .xl\:float-none {
    float: none !important;
  }

  .xl\:clearfix:after {
    content: "" !important;
    display: table !important;
    clear: both !important;
  }

  .xl\:clear-left {
    clear: left !important;
  }

  .xl\:clear-right {
    clear: right !important;
  }

  .xl\:clear-both {
    clear: both !important;
  }

  .xl\:clear-none {
    clear: none !important;
  }

  .xl\:font-normal {
    font-weight: 400 !important;
  }

  .xl\:font-medium {
    font-weight: 500 !important;
  }

  .xl\:font-bold {
    font-weight: 700 !important;
  }

  .xl\:font-black {
    font-weight: 900 !important;
  }

  .xl\:hover\:font-normal:hover {
    font-weight: 400 !important;
  }

  .xl\:hover\:font-medium:hover {
    font-weight: 500 !important;
  }

  .xl\:hover\:font-bold:hover {
    font-weight: 700 !important;
  }

  .xl\:hover\:font-black:hover {
    font-weight: 900 !important;
  }

  .xl\:h-1 {
    height: 2px !important;
  }

  .xl\:h-2 {
    height: 4px !important;
  }

  .xl\:h-3 {
    height: 8px !important;
  }

  .xl\:h-4 {
    height: 16px !important;
  }

  .xl\:h-5 {
    height: 1.25rem !important;
  }

  .xl\:h-6 {
    height: 24px !important;
  }

  .xl\:h-7 {
    height: 28px !important;
  }

  .xl\:h-8 {
    height: 32px !important;
  }

  .xl\:h-9 {
    height: 36px !important;
  }

  .xl\:h-10 {
    height: 40px !important;
  }

  .xl\:h-12 {
    height: 48px !important;
  }

  .xl\:h-13 {
    height: 52px !important;
  }

  .xl\:h-14 {
    height: 56px !important;
  }

  .xl\:h-16 {
    height: 64px !important;
  }

  .xl\:h-20 {
    height: 80px !important;
  }

  .xl\:h-24 {
    height: 96px !important;
  }

  .xl\:h-48 {
    height: 160px !important;
  }

  .xl\:h-64 {
    height: 192px !important;
  }

  .xl\:h-80 {
    height: 220px !important;
  }

  .xl\:h-96 {
    height: 24rem !important;
  }

  .xl\:h-auto {
    height: auto !important;
  }

  .xl\:h-px {
    height: 1px !important;
  }

  .xl\:h-full {
    height: 100% !important;
  }

  .xl\:h-screen {
    height: 100vh !important;
  }

  .xl\:leading-none {
    line-height: 1 !important;
  }

  .xl\:leading-tight {
    line-height: 1.25 !important;
  }

  .xl\:leading-normal {
    line-height: 1.5 !important;
  }

  .xl\:leading-loose {
    line-height: 1.75 !important;
  }

  .xl\:list-inside {
    list-style-position: inside !important;
  }

  .xl\:list-outside {
    list-style-position: outside !important;
  }

  .xl\:list-none {
    list-style-type: none !important;
  }

  .xl\:list-disc {
    list-style-type: disc !important;
  }

  .xl\:list-decimal {
    list-style-type: decimal !important;
  }

  .xl\:m-0 {
    margin: 0 !important;
  }

  .xl\:m-1 {
    margin: 8px !important;
  }

  .xl\:m-2 {
    margin: 16px !important;
  }

  .xl\:m-3 {
    margin: 24px !important;
  }

  .xl\:m-4 {
    margin: 32px !important;
  }

  .xl\:m-5 {
    margin: 40px !important;
  }

  .xl\:m-6 {
    margin: 64px !important;
  }

  .xl\:m-7 {
    margin: 80px !important;
  }

  .xl\:m-8 {
    margin: 120px !important;
  }

  .xl\:m-auto {
    margin: auto !important;
  }

  .xl\:m-px {
    margin: 1px !important;
  }

  .xl\:m-sm {
    margin: 4px !important;
  }

  .xl\:m-1\.5 {
    margin: 12px !important;
  }

  .xl\:-m-1 {
    margin: -8px !important;
  }

  .xl\:-m-2 {
    margin: -16px !important;
  }

  .xl\:-m-3 {
    margin: -24px !important;
  }

  .xl\:-m-4 {
    margin: -32px !important;
  }

  .xl\:-m-5 {
    margin: -40px !important;
  }

  .xl\:-m-6 {
    margin: -64px !important;
  }

  .xl\:-m-7 {
    margin: -80px !important;
  }

  .xl\:-m-8 {
    margin: -120px !important;
  }

  .xl\:-m-px {
    margin: -1px !important;
  }

  .xl\:-m-sm {
    margin: -4px !important;
  }

  .xl\:-m-1\.5 {
    margin: -12px !important;
  }

  .xl\:my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .xl\:mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .xl\:my-1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .xl\:mx-1 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .xl\:my-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .xl\:mx-2 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  .xl\:my-3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .xl\:mx-3 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }

  .xl\:my-4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }

  .xl\:mx-4 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }

  .xl\:my-5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .xl\:mx-5 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .xl\:my-6 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }

  .xl\:mx-6 {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }

  .xl\:my-7 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .xl\:mx-7 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .xl\:my-8 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .xl\:mx-8 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }

  .xl\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .xl\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .xl\:my-px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .xl\:mx-px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .xl\:my-sm {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .xl\:mx-sm {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .xl\:my-1\.5 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }

  .xl\:mx-1\.5 {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  .xl\:-my-1 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }

  .xl\:-mx-1 {
    margin-left: -8px !important;
    margin-right: -8px !important;
  }

  .xl\:-my-2 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }

  .xl\:-mx-2 {
    margin-left: -16px !important;
    margin-right: -16px !important;
  }

  .xl\:-my-3 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }

  .xl\:-mx-3 {
    margin-left: -24px !important;
    margin-right: -24px !important;
  }

  .xl\:-my-4 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }

  .xl\:-mx-4 {
    margin-left: -32px !important;
    margin-right: -32px !important;
  }

  .xl\:-my-5 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }

  .xl\:-mx-5 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }

  .xl\:-my-6 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }

  .xl\:-mx-6 {
    margin-left: -64px !important;
    margin-right: -64px !important;
  }

  .xl\:-my-7 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }

  .xl\:-mx-7 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }

  .xl\:-my-8 {
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }

  .xl\:-mx-8 {
    margin-left: -120px !important;
    margin-right: -120px !important;
  }

  .xl\:-my-px {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }

  .xl\:-mx-px {
    margin-left: -1px !important;
    margin-right: -1px !important;
  }

  .xl\:-my-sm {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }

  .xl\:-mx-sm {
    margin-left: -4px !important;
    margin-right: -4px !important;
  }

  .xl\:-my-1\.5 {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }

  .xl\:-mx-1\.5 {
    margin-left: -12px !important;
    margin-right: -12px !important;
  }

  .xl\:mt-0 {
    margin-top: 0 !important;
  }

  .xl\:mr-0 {
    margin-right: 0 !important;
  }

  .xl\:mb-0 {
    margin-bottom: 0 !important;
  }

  .xl\:ml-0 {
    margin-left: 0 !important;
  }

  .xl\:mt-1 {
    margin-top: 8px !important;
  }

  .xl\:mr-1 {
    margin-right: 8px !important;
  }

  .xl\:mb-1 {
    margin-bottom: 8px !important;
  }

  .xl\:ml-1 {
    margin-left: 8px !important;
  }

  .xl\:mt-2 {
    margin-top: 16px !important;
  }

  .xl\:mr-2 {
    margin-right: 16px !important;
  }

  .xl\:mb-2 {
    margin-bottom: 16px !important;
  }

  .xl\:ml-2 {
    margin-left: 16px !important;
  }

  .xl\:mt-3 {
    margin-top: 24px !important;
  }

  .xl\:mr-3 {
    margin-right: 24px !important;
  }

  .xl\:mb-3 {
    margin-bottom: 24px !important;
  }

  .xl\:ml-3 {
    margin-left: 24px !important;
  }

  .xl\:mt-4 {
    margin-top: 32px !important;
  }

  .xl\:mr-4 {
    margin-right: 32px !important;
  }

  .xl\:mb-4 {
    margin-bottom: 32px !important;
  }

  .xl\:ml-4 {
    margin-left: 32px !important;
  }

  .xl\:mt-5 {
    margin-top: 40px !important;
  }

  .xl\:mr-5 {
    margin-right: 40px !important;
  }

  .xl\:mb-5 {
    margin-bottom: 40px !important;
  }

  .xl\:ml-5 {
    margin-left: 40px !important;
  }

  .xl\:mt-6 {
    margin-top: 64px !important;
  }

  .xl\:mr-6 {
    margin-right: 64px !important;
  }

  .xl\:mb-6 {
    margin-bottom: 64px !important;
  }

  .xl\:ml-6 {
    margin-left: 64px !important;
  }

  .xl\:mt-7 {
    margin-top: 80px !important;
  }

  .xl\:mr-7 {
    margin-right: 80px !important;
  }

  .xl\:mb-7 {
    margin-bottom: 80px !important;
  }

  .xl\:ml-7 {
    margin-left: 80px !important;
  }

  .xl\:mt-8 {
    margin-top: 120px !important;
  }

  .xl\:mr-8 {
    margin-right: 120px !important;
  }

  .xl\:mb-8 {
    margin-bottom: 120px !important;
  }

  .xl\:ml-8 {
    margin-left: 120px !important;
  }

  .xl\:mt-auto {
    margin-top: auto !important;
  }

  .xl\:mr-auto {
    margin-right: auto !important;
  }

  .xl\:mb-auto {
    margin-bottom: auto !important;
  }

  .xl\:ml-auto {
    margin-left: auto !important;
  }

  .xl\:mt-px {
    margin-top: 1px !important;
  }

  .xl\:mr-px {
    margin-right: 1px !important;
  }

  .xl\:mb-px {
    margin-bottom: 1px !important;
  }

  .xl\:ml-px {
    margin-left: 1px !important;
  }

  .xl\:mt-sm {
    margin-top: 4px !important;
  }

  .xl\:mr-sm {
    margin-right: 4px !important;
  }

  .xl\:mb-sm {
    margin-bottom: 4px !important;
  }

  .xl\:ml-sm {
    margin-left: 4px !important;
  }

  .xl\:mt-1\.5 {
    margin-top: 12px !important;
  }

  .xl\:mr-1\.5 {
    margin-right: 12px !important;
  }

  .xl\:mb-1\.5 {
    margin-bottom: 12px !important;
  }

  .xl\:ml-1\.5 {
    margin-left: 12px !important;
  }

  .xl\:-mt-1 {
    margin-top: -8px !important;
  }

  .xl\:-mr-1 {
    margin-right: -8px !important;
  }

  .xl\:-mb-1 {
    margin-bottom: -8px !important;
  }

  .xl\:-ml-1 {
    margin-left: -8px !important;
  }

  .xl\:-mt-2 {
    margin-top: -16px !important;
  }

  .xl\:-mr-2 {
    margin-right: -16px !important;
  }

  .xl\:-mb-2 {
    margin-bottom: -16px !important;
  }

  .xl\:-ml-2 {
    margin-left: -16px !important;
  }

  .xl\:-mt-3 {
    margin-top: -24px !important;
  }

  .xl\:-mr-3 {
    margin-right: -24px !important;
  }

  .xl\:-mb-3 {
    margin-bottom: -24px !important;
  }

  .xl\:-ml-3 {
    margin-left: -24px !important;
  }

  .xl\:-mt-4 {
    margin-top: -32px !important;
  }

  .xl\:-mr-4 {
    margin-right: -32px !important;
  }

  .xl\:-mb-4 {
    margin-bottom: -32px !important;
  }

  .xl\:-ml-4 {
    margin-left: -32px !important;
  }

  .xl\:-mt-5 {
    margin-top: -40px !important;
  }

  .xl\:-mr-5 {
    margin-right: -40px !important;
  }

  .xl\:-mb-5 {
    margin-bottom: -40px !important;
  }

  .xl\:-ml-5 {
    margin-left: -40px !important;
  }

  .xl\:-mt-6 {
    margin-top: -64px !important;
  }

  .xl\:-mr-6 {
    margin-right: -64px !important;
  }

  .xl\:-mb-6 {
    margin-bottom: -64px !important;
  }

  .xl\:-ml-6 {
    margin-left: -64px !important;
  }

  .xl\:-mt-7 {
    margin-top: -80px !important;
  }

  .xl\:-mr-7 {
    margin-right: -80px !important;
  }

  .xl\:-mb-7 {
    margin-bottom: -80px !important;
  }

  .xl\:-ml-7 {
    margin-left: -80px !important;
  }

  .xl\:-mt-8 {
    margin-top: -120px !important;
  }

  .xl\:-mr-8 {
    margin-right: -120px !important;
  }

  .xl\:-mb-8 {
    margin-bottom: -120px !important;
  }

  .xl\:-ml-8 {
    margin-left: -120px !important;
  }

  .xl\:-mt-px {
    margin-top: -1px !important;
  }

  .xl\:-mr-px {
    margin-right: -1px !important;
  }

  .xl\:-mb-px {
    margin-bottom: -1px !important;
  }

  .xl\:-ml-px {
    margin-left: -1px !important;
  }

  .xl\:-mt-sm {
    margin-top: -4px !important;
  }

  .xl\:-mr-sm {
    margin-right: -4px !important;
  }

  .xl\:-mb-sm {
    margin-bottom: -4px !important;
  }

  .xl\:-ml-sm {
    margin-left: -4px !important;
  }

  .xl\:-mt-1\.5 {
    margin-top: -12px !important;
  }

  .xl\:-mr-1\.5 {
    margin-right: -12px !important;
  }

  .xl\:-mb-1\.5 {
    margin-bottom: -12px !important;
  }

  .xl\:-ml-1\.5 {
    margin-left: -12px !important;
  }

  .xl\:max-h-full {
    max-height: 100% !important;
  }

  .xl\:max-h-screen {
    max-height: 100vh !important;
  }

  .xl\:max-h-screen-1\/2 {
    max-height: 50vh !important;
  }

  .xl\:max-w-3xs {
    max-width: 5rem !important;
  }

  .xl\:max-w-2xs {
    max-width: 10rem !important;
  }

  .xl\:max-w-xs {
    max-width: 20rem !important;
  }

  .xl\:max-w-sm {
    max-width: 30rem !important;
  }

  .xl\:max-w-md {
    max-width: 40rem !important;
  }

  .xl\:max-w-lg {
    max-width: 50rem !important;
  }

  .xl\:max-w-xl {
    max-width: 60rem !important;
  }

  .xl\:max-w-2xl {
    max-width: 70rem !important;
  }

  .xl\:max-w-3xl {
    max-width: 80rem !important;
  }

  .xl\:max-w-4xl {
    max-width: 90rem !important;
  }

  .xl\:max-w-5xl {
    max-width: 100rem !important;
  }

  .xl\:max-w-full {
    max-width: 100% !important;
  }

  .xl\:min-h-0 {
    min-height: 0 !important;
  }

  .xl\:min-h-16 {
    min-height: 64px !important;
  }

  .xl\:min-h-24 {
    min-height: 80px !important;
  }

  .xl\:min-h-48 {
    min-height: 160px !important;
  }

  .xl\:min-h-full {
    min-height: 100% !important;
  }

  .xl\:min-h-screen {
    min-height: 100vh !important;
  }

  .xl\:min-w-0 {
    min-width: 0 !important;
  }

  .xl\:min-w-100 {
    min-width: 100px !important;
  }

  .xl\:min-w-120 {
    min-width: 120px !important;
  }

  .xl\:min-w-xs {
    min-width: 10rem !important;
  }

  .xl\:min-w-md {
    min-width: 160px !important;
  }

  .xl\:min-w-lg {
    min-width: 200px !important;
  }

  .xl\:min-w-full {
    min-width: 100% !important;
  }

  .xl\:object-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }

  .xl\:object-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }

  .xl\:object-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }

  .xl\:object-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }

  .xl\:object-scale-down {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }

  .xl\:object-bottom {
    -o-object-position: bottom !important;
       object-position: bottom !important;
  }

  .xl\:object-center {
    -o-object-position: center !important;
       object-position: center !important;
  }

  .xl\:object-left {
    -o-object-position: left !important;
       object-position: left !important;
  }

  .xl\:object-left-bottom {
    -o-object-position: left bottom !important;
       object-position: left bottom !important;
  }

  .xl\:object-left-top {
    -o-object-position: left top !important;
       object-position: left top !important;
  }

  .xl\:object-right {
    -o-object-position: right !important;
       object-position: right !important;
  }

  .xl\:object-right-bottom {
    -o-object-position: right bottom !important;
       object-position: right bottom !important;
  }

  .xl\:object-right-top {
    -o-object-position: right top !important;
       object-position: right top !important;
  }

  .xl\:object-top {
    -o-object-position: top !important;
       object-position: top !important;
  }

  .xl\:opacity-0 {
    opacity: 0 !important;
  }

  .xl\:opacity-25 {
    opacity: 0.25 !important;
  }

  .xl\:opacity-50 {
    opacity: 0.5 !important;
  }

  .xl\:opacity-75 {
    opacity: 0.75 !important;
  }

  .xl\:opacity-100 {
    opacity: 1 !important;
  }

  .xl\:hover\:opacity-0:hover {
    opacity: 0 !important;
  }

  .xl\:hover\:opacity-25:hover {
    opacity: 0.25 !important;
  }

  .xl\:hover\:opacity-50:hover {
    opacity: 0.5 !important;
  }

  .xl\:hover\:opacity-75:hover {
    opacity: 0.75 !important;
  }

  .xl\:hover\:opacity-100:hover {
    opacity: 1 !important;
  }

  .group:hover .xl\:group-hover\:opacity-0 {
    opacity: 0 !important;
  }

  .group:hover .xl\:group-hover\:opacity-25 {
    opacity: 0.25 !important;
  }

  .group:hover .xl\:group-hover\:opacity-50 {
    opacity: 0.5 !important;
  }

  .group:hover .xl\:group-hover\:opacity-75 {
    opacity: 0.75 !important;
  }

  .group:hover .xl\:group-hover\:opacity-100 {
    opacity: 1 !important;
  }

  .xl\:overflow-auto {
    overflow: auto !important;
  }

  .xl\:overflow-hidden {
    overflow: hidden !important;
  }

  .xl\:overflow-visible {
    overflow: visible !important;
  }

  .xl\:overflow-scroll {
    overflow: scroll !important;
  }

  .xl\:overflow-x-auto {
    overflow-x: auto !important;
  }

  .xl\:overflow-y-auto {
    overflow-y: auto !important;
  }

  .xl\:overflow-x-hidden {
    overflow-x: hidden !important;
  }

  .xl\:overflow-y-hidden {
    overflow-y: hidden !important;
  }

  .xl\:overflow-x-visible {
    overflow-x: visible !important;
  }

  .xl\:overflow-y-visible {
    overflow-y: visible !important;
  }

  .xl\:overflow-x-scroll {
    overflow-x: scroll !important;
  }

  .xl\:overflow-y-scroll {
    overflow-y: scroll !important;
  }

  .xl\:scrolling-touch {
    -webkit-overflow-scrolling: touch !important;
  }

  .xl\:scrolling-auto {
    -webkit-overflow-scrolling: auto !important;
  }

  .xl\:overscroll-auto {
    -ms-scroll-chaining: chained !important;
        overscroll-behavior: auto !important;
  }

  .xl\:overscroll-contain {
    -ms-scroll-chaining: none !important;
        overscroll-behavior: contain !important;
  }

  .xl\:overscroll-none {
    -ms-scroll-chaining: none !important;
        overscroll-behavior: none !important;
  }

  .xl\:overscroll-y-auto {
    overscroll-behavior-y: auto !important;
  }

  .xl\:overscroll-y-contain {
    overscroll-behavior-y: contain !important;
  }

  .xl\:overscroll-y-none {
    overscroll-behavior-y: none !important;
  }

  .xl\:overscroll-x-auto {
    overscroll-behavior-x: auto !important;
  }

  .xl\:overscroll-x-contain {
    overscroll-behavior-x: contain !important;
  }

  .xl\:overscroll-x-none {
    overscroll-behavior-x: none !important;
  }

  .xl\:p-0 {
    padding: 0 !important;
  }

  .xl\:p-1 {
    padding: 8px !important;
  }

  .xl\:p-2 {
    padding: 16px !important;
  }

  .xl\:p-3 {
    padding: 24px !important;
  }

  .xl\:p-4 {
    padding: 32px !important;
  }

  .xl\:p-5 {
    padding: 40px !important;
  }

  .xl\:p-6 {
    padding: 64px !important;
  }

  .xl\:p-7 {
    padding: 80px !important;
  }

  .xl\:p-8 {
    padding: 120px !important;
  }

  .xl\:p-px {
    padding: 1px !important;
  }

  .xl\:p-sm {
    padding: 4px !important;
  }

  .xl\:p-1\.5 {
    padding: 12px !important;
  }

  .xl\:py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .xl\:px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .xl\:py-1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .xl\:px-1 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .xl\:py-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .xl\:px-2 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .xl\:py-3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .xl\:px-3 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .xl\:py-4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  .xl\:px-4 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  .xl\:py-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .xl\:px-5 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .xl\:py-6 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  .xl\:px-6 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }

  .xl\:py-7 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .xl\:px-7 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .xl\:py-8 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .xl\:px-8 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .xl\:py-px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .xl\:px-px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .xl\:py-sm {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .xl\:px-sm {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .xl\:py-1\.5 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .xl\:px-1\.5 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .xl\:pt-0 {
    padding-top: 0 !important;
  }

  .xl\:pr-0 {
    padding-right: 0 !important;
  }

  .xl\:pb-0 {
    padding-bottom: 0 !important;
  }

  .xl\:pl-0 {
    padding-left: 0 !important;
  }

  .xl\:pt-1 {
    padding-top: 8px !important;
  }

  .xl\:pr-1 {
    padding-right: 8px !important;
  }

  .xl\:pb-1 {
    padding-bottom: 8px !important;
  }

  .xl\:pl-1 {
    padding-left: 8px !important;
  }

  .xl\:pt-2 {
    padding-top: 16px !important;
  }

  .xl\:pr-2 {
    padding-right: 16px !important;
  }

  .xl\:pb-2 {
    padding-bottom: 16px !important;
  }

  .xl\:pl-2 {
    padding-left: 16px !important;
  }

  .xl\:pt-3 {
    padding-top: 24px !important;
  }

  .xl\:pr-3 {
    padding-right: 24px !important;
  }

  .xl\:pb-3 {
    padding-bottom: 24px !important;
  }

  .xl\:pl-3 {
    padding-left: 24px !important;
  }

  .xl\:pt-4 {
    padding-top: 32px !important;
  }

  .xl\:pr-4 {
    padding-right: 32px !important;
  }

  .xl\:pb-4 {
    padding-bottom: 32px !important;
  }

  .xl\:pl-4 {
    padding-left: 32px !important;
  }

  .xl\:pt-5 {
    padding-top: 40px !important;
  }

  .xl\:pr-5 {
    padding-right: 40px !important;
  }

  .xl\:pb-5 {
    padding-bottom: 40px !important;
  }

  .xl\:pl-5 {
    padding-left: 40px !important;
  }

  .xl\:pt-6 {
    padding-top: 64px !important;
  }

  .xl\:pr-6 {
    padding-right: 64px !important;
  }

  .xl\:pb-6 {
    padding-bottom: 64px !important;
  }

  .xl\:pl-6 {
    padding-left: 64px !important;
  }

  .xl\:pt-7 {
    padding-top: 80px !important;
  }

  .xl\:pr-7 {
    padding-right: 80px !important;
  }

  .xl\:pb-7 {
    padding-bottom: 80px !important;
  }

  .xl\:pl-7 {
    padding-left: 80px !important;
  }

  .xl\:pt-8 {
    padding-top: 120px !important;
  }

  .xl\:pr-8 {
    padding-right: 120px !important;
  }

  .xl\:pb-8 {
    padding-bottom: 120px !important;
  }

  .xl\:pl-8 {
    padding-left: 120px !important;
  }

  .xl\:pt-px {
    padding-top: 1px !important;
  }

  .xl\:pr-px {
    padding-right: 1px !important;
  }

  .xl\:pb-px {
    padding-bottom: 1px !important;
  }

  .xl\:pl-px {
    padding-left: 1px !important;
  }

  .xl\:pt-sm {
    padding-top: 4px !important;
  }

  .xl\:pr-sm {
    padding-right: 4px !important;
  }

  .xl\:pb-sm {
    padding-bottom: 4px !important;
  }

  .xl\:pl-sm {
    padding-left: 4px !important;
  }

  .xl\:pt-1\.5 {
    padding-top: 12px !important;
  }

  .xl\:pr-1\.5 {
    padding-right: 12px !important;
  }

  .xl\:pb-1\.5 {
    padding-bottom: 12px !important;
  }

  .xl\:pl-1\.5 {
    padding-left: 12px !important;
  }

  .xl\:placeholder-transparent::-moz-placeholder {
    color: transparent !important;
  }

  .xl\:placeholder-transparent:-ms-input-placeholder {
    color: transparent !important;
  }

  .xl\:placeholder-transparent::placeholder {
    color: transparent !important;
  }

  .xl\:placeholder-black::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-black:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-black::placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-100::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-100:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-90::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-90:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-90::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-80::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-80:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-80::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-70::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-70:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-70::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-60::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-60:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-60::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-50::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-50:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-50::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-40::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-40:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-40::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-30::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-30:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-30::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-20::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-20:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-20::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-10::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-10:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-grey-10::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-white::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-white:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-white::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green::placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-light::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-light:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-light::placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-lighter::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-lighter:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-lighter::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-light::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-light:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-light::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-dark::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-dark:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-dark::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-darker::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-darker:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-darker::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-100::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-100:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-200::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-200:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-300::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-300:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-400::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-400:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-500::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-500:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-600::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-600:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-700::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-700:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-800::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-800:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-900::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-900:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-red-dark::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-red-dark:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-red-dark::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-red::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-red:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-red::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-red-light::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-red-light:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-red-light::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-red-lighter::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-red-lighter:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-red-lighter::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-dark::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-dark:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-dark::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-darken-10::-moz-placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .xl\:placeholder-darken-10:-ms-input-placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .xl\:placeholder-darken-10::placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .xl\:placeholder-darken-20::-moz-placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .xl\:placeholder-darken-20:-ms-input-placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .xl\:placeholder-darken-20::placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .xl\:placeholder-primary::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-primary:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-primary::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-transparent:focus::-moz-placeholder {
    color: transparent !important;
  }

  .xl\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
    color: transparent !important;
  }

  .xl\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent !important;
  }

  .xl\:focus\:placeholder-black:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-black:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-black:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-100:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-90:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-90:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-90:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-80:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-80:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-80:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-70:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-70:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-70:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-60:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-60:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-60:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-50:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-50:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-50:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-40:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-40:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-40:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-30:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-30:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-30:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-20:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-20:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-20:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-10:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-10:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-grey-10:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-white:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-white:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-white:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-light:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-light:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-light:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-lighter:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-lighter:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-lighter:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-light:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-light:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-light:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-dark:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-dark:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-dark:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-darker:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-darker:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-darker:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-100:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-200:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-300:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-400:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-500:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-600:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-700:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-800:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-900:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-red-dark:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-red-dark:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-red-dark:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-red:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-red:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-red:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-red-light:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-red-light:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-red-light:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-red-lighter:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-red-lighter:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-red-lighter:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-dark:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-dark:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-dark:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-darken-10:focus::-moz-placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .xl\:focus\:placeholder-darken-10:focus:-ms-input-placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .xl\:focus\:placeholder-darken-10:focus::placeholder {
    color: rgba(0,0,0,.1) !important;
  }

  .xl\:focus\:placeholder-darken-20:focus::-moz-placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .xl\:focus\:placeholder-darken-20:focus:-ms-input-placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .xl\:focus\:placeholder-darken-20:focus::placeholder {
    color: rgba(0,0,0,.2) !important;
  }

  .xl\:focus\:placeholder-primary:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-primary:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-primary:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-opacity-0::-moz-placeholder {
    --placeholder-opacity: 0 !important;
  }

  .xl\:placeholder-opacity-0:-ms-input-placeholder {
    --placeholder-opacity: 0 !important;
  }

  .xl\:placeholder-opacity-0::placeholder {
    --placeholder-opacity: 0 !important;
  }

  .xl\:placeholder-opacity-25::-moz-placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .xl\:placeholder-opacity-25:-ms-input-placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .xl\:placeholder-opacity-25::placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .xl\:placeholder-opacity-50::-moz-placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .xl\:placeholder-opacity-50:-ms-input-placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .xl\:placeholder-opacity-50::placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .xl\:placeholder-opacity-75::-moz-placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .xl\:placeholder-opacity-75:-ms-input-placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .xl\:placeholder-opacity-75::placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .xl\:placeholder-opacity-100::-moz-placeholder {
    --placeholder-opacity: 1 !important;
  }

  .xl\:placeholder-opacity-100:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
  }

  .xl\:placeholder-opacity-100::placeholder {
    --placeholder-opacity: 1 !important;
  }

  .xl\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
    --placeholder-opacity: 0 !important;
  }

  .xl\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
    --placeholder-opacity: 0 !important;
  }

  .xl\:focus\:placeholder-opacity-0:focus::placeholder {
    --placeholder-opacity: 0 !important;
  }

  .xl\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .xl\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .xl\:focus\:placeholder-opacity-25:focus::placeholder {
    --placeholder-opacity: 0.25 !important;
  }

  .xl\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .xl\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .xl\:focus\:placeholder-opacity-50:focus::placeholder {
    --placeholder-opacity: 0.5 !important;
  }

  .xl\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .xl\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .xl\:focus\:placeholder-opacity-75:focus::placeholder {
    --placeholder-opacity: 0.75 !important;
  }

  .xl\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
    --placeholder-opacity: 1 !important;
  }

  .xl\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1 !important;
  }

  .xl\:focus\:placeholder-opacity-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
  }

  .xl\:pointer-events-none {
    pointer-events: none !important;
  }

  .xl\:pointer-events-auto {
    pointer-events: auto !important;
  }

  .xl\:static {
    position: static !important;
  }

  .xl\:fixed {
    position: fixed !important;
  }

  .xl\:absolute {
    position: absolute !important;
  }

  .xl\:relative {
    position: relative !important;
  }

  .xl\:sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }

  .xl\:inset-0 {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
  }

  .xl\:inset-1 {
    top: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    left: 8px !important;
  }

  .xl\:inset-2 {
    top: 16px !important;
    right: 16px !important;
    bottom: 16px !important;
    left: 16px !important;
  }

  .xl\:inset-3 {
    top: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    left: 24px !important;
  }

  .xl\:inset-4 {
    top: 32px !important;
    right: 32px !important;
    bottom: 32px !important;
    left: 32px !important;
  }

  .xl\:inset-5 {
    top: 40px !important;
    right: 40px !important;
    bottom: 40px !important;
    left: 40px !important;
  }

  .xl\:inset-6 {
    top: 64px !important;
    right: 64px !important;
    bottom: 64px !important;
    left: 64px !important;
  }

  .xl\:inset-7 {
    top: 80px !important;
    right: 80px !important;
    bottom: 80px !important;
    left: 80px !important;
  }

  .xl\:inset-8 {
    top: 120px !important;
    right: 120px !important;
    bottom: 120px !important;
    left: 120px !important;
  }

  .xl\:inset-px {
    top: 1px !important;
    right: 1px !important;
    bottom: 1px !important;
    left: 1px !important;
  }

  .xl\:inset-sm {
    top: 4px !important;
    right: 4px !important;
    bottom: 4px !important;
    left: 4px !important;
  }

  .xl\:inset-1\.5 {
    top: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    left: 12px !important;
  }

  .xl\:-inset-1 {
    top: -8px !important;
    right: -8px !important;
    bottom: -8px !important;
    left: -8px !important;
  }

  .xl\:-inset-2 {
    top: -16px !important;
    right: -16px !important;
    bottom: -16px !important;
    left: -16px !important;
  }

  .xl\:-inset-3 {
    top: -24px !important;
    right: -24px !important;
    bottom: -24px !important;
    left: -24px !important;
  }

  .xl\:-inset-4 {
    top: -32px !important;
    right: -32px !important;
    bottom: -32px !important;
    left: -32px !important;
  }

  .xl\:-inset-5 {
    top: -40px !important;
    right: -40px !important;
    bottom: -40px !important;
    left: -40px !important;
  }

  .xl\:-inset-6 {
    top: -64px !important;
    right: -64px !important;
    bottom: -64px !important;
    left: -64px !important;
  }

  .xl\:-inset-7 {
    top: -80px !important;
    right: -80px !important;
    bottom: -80px !important;
    left: -80px !important;
  }

  .xl\:-inset-8 {
    top: -120px !important;
    right: -120px !important;
    bottom: -120px !important;
    left: -120px !important;
  }

  .xl\:-inset-px {
    top: -1px !important;
    right: -1px !important;
    bottom: -1px !important;
    left: -1px !important;
  }

  .xl\:-inset-sm {
    top: -4px !important;
    right: -4px !important;
    bottom: -4px !important;
    left: -4px !important;
  }

  .xl\:-inset-1\.5 {
    top: -12px !important;
    right: -12px !important;
    bottom: -12px !important;
    left: -12px !important;
  }

  .xl\:inset-auto {
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
  }

  .xl\:inset-y-0 {
    top: 0 !important;
    bottom: 0 !important;
  }

  .xl\:inset-x-0 {
    right: 0 !important;
    left: 0 !important;
  }

  .xl\:inset-y-1 {
    top: 8px !important;
    bottom: 8px !important;
  }

  .xl\:inset-x-1 {
    right: 8px !important;
    left: 8px !important;
  }

  .xl\:inset-y-2 {
    top: 16px !important;
    bottom: 16px !important;
  }

  .xl\:inset-x-2 {
    right: 16px !important;
    left: 16px !important;
  }

  .xl\:inset-y-3 {
    top: 24px !important;
    bottom: 24px !important;
  }

  .xl\:inset-x-3 {
    right: 24px !important;
    left: 24px !important;
  }

  .xl\:inset-y-4 {
    top: 32px !important;
    bottom: 32px !important;
  }

  .xl\:inset-x-4 {
    right: 32px !important;
    left: 32px !important;
  }

  .xl\:inset-y-5 {
    top: 40px !important;
    bottom: 40px !important;
  }

  .xl\:inset-x-5 {
    right: 40px !important;
    left: 40px !important;
  }

  .xl\:inset-y-6 {
    top: 64px !important;
    bottom: 64px !important;
  }

  .xl\:inset-x-6 {
    right: 64px !important;
    left: 64px !important;
  }

  .xl\:inset-y-7 {
    top: 80px !important;
    bottom: 80px !important;
  }

  .xl\:inset-x-7 {
    right: 80px !important;
    left: 80px !important;
  }

  .xl\:inset-y-8 {
    top: 120px !important;
    bottom: 120px !important;
  }

  .xl\:inset-x-8 {
    right: 120px !important;
    left: 120px !important;
  }

  .xl\:inset-y-px {
    top: 1px !important;
    bottom: 1px !important;
  }

  .xl\:inset-x-px {
    right: 1px !important;
    left: 1px !important;
  }

  .xl\:inset-y-sm {
    top: 4px !important;
    bottom: 4px !important;
  }

  .xl\:inset-x-sm {
    right: 4px !important;
    left: 4px !important;
  }

  .xl\:inset-y-1\.5 {
    top: 12px !important;
    bottom: 12px !important;
  }

  .xl\:inset-x-1\.5 {
    right: 12px !important;
    left: 12px !important;
  }

  .xl\:-inset-y-1 {
    top: -8px !important;
    bottom: -8px !important;
  }

  .xl\:-inset-x-1 {
    right: -8px !important;
    left: -8px !important;
  }

  .xl\:-inset-y-2 {
    top: -16px !important;
    bottom: -16px !important;
  }

  .xl\:-inset-x-2 {
    right: -16px !important;
    left: -16px !important;
  }

  .xl\:-inset-y-3 {
    top: -24px !important;
    bottom: -24px !important;
  }

  .xl\:-inset-x-3 {
    right: -24px !important;
    left: -24px !important;
  }

  .xl\:-inset-y-4 {
    top: -32px !important;
    bottom: -32px !important;
  }

  .xl\:-inset-x-4 {
    right: -32px !important;
    left: -32px !important;
  }

  .xl\:-inset-y-5 {
    top: -40px !important;
    bottom: -40px !important;
  }

  .xl\:-inset-x-5 {
    right: -40px !important;
    left: -40px !important;
  }

  .xl\:-inset-y-6 {
    top: -64px !important;
    bottom: -64px !important;
  }

  .xl\:-inset-x-6 {
    right: -64px !important;
    left: -64px !important;
  }

  .xl\:-inset-y-7 {
    top: -80px !important;
    bottom: -80px !important;
  }

  .xl\:-inset-x-7 {
    right: -80px !important;
    left: -80px !important;
  }

  .xl\:-inset-y-8 {
    top: -120px !important;
    bottom: -120px !important;
  }

  .xl\:-inset-x-8 {
    right: -120px !important;
    left: -120px !important;
  }

  .xl\:-inset-y-px {
    top: -1px !important;
    bottom: -1px !important;
  }

  .xl\:-inset-x-px {
    right: -1px !important;
    left: -1px !important;
  }

  .xl\:-inset-y-sm {
    top: -4px !important;
    bottom: -4px !important;
  }

  .xl\:-inset-x-sm {
    right: -4px !important;
    left: -4px !important;
  }

  .xl\:-inset-y-1\.5 {
    top: -12px !important;
    bottom: -12px !important;
  }

  .xl\:-inset-x-1\.5 {
    right: -12px !important;
    left: -12px !important;
  }

  .xl\:inset-y-auto {
    top: auto !important;
    bottom: auto !important;
  }

  .xl\:inset-x-auto {
    right: auto !important;
    left: auto !important;
  }

  .xl\:top-0 {
    top: 0 !important;
  }

  .xl\:right-0 {
    right: 0 !important;
  }

  .xl\:bottom-0 {
    bottom: 0 !important;
  }

  .xl\:left-0 {
    left: 0 !important;
  }

  .xl\:top-1 {
    top: 8px !important;
  }

  .xl\:right-1 {
    right: 8px !important;
  }

  .xl\:bottom-1 {
    bottom: 8px !important;
  }

  .xl\:left-1 {
    left: 8px !important;
  }

  .xl\:top-2 {
    top: 16px !important;
  }

  .xl\:right-2 {
    right: 16px !important;
  }

  .xl\:bottom-2 {
    bottom: 16px !important;
  }

  .xl\:left-2 {
    left: 16px !important;
  }

  .xl\:top-3 {
    top: 24px !important;
  }

  .xl\:right-3 {
    right: 24px !important;
  }

  .xl\:bottom-3 {
    bottom: 24px !important;
  }

  .xl\:left-3 {
    left: 24px !important;
  }

  .xl\:top-4 {
    top: 32px !important;
  }

  .xl\:right-4 {
    right: 32px !important;
  }

  .xl\:bottom-4 {
    bottom: 32px !important;
  }

  .xl\:left-4 {
    left: 32px !important;
  }

  .xl\:top-5 {
    top: 40px !important;
  }

  .xl\:right-5 {
    right: 40px !important;
  }

  .xl\:bottom-5 {
    bottom: 40px !important;
  }

  .xl\:left-5 {
    left: 40px !important;
  }

  .xl\:top-6 {
    top: 64px !important;
  }

  .xl\:right-6 {
    right: 64px !important;
  }

  .xl\:bottom-6 {
    bottom: 64px !important;
  }

  .xl\:left-6 {
    left: 64px !important;
  }

  .xl\:top-7 {
    top: 80px !important;
  }

  .xl\:right-7 {
    right: 80px !important;
  }

  .xl\:bottom-7 {
    bottom: 80px !important;
  }

  .xl\:left-7 {
    left: 80px !important;
  }

  .xl\:top-8 {
    top: 120px !important;
  }

  .xl\:right-8 {
    right: 120px !important;
  }

  .xl\:bottom-8 {
    bottom: 120px !important;
  }

  .xl\:left-8 {
    left: 120px !important;
  }

  .xl\:top-px {
    top: 1px !important;
  }

  .xl\:right-px {
    right: 1px !important;
  }

  .xl\:bottom-px {
    bottom: 1px !important;
  }

  .xl\:left-px {
    left: 1px !important;
  }

  .xl\:top-sm {
    top: 4px !important;
  }

  .xl\:right-sm {
    right: 4px !important;
  }

  .xl\:bottom-sm {
    bottom: 4px !important;
  }

  .xl\:left-sm {
    left: 4px !important;
  }

  .xl\:top-1\.5 {
    top: 12px !important;
  }

  .xl\:right-1\.5 {
    right: 12px !important;
  }

  .xl\:bottom-1\.5 {
    bottom: 12px !important;
  }

  .xl\:left-1\.5 {
    left: 12px !important;
  }

  .xl\:-top-1 {
    top: -8px !important;
  }

  .xl\:-right-1 {
    right: -8px !important;
  }

  .xl\:-bottom-1 {
    bottom: -8px !important;
  }

  .xl\:-left-1 {
    left: -8px !important;
  }

  .xl\:-top-2 {
    top: -16px !important;
  }

  .xl\:-right-2 {
    right: -16px !important;
  }

  .xl\:-bottom-2 {
    bottom: -16px !important;
  }

  .xl\:-left-2 {
    left: -16px !important;
  }

  .xl\:-top-3 {
    top: -24px !important;
  }

  .xl\:-right-3 {
    right: -24px !important;
  }

  .xl\:-bottom-3 {
    bottom: -24px !important;
  }

  .xl\:-left-3 {
    left: -24px !important;
  }

  .xl\:-top-4 {
    top: -32px !important;
  }

  .xl\:-right-4 {
    right: -32px !important;
  }

  .xl\:-bottom-4 {
    bottom: -32px !important;
  }

  .xl\:-left-4 {
    left: -32px !important;
  }

  .xl\:-top-5 {
    top: -40px !important;
  }

  .xl\:-right-5 {
    right: -40px !important;
  }

  .xl\:-bottom-5 {
    bottom: -40px !important;
  }

  .xl\:-left-5 {
    left: -40px !important;
  }

  .xl\:-top-6 {
    top: -64px !important;
  }

  .xl\:-right-6 {
    right: -64px !important;
  }

  .xl\:-bottom-6 {
    bottom: -64px !important;
  }

  .xl\:-left-6 {
    left: -64px !important;
  }

  .xl\:-top-7 {
    top: -80px !important;
  }

  .xl\:-right-7 {
    right: -80px !important;
  }

  .xl\:-bottom-7 {
    bottom: -80px !important;
  }

  .xl\:-left-7 {
    left: -80px !important;
  }

  .xl\:-top-8 {
    top: -120px !important;
  }

  .xl\:-right-8 {
    right: -120px !important;
  }

  .xl\:-bottom-8 {
    bottom: -120px !important;
  }

  .xl\:-left-8 {
    left: -120px !important;
  }

  .xl\:-top-px {
    top: -1px !important;
  }

  .xl\:-right-px {
    right: -1px !important;
  }

  .xl\:-bottom-px {
    bottom: -1px !important;
  }

  .xl\:-left-px {
    left: -1px !important;
  }

  .xl\:-top-sm {
    top: -4px !important;
  }

  .xl\:-right-sm {
    right: -4px !important;
  }

  .xl\:-bottom-sm {
    bottom: -4px !important;
  }

  .xl\:-left-sm {
    left: -4px !important;
  }

  .xl\:-top-1\.5 {
    top: -12px !important;
  }

  .xl\:-right-1\.5 {
    right: -12px !important;
  }

  .xl\:-bottom-1\.5 {
    bottom: -12px !important;
  }

  .xl\:-left-1\.5 {
    left: -12px !important;
  }

  .xl\:top-auto {
    top: auto !important;
  }

  .xl\:right-auto {
    right: auto !important;
  }

  .xl\:bottom-auto {
    bottom: auto !important;
  }

  .xl\:left-auto {
    left: auto !important;
  }

  .xl\:resize-none {
    resize: none !important;
  }

  .xl\:resize-y {
    resize: vertical !important;
  }

  .xl\:resize-x {
    resize: horizontal !important;
  }

  .xl\:resize {
    resize: both !important;
  }

  .xl\:shadow-sm {
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03) !important;
  }

  .xl\:shadow {
    box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15) !important;
  }

  .xl\:shadow-lg {
    box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075) !important;
  }

  .xl\:shadow-xl {
    box-shadow: 0 12px 24px 0 rgba(50, 50, 93, .1), 0 10px 20px 0 rgba(0, 0, 0, .075) !important;
  }

  .xl\:shadow-popover {
    box-shadow: 0 0 0 1px rgba(40,45,50,0.05), 0 0 0 1px rgba(40,45,50,0.05), 0 2px 7px 1px rgba(40,45,50,0.16) !important;
  }

  .xl\:shadow-set {
    box-shadow: rgba(50,50,93,.1) 0 0 0 1px, rgba(50,50,93,.08) 0 2px 5px, rgba(0,0,0,.07) 0 1px 1.5px,rgba(0,0,0,.08) 0 1px 2px 0, transparent 0 0 0 0 !important;
  }

  .xl\:shadow-button {
    box-shadow: 0 1px 0 0 rgba(25,30,35,.05) !important;
  }

  .xl\:shadow-inner {
    box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05) !important;
  }

  .xl\:shadow-none {
    box-shadow: none !important;
  }

  .xl\:hover\:shadow-sm:hover {
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03) !important;
  }

  .xl\:hover\:shadow:hover {
    box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15) !important;
  }

  .xl\:hover\:shadow-lg:hover {
    box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075) !important;
  }

  .xl\:hover\:shadow-xl:hover {
    box-shadow: 0 12px 24px 0 rgba(50, 50, 93, .1), 0 10px 20px 0 rgba(0, 0, 0, .075) !important;
  }

  .xl\:hover\:shadow-popover:hover {
    box-shadow: 0 0 0 1px rgba(40,45,50,0.05), 0 0 0 1px rgba(40,45,50,0.05), 0 2px 7px 1px rgba(40,45,50,0.16) !important;
  }

  .xl\:hover\:shadow-set:hover {
    box-shadow: rgba(50,50,93,.1) 0 0 0 1px, rgba(50,50,93,.08) 0 2px 5px, rgba(0,0,0,.07) 0 1px 1.5px,rgba(0,0,0,.08) 0 1px 2px 0, transparent 0 0 0 0 !important;
  }

  .xl\:hover\:shadow-button:hover {
    box-shadow: 0 1px 0 0 rgba(25,30,35,.05) !important;
  }

  .xl\:hover\:shadow-inner:hover {
    box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05) !important;
  }

  .xl\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }

  .xl\:focus\:shadow-sm:focus {
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.03) !important;
  }

  .xl\:focus\:shadow:focus {
    box-shadow: 0 0 0 1px rgba(49,49,93,.05), 0 2px 5px 0 rgba(49,49,93,.075), 0 1px 3px 0 rgba(49,49,93,.15) !important;
  }

  .xl\:focus\:shadow-lg:focus {
    box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 2px 8px 0 rgba(0,0,0,.075) !important;
  }

  .xl\:focus\:shadow-xl:focus {
    box-shadow: 0 12px 24px 0 rgba(50, 50, 93, .1), 0 10px 20px 0 rgba(0, 0, 0, .075) !important;
  }

  .xl\:focus\:shadow-popover:focus {
    box-shadow: 0 0 0 1px rgba(40,45,50,0.05), 0 0 0 1px rgba(40,45,50,0.05), 0 2px 7px 1px rgba(40,45,50,0.16) !important;
  }

  .xl\:focus\:shadow-set:focus {
    box-shadow: rgba(50,50,93,.1) 0 0 0 1px, rgba(50,50,93,.08) 0 2px 5px, rgba(0,0,0,.07) 0 1px 1.5px,rgba(0,0,0,.08) 0 1px 2px 0, transparent 0 0 0 0 !important;
  }

  .xl\:focus\:shadow-button:focus {
    box-shadow: 0 1px 0 0 rgba(25,30,35,.05) !important;
  }

  .xl\:focus\:shadow-inner:focus {
    box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05) !important;
  }

  .xl\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }

  .xl\:stroke-0 {
    stroke-width: 0 !important;
  }

  .xl\:stroke-1 {
    stroke-width: 1 !important;
  }

  .xl\:stroke-2 {
    stroke-width: 2 !important;
  }

  .xl\:table-auto {
    table-layout: auto !important;
  }

  .xl\:table-fixed {
    table-layout: fixed !important;
  }

  .xl\:text-left {
    text-align: left !important;
  }

  .xl\:text-center {
    text-align: center !important;
  }

  .xl\:text-right {
    text-align: right !important;
  }

  .xl\:text-justify {
    text-align: justify !important;
  }

  .xl\:text-transparent {
    color: transparent !important;
  }

  .xl\:text-black {
    --text-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .xl\:text-grey-100 {
    --text-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity)) !important;
  }

  .xl\:text-grey {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .xl\:text-grey-90 {
    --text-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity)) !important;
  }

  .xl\:text-grey-80 {
    --text-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity)) !important;
  }

  .xl\:text-grey-70 {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .xl\:text-grey-60 {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity)) !important;
  }

  .xl\:text-grey-50 {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--text-opacity)) !important;
  }

  .xl\:text-grey-40 {
    --text-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity)) !important;
  }

  .xl\:text-grey-30 {
    --text-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--text-opacity)) !important;
  }

  .xl\:text-grey-20 {
    --text-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity)) !important;
  }

  .xl\:text-grey-10 {
    --text-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--text-opacity)) !important;
  }

  .xl\:text-white {
    --text-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .xl\:text-green {
    --text-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--text-opacity)) !important;
  }

  .xl\:text-green-light {
    --text-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--text-opacity)) !important;
  }

  .xl\:text-blue-lighter {
    --text-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--text-opacity)) !important;
  }

  .xl\:text-blue-light {
    --text-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--text-opacity)) !important;
  }

  .xl\:text-blue {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .xl\:text-blue-dark {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity)) !important;
  }

  .xl\:text-blue-darker {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--text-opacity)) !important;
  }

  .xl\:text-blue-100 {
    --text-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--text-opacity)) !important;
  }

  .xl\:text-blue-200 {
    --text-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--text-opacity)) !important;
  }

  .xl\:text-blue-300 {
    --text-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--text-opacity)) !important;
  }

  .xl\:text-blue-400 {
    --text-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--text-opacity)) !important;
  }

  .xl\:text-blue-500 {
    --text-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--text-opacity)) !important;
  }

  .xl\:text-blue-600 {
    --text-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--text-opacity)) !important;
  }

  .xl\:text-blue-700 {
    --text-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--text-opacity)) !important;
  }

  .xl\:text-blue-800 {
    --text-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--text-opacity)) !important;
  }

  .xl\:text-blue-900 {
    --text-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--text-opacity)) !important;
  }

  .xl\:text-red-dark {
    --text-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--text-opacity)) !important;
  }

  .xl\:text-red {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity)) !important;
  }

  .xl\:text-red-light {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--text-opacity)) !important;
  }

  .xl\:text-red-lighter {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity)) !important;
  }

  .xl\:text-yellow {
    --text-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--text-opacity)) !important;
  }

  .xl\:text-yellow-dark {
    --text-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--text-opacity)) !important;
  }

  .xl\:text-orange {
    --text-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--text-opacity)) !important;
  }

  .xl\:text-pink {
    --text-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--text-opacity)) !important;
  }

  .xl\:text-purple {
    --text-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--text-opacity)) !important;
  }

  .xl\:text-darken-10 {
    color: rgba(0,0,0,.1) !important;
  }

  .xl\:text-darken-20 {
    color: rgba(0,0,0,.2) !important;
  }

  .xl\:text-primary {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-transparent:hover {
    color: transparent !important;
  }

  .xl\:hover\:text-black:hover {
    --text-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-grey-100:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-grey:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-grey-90:hover {
    --text-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-grey-80:hover {
    --text-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-grey-70:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-grey-60:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-grey-50:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-grey-40:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-grey-30:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-grey-20:hover {
    --text-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-grey-10:hover {
    --text-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-white:hover {
    --text-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-green:hover {
    --text-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-green-light:hover {
    --text-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-lighter:hover {
    --text-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-light:hover {
    --text-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue:hover {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-dark:hover {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-darker:hover {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-100:hover {
    --text-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-200:hover {
    --text-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-300:hover {
    --text-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-400:hover {
    --text-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-500:hover {
    --text-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-600:hover {
    --text-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-700:hover {
    --text-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-800:hover {
    --text-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-900:hover {
    --text-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-red-dark:hover {
    --text-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-red:hover {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-red-light:hover {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-red-lighter:hover {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-yellow:hover {
    --text-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-yellow-dark:hover {
    --text-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-orange:hover {
    --text-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-pink:hover {
    --text-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-purple:hover {
    --text-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-darken-10:hover {
    color: rgba(0,0,0,.1) !important;
  }

  .xl\:hover\:text-darken-20:hover {
    color: rgba(0,0,0,.2) !important;
  }

  .xl\:hover\:text-primary:hover {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-transparent {
    color: transparent !important;
  }

  .group:hover .xl\:group-hover\:text-black {
    --text-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-grey-100 {
    --text-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-grey {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-grey-90 {
    --text-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-grey-80 {
    --text-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-grey-70 {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-grey-60 {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-grey-50 {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-grey-40 {
    --text-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-grey-30 {
    --text-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-grey-20 {
    --text-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-grey-10 {
    --text-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-white {
    --text-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-green {
    --text-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-green-light {
    --text-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-blue-lighter {
    --text-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-blue-light {
    --text-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-blue {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-blue-dark {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-blue-darker {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-blue-100 {
    --text-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-blue-200 {
    --text-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-blue-300 {
    --text-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-blue-400 {
    --text-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-blue-500 {
    --text-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-blue-600 {
    --text-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-blue-700 {
    --text-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-blue-800 {
    --text-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-blue-900 {
    --text-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-red-dark {
    --text-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-red {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-red-light {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-red-lighter {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-yellow {
    --text-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-yellow-dark {
    --text-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-orange {
    --text-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-pink {
    --text-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-purple {
    --text-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--text-opacity)) !important;
  }

  .group:hover .xl\:group-hover\:text-darken-10 {
    color: rgba(0,0,0,.1) !important;
  }

  .group:hover .xl\:group-hover\:text-darken-20 {
    color: rgba(0,0,0,.2) !important;
  }

  .group:hover .xl\:group-hover\:text-primary {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-transparent:focus {
    color: transparent !important;
  }

  .xl\:focus\:text-black:focus {
    --text-opacity: 1 !important;
    color: #000000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-grey-100:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 20%, 10%) !important;
    color: rgba(20.400000000000006, 25.499999999999996, 30.599999999999998, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-grey:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-grey-90:focus {
    --text-opacity: 1 !important;
    color: hsl(196, 31%, 14%) !important;
    color: rgba(24.633, 40.86460000000001, 46.76700000000001, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-grey-80:focus {
    --text-opacity: 1 !important;
    color: hsl(198, 32%, 16%) !important;
    color: rgba(27.743999999999996, 46.02239999999999, 53.85600000000001, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-grey-70:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 10%, 50%) !important;
    color: rgba(114.75000000000001, 127.49999999999999, 140.24999999999997, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-grey-60:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 70%) !important;
    color: rgba(167.02499999999998, 178.5, 189.975, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-grey-50:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 15%, 80%) !important;
    color: rgba(196.35, 204, 211.65, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-grey-40:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 22%, 89%) !important;
    color: rgba(220.77899999999997, 226.95000000000002, 233.12100000000004, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-grey-30:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 30%, 95%) !important;
    color: rgba(238.42499999999995, 242.25, 246.07500000000002, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-grey-20:focus {
    --text-opacity: 1 !important;
    color: hsl(214, 60%, 97.5%) !important;
    color: rgba(244.79999999999998, 248.11499999999998, 252.45, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-grey-10:focus {
    --text-opacity: 1 !important;
    color: hsl(218, 90%, 99%) !important;
    color: rgba(250.15499999999997, 251.838, 254.74500000000003, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-white:focus {
    --text-opacity: 1 !important;
    color: #ffffff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-green:focus {
    --text-opacity: 1 !important;
    color: #479967 !important;
    color: rgba(71, 153, 103, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-green-light:focus {
    --text-opacity: 1 !important;
    color: #64BD63 !important;
    color: rgba(100, 189, 99, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-lighter:focus {
    --text-opacity: 1 !important;
    color: hsl(207, 86%, 70%) !important;
    color: rgba(112.70999999999997, 185.079, 244.29000000000002, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-light:focus {
    --text-opacity: 1 !important;
    color: hsl(210, 100%, 75%) !important;
    color: rgba(127.5, 191.24999999999994, 255, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue:focus {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-dark:focus {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 45%) !important;
    color: rgba(28.68750000000001, 143.43749999999994, 200.8125, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-darker:focus {
    --text-opacity: 1 !important;
    color: hsl(200, 75%, 40%) !important;
    color: rgba(25.499999999999993, 127.49999999999994, 178.50000000000003, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-100:focus {
    --text-opacity: 1 !important;
    color: #eaf5ff !important;
    color: rgba(234, 245, 255, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-200:focus {
    --text-opacity: 1 !important;
    color: #abd9ff !important;
    color: rgba(171, 217, 255, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-300:focus {
    --text-opacity: 1 !important;
    color: #82c5ff !important;
    color: rgba(130, 197, 255, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-400:focus {
    --text-opacity: 1 !important;
    color: #43a9ff !important;
    color: rgba(67, 169, 255, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-500:focus {
    --text-opacity: 1 !important;
    color: #2e9fff !important;
    color: rgba(46, 159, 255, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-600:focus {
    --text-opacity: 1 !important;
    color: #298fe6 !important;
    color: rgba(41, 143, 230, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-700:focus {
    --text-opacity: 1 !important;
    color: #257fcc !important;
    color: rgba(37, 127, 204, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-800:focus {
    --text-opacity: 1 !important;
    color: #206fb3 !important;
    color: rgba(32, 111, 179, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-900:focus {
    --text-opacity: 1 !important;
    color: #175080 !important;
    color: rgba(23, 80, 128, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-red-dark:focus {
    --text-opacity: 1 !important;
    color: hsl(2, 57%, 53%) !important;
    color: rgba(203.46450000000002, 71.3898, 66.8355, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-red:focus {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 60%) !important;
    color: rgba(230.51999999999998, 80.64800000000001, 75.48, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-red-light:focus {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 70%) !important;
    color: rgba(236.64000000000001, 124.23599999999996, 120.35999999999997, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-red-lighter:focus {
    --text-opacity: 1 !important;
    color: hsl(2, 76%, 95%) !important;
    color: rgba(251.94, 233.206, 232.55999999999997, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-yellow:focus {
    --text-opacity: 1 !important;
    color: #fbfab0 !important;
    color: rgba(251, 250, 176, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-yellow-dark:focus {
    --text-opacity: 1 !important;
    color: #d8cd1b !important;
    color: rgba(216, 205, 27, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-orange:focus {
    --text-opacity: 1 !important;
    color: #f5a82f !important;
    color: rgba(245, 168, 47, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-pink:focus {
    --text-opacity: 1 !important;
    color: #ff269e !important;
    color: rgba(255, 38, 158, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-purple:focus {
    --text-opacity: 1 !important;
    color: #c471ed !important;
    color: rgba(196, 113, 237, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-darken-10:focus {
    color: rgba(0,0,0,.1) !important;
  }

  .xl\:focus\:text-darken-20:focus {
    color: rgba(0,0,0,.2) !important;
  }

  .xl\:focus\:text-primary:focus {
    --text-opacity: 1 !important;
    color: hsl(200, 80%, 50%) !important;
    color: rgba(25.499999999999993, 161.49999999999994, 229.5, var(--text-opacity)) !important;
  }

  .xl\:text-opacity-0 {
    --text-opacity: 0 !important;
  }

  .xl\:text-opacity-25 {
    --text-opacity: 0.25 !important;
  }

  .xl\:text-opacity-50 {
    --text-opacity: 0.5 !important;
  }

  .xl\:text-opacity-75 {
    --text-opacity: 0.75 !important;
  }

  .xl\:text-opacity-100 {
    --text-opacity: 1 !important;
  }

  .xl\:hover\:text-opacity-0:hover {
    --text-opacity: 0 !important;
  }

  .xl\:hover\:text-opacity-25:hover {
    --text-opacity: 0.25 !important;
  }

  .xl\:hover\:text-opacity-50:hover {
    --text-opacity: 0.5 !important;
  }

  .xl\:hover\:text-opacity-75:hover {
    --text-opacity: 0.75 !important;
  }

  .xl\:hover\:text-opacity-100:hover {
    --text-opacity: 1 !important;
  }

  .xl\:focus\:text-opacity-0:focus {
    --text-opacity: 0 !important;
  }

  .xl\:focus\:text-opacity-25:focus {
    --text-opacity: 0.25 !important;
  }

  .xl\:focus\:text-opacity-50:focus {
    --text-opacity: 0.5 !important;
  }

  .xl\:focus\:text-opacity-75:focus {
    --text-opacity: 0.75 !important;
  }

  .xl\:focus\:text-opacity-100:focus {
    --text-opacity: 1 !important;
  }

  .xl\:italic {
    font-style: italic !important;
  }

  .xl\:not-italic {
    font-style: normal !important;
  }

  .xl\:hover\:italic:hover {
    font-style: italic !important;
  }

  .xl\:hover\:not-italic:hover {
    font-style: normal !important;
  }

  .xl\:focus\:italic:focus {
    font-style: italic !important;
  }

  .xl\:focus\:not-italic:focus {
    font-style: normal !important;
  }

  .xl\:uppercase {
    text-transform: uppercase !important;
  }

  .xl\:lowercase {
    text-transform: lowercase !important;
  }

  .xl\:capitalize {
    text-transform: capitalize !important;
  }

  .xl\:normal-case {
    text-transform: none !important;
  }

  .xl\:hover\:uppercase:hover {
    text-transform: uppercase !important;
  }

  .xl\:hover\:lowercase:hover {
    text-transform: lowercase !important;
  }

  .xl\:hover\:capitalize:hover {
    text-transform: capitalize !important;
  }

  .xl\:hover\:normal-case:hover {
    text-transform: none !important;
  }

  .xl\:focus\:uppercase:focus {
    text-transform: uppercase !important;
  }

  .xl\:focus\:lowercase:focus {
    text-transform: lowercase !important;
  }

  .xl\:focus\:capitalize:focus {
    text-transform: capitalize !important;
  }

  .xl\:focus\:normal-case:focus {
    text-transform: none !important;
  }

  .xl\:underline {
    text-decoration: underline !important;
  }

  .xl\:line-through {
    text-decoration: line-through !important;
  }

  .xl\:no-underline {
    text-decoration: none !important;
  }

  .xl\:hover\:underline:hover {
    text-decoration: underline !important;
  }

  .xl\:hover\:line-through:hover {
    text-decoration: line-through !important;
  }

  .xl\:hover\:no-underline:hover {
    text-decoration: none !important;
  }

  .xl\:focus\:underline:focus {
    text-decoration: underline !important;
  }

  .xl\:focus\:line-through:focus {
    text-decoration: line-through !important;
  }

  .xl\:focus\:no-underline:focus {
    text-decoration: none !important;
  }

  .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions {
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important;
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important;
  }

  .xl\:normal-nums {
    font-variant-numeric: normal !important;
  }

  .xl\:ordinal {
    --font-variant-numeric-ordinal: ordinal !important;
  }

  .xl\:slashed-zero {
    --font-variant-numeric-slashed-zero: slashed-zero !important;
  }

  .xl\:lining-nums {
    --font-variant-numeric-figure: lining-nums !important;
  }

  .xl\:oldstyle-nums {
    --font-variant-numeric-figure: oldstyle-nums !important;
  }

  .xl\:proportional-nums {
    --font-variant-numeric-spacing: proportional-nums !important;
  }

  .xl\:tabular-nums {
    --font-variant-numeric-spacing: tabular-nums !important;
  }

  .xl\:diagonal-fractions {
    --font-variant-numeric-fraction: diagonal-fractions !important;
  }

  .xl\:stacked-fractions {
    --font-variant-numeric-fraction: stacked-fractions !important;
  }

  .xl\:tracking-tight {
    letter-spacing: -0.05em !important;
  }

  .xl\:tracking-normal {
    letter-spacing: -0.004em !important;
  }

  .xl\:tracking-wide {
    letter-spacing: 0.14em !important;
  }

  .xl\:select-none {
    -webkit-user-select: none !important;
       -moz-user-select: none !important;
        -ms-user-select: none !important;
            user-select: none !important;
  }

  .xl\:select-text {
    -webkit-user-select: text !important;
       -moz-user-select: text !important;
        -ms-user-select: text !important;
            user-select: text !important;
  }

  .xl\:select-all {
    -webkit-user-select: all !important;
       -moz-user-select: all !important;
        -ms-user-select: all !important;
            user-select: all !important;
  }

  .xl\:select-auto {
    -webkit-user-select: auto !important;
       -moz-user-select: auto !important;
        -ms-user-select: auto !important;
            user-select: auto !important;
  }

  .xl\:align-baseline {
    vertical-align: baseline !important;
  }

  .xl\:align-top {
    vertical-align: top !important;
  }

  .xl\:align-middle {
    vertical-align: middle !important;
  }

  .xl\:align-bottom {
    vertical-align: bottom !important;
  }

  .xl\:align-text-top {
    vertical-align: text-top !important;
  }

  .xl\:align-text-bottom {
    vertical-align: text-bottom !important;
  }

  .xl\:visible {
    visibility: visible !important;
  }

  .xl\:invisible {
    visibility: hidden !important;
  }

  .xl\:whitespace-normal {
    white-space: normal !important;
  }

  .xl\:whitespace-no-wrap {
    white-space: nowrap !important;
  }

  .xl\:whitespace-pre {
    white-space: pre !important;
  }

  .xl\:whitespace-pre-line {
    white-space: pre-line !important;
  }

  .xl\:whitespace-pre-wrap {
    white-space: pre-wrap !important;
  }

  .xl\:break-normal {
    word-wrap: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .xl\:break-words {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  .xl\:break-all {
    word-break: break-all !important;
  }

  .xl\:truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .xl\:w-1 {
    width: 0.25rem !important;
  }

  .xl\:w-2 {
    width: 0.5rem !important;
  }

  .xl\:w-3 {
    width: 0.75rem !important;
  }

  .xl\:w-4 {
    width: 1rem !important;
  }

  .xl\:w-5 {
    width: 1.25rem !important;
  }

  .xl\:w-6 {
    width: 1.5rem !important;
  }

  .xl\:w-7 {
    width: 1.75rem !important;
  }

  .xl\:w-8 {
    width: 2rem !important;
  }

  .xl\:w-10 {
    width: 2.5rem !important;
  }

  .xl\:w-12 {
    width: 3rem !important;
  }

  .xl\:w-16 {
    width: 4rem !important;
  }

  .xl\:w-24 {
    width: 6rem !important;
  }

  .xl\:w-32 {
    width: 8rem !important;
  }

  .xl\:w-40 {
    width: 10rem !important;
  }

  .xl\:w-48 {
    width: 12rem !important;
  }

  .xl\:w-52 {
    width: 13rem !important;
  }

  .xl\:w-56 {
    width: 14rem !important;
  }

  .xl\:w-60 {
    width: 15rem !important;
  }

  .xl\:w-64 {
    width: 16rem !important;
  }

  .xl\:w-80 {
    width: 20rem !important;
  }

  .xl\:w-96 {
    width: 24rem !important;
  }

  .xl\:w-128 {
    width: 32rem !important;
  }

  .xl\:w-160 {
    width: 40rem !important;
  }

  .xl\:w-240 {
    width: 60rem !important;
  }

  .xl\:w-auto {
    width: auto !important;
  }

  .xl\:w-px {
    width: 1px !important;
  }

  .xl\:w-1\/2 {
    width: 50% !important;
  }

  .xl\:w-1\/3 {
    width: 33.33333% !important;
  }

  .xl\:w-2\/3 {
    width: 66.66667% !important;
  }

  .xl\:w-1\/4 {
    width: 25% !important;
  }

  .xl\:w-3\/4 {
    width: 75% !important;
  }

  .xl\:w-1\/5 {
    width: 20% !important;
  }

  .xl\:w-2\/5 {
    width: 40% !important;
  }

  .xl\:w-3\/5 {
    width: 60% !important;
  }

  .xl\:w-4\/5 {
    width: 80% !important;
  }

  .xl\:w-1\/6 {
    width: 16.66667% !important;
  }

  .xl\:w-5\/6 {
    width: 83.33333% !important;
  }

  .xl\:w-full {
    width: 100% !important;
  }

  .xl\:w-screen {
    width: 100vw !important;
  }

  .xl\:z-0 {
    z-index: 0 !important;
  }

  .xl\:z-5 {
    z-index: 5 !important;
  }

  .xl\:z-10 {
    z-index: 10 !important;
  }

  .xl\:z-20 {
    z-index: 20 !important;
  }

  .xl\:z-30 {
    z-index: 30 !important;
  }

  .xl\:z-40 {
    z-index: 40 !important;
  }

  .xl\:z-50 {
    z-index: 50 !important;
  }

  .xl\:z-200 {
    z-index: 200 !important;
  }

  .xl\:z-top {
    z-index: 1001 !important;
  }

  .xl\:z-max {
    z-index: 9999 !important;
  }

  .xl\:z-auto {
    z-index: auto !important;
  }

  .xl\:gap-0 {
    grid-gap: 0 !important;
    gap: 0 !important;
  }

  .xl\:gap-1 {
    grid-gap: 8px !important;
    gap: 8px !important;
  }

  .xl\:gap-2 {
    grid-gap: 16px !important;
    gap: 16px !important;
  }

  .xl\:gap-3 {
    grid-gap: 24px !important;
    gap: 24px !important;
  }

  .xl\:gap-4 {
    grid-gap: 32px !important;
    gap: 32px !important;
  }

  .xl\:gap-5 {
    grid-gap: 40px !important;
    gap: 40px !important;
  }

  .xl\:gap-6 {
    grid-gap: 64px !important;
    gap: 64px !important;
  }

  .xl\:gap-7 {
    grid-gap: 80px !important;
    gap: 80px !important;
  }

  .xl\:gap-8 {
    grid-gap: 120px !important;
    gap: 120px !important;
  }

  .xl\:gap-px {
    grid-gap: 1px !important;
    gap: 1px !important;
  }

  .xl\:gap-sm {
    grid-gap: 4px !important;
    gap: 4px !important;
  }

  .xl\:gap-1\.5 {
    grid-gap: 12px !important;
    gap: 12px !important;
  }

  .xl\:col-gap-0 {
    grid-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .xl\:col-gap-1 {
    grid-column-gap: 8px !important;
    -moz-column-gap: 8px !important;
         column-gap: 8px !important;
  }

  .xl\:col-gap-2 {
    grid-column-gap: 16px !important;
    -moz-column-gap: 16px !important;
         column-gap: 16px !important;
  }

  .xl\:col-gap-3 {
    grid-column-gap: 24px !important;
    -moz-column-gap: 24px !important;
         column-gap: 24px !important;
  }

  .xl\:col-gap-4 {
    grid-column-gap: 32px !important;
    -moz-column-gap: 32px !important;
         column-gap: 32px !important;
  }

  .xl\:col-gap-5 {
    grid-column-gap: 40px !important;
    -moz-column-gap: 40px !important;
         column-gap: 40px !important;
  }

  .xl\:col-gap-6 {
    grid-column-gap: 64px !important;
    -moz-column-gap: 64px !important;
         column-gap: 64px !important;
  }

  .xl\:col-gap-7 {
    grid-column-gap: 80px !important;
    -moz-column-gap: 80px !important;
         column-gap: 80px !important;
  }

  .xl\:col-gap-8 {
    grid-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
         column-gap: 120px !important;
  }

  .xl\:col-gap-px {
    grid-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
         column-gap: 1px !important;
  }

  .xl\:col-gap-sm {
    grid-column-gap: 4px !important;
    -moz-column-gap: 4px !important;
         column-gap: 4px !important;
  }

  .xl\:col-gap-1\.5 {
    grid-column-gap: 12px !important;
    -moz-column-gap: 12px !important;
         column-gap: 12px !important;
  }

  .xl\:gap-x-0 {
    grid-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .xl\:gap-x-1 {
    grid-column-gap: 8px !important;
    -moz-column-gap: 8px !important;
         column-gap: 8px !important;
  }

  .xl\:gap-x-2 {
    grid-column-gap: 16px !important;
    -moz-column-gap: 16px !important;
         column-gap: 16px !important;
  }

  .xl\:gap-x-3 {
    grid-column-gap: 24px !important;
    -moz-column-gap: 24px !important;
         column-gap: 24px !important;
  }

  .xl\:gap-x-4 {
    grid-column-gap: 32px !important;
    -moz-column-gap: 32px !important;
         column-gap: 32px !important;
  }

  .xl\:gap-x-5 {
    grid-column-gap: 40px !important;
    -moz-column-gap: 40px !important;
         column-gap: 40px !important;
  }

  .xl\:gap-x-6 {
    grid-column-gap: 64px !important;
    -moz-column-gap: 64px !important;
         column-gap: 64px !important;
  }

  .xl\:gap-x-7 {
    grid-column-gap: 80px !important;
    -moz-column-gap: 80px !important;
         column-gap: 80px !important;
  }

  .xl\:gap-x-8 {
    grid-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
         column-gap: 120px !important;
  }

  .xl\:gap-x-px {
    grid-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
         column-gap: 1px !important;
  }

  .xl\:gap-x-sm {
    grid-column-gap: 4px !important;
    -moz-column-gap: 4px !important;
         column-gap: 4px !important;
  }

  .xl\:gap-x-1\.5 {
    grid-column-gap: 12px !important;
    -moz-column-gap: 12px !important;
         column-gap: 12px !important;
  }

  .xl\:row-gap-0 {
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .xl\:row-gap-1 {
    grid-row-gap: 8px !important;
    row-gap: 8px !important;
  }

  .xl\:row-gap-2 {
    grid-row-gap: 16px !important;
    row-gap: 16px !important;
  }

  .xl\:row-gap-3 {
    grid-row-gap: 24px !important;
    row-gap: 24px !important;
  }

  .xl\:row-gap-4 {
    grid-row-gap: 32px !important;
    row-gap: 32px !important;
  }

  .xl\:row-gap-5 {
    grid-row-gap: 40px !important;
    row-gap: 40px !important;
  }

  .xl\:row-gap-6 {
    grid-row-gap: 64px !important;
    row-gap: 64px !important;
  }

  .xl\:row-gap-7 {
    grid-row-gap: 80px !important;
    row-gap: 80px !important;
  }

  .xl\:row-gap-8 {
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .xl\:row-gap-px {
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .xl\:row-gap-sm {
    grid-row-gap: 4px !important;
    row-gap: 4px !important;
  }

  .xl\:row-gap-1\.5 {
    grid-row-gap: 12px !important;
    row-gap: 12px !important;
  }

  .xl\:gap-y-0 {
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .xl\:gap-y-1 {
    grid-row-gap: 8px !important;
    row-gap: 8px !important;
  }

  .xl\:gap-y-2 {
    grid-row-gap: 16px !important;
    row-gap: 16px !important;
  }

  .xl\:gap-y-3 {
    grid-row-gap: 24px !important;
    row-gap: 24px !important;
  }

  .xl\:gap-y-4 {
    grid-row-gap: 32px !important;
    row-gap: 32px !important;
  }

  .xl\:gap-y-5 {
    grid-row-gap: 40px !important;
    row-gap: 40px !important;
  }

  .xl\:gap-y-6 {
    grid-row-gap: 64px !important;
    row-gap: 64px !important;
  }

  .xl\:gap-y-7 {
    grid-row-gap: 80px !important;
    row-gap: 80px !important;
  }

  .xl\:gap-y-8 {
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .xl\:gap-y-px {
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .xl\:gap-y-sm {
    grid-row-gap: 4px !important;
    row-gap: 4px !important;
  }

  .xl\:gap-y-1\.5 {
    grid-row-gap: 12px !important;
    row-gap: 12px !important;
  }

  .xl\:grid-flow-row {
    grid-auto-flow: row !important;
  }

  .xl\:grid-flow-col {
    grid-auto-flow: column !important;
  }

  .xl\:grid-flow-row-dense {
    grid-auto-flow: row dense !important;
  }

  .xl\:grid-flow-col-dense {
    grid-auto-flow: column dense !important;
  }

  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-none {
    grid-template-columns: none !important;
  }

  .xl\:auto-cols-auto {
    grid-auto-columns: auto !important;
  }

  .xl\:auto-cols-min {
    grid-auto-columns: -webkit-min-content !important;
    grid-auto-columns: min-content !important;
  }

  .xl\:auto-cols-max {
    grid-auto-columns: -webkit-max-content !important;
    grid-auto-columns: max-content !important;
  }

  .xl\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr) !important;
  }

  .xl\:col-auto {
    grid-column: auto !important;
  }

  .xl\:col-span-1 {
    grid-column: span 1 / span 1 !important;
  }

  .xl\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }

  .xl\:col-span-3 {
    grid-column: span 3 / span 3 !important;
  }

  .xl\:col-span-4 {
    grid-column: span 4 / span 4 !important;
  }

  .xl\:col-span-5 {
    grid-column: span 5 / span 5 !important;
  }

  .xl\:col-span-6 {
    grid-column: span 6 / span 6 !important;
  }

  .xl\:col-span-7 {
    grid-column: span 7 / span 7 !important;
  }

  .xl\:col-span-8 {
    grid-column: span 8 / span 8 !important;
  }

  .xl\:col-span-9 {
    grid-column: span 9 / span 9 !important;
  }

  .xl\:col-span-10 {
    grid-column: span 10 / span 10 !important;
  }

  .xl\:col-span-11 {
    grid-column: span 11 / span 11 !important;
  }

  .xl\:col-span-12 {
    grid-column: span 12 / span 12 !important;
  }

  .xl\:col-span-full {
    grid-column: 1 / -1 !important;
  }

  .xl\:col-start-1 {
    grid-column-start: 1 !important;
  }

  .xl\:col-start-2 {
    grid-column-start: 2 !important;
  }

  .xl\:col-start-3 {
    grid-column-start: 3 !important;
  }

  .xl\:col-start-4 {
    grid-column-start: 4 !important;
  }

  .xl\:col-start-5 {
    grid-column-start: 5 !important;
  }

  .xl\:col-start-6 {
    grid-column-start: 6 !important;
  }

  .xl\:col-start-7 {
    grid-column-start: 7 !important;
  }

  .xl\:col-start-8 {
    grid-column-start: 8 !important;
  }

  .xl\:col-start-9 {
    grid-column-start: 9 !important;
  }

  .xl\:col-start-10 {
    grid-column-start: 10 !important;
  }

  .xl\:col-start-11 {
    grid-column-start: 11 !important;
  }

  .xl\:col-start-12 {
    grid-column-start: 12 !important;
  }

  .xl\:col-start-13 {
    grid-column-start: 13 !important;
  }

  .xl\:col-start-auto {
    grid-column-start: auto !important;
  }

  .xl\:col-end-1 {
    grid-column-end: 1 !important;
  }

  .xl\:col-end-2 {
    grid-column-end: 2 !important;
  }

  .xl\:col-end-3 {
    grid-column-end: 3 !important;
  }

  .xl\:col-end-4 {
    grid-column-end: 4 !important;
  }

  .xl\:col-end-5 {
    grid-column-end: 5 !important;
  }

  .xl\:col-end-6 {
    grid-column-end: 6 !important;
  }

  .xl\:col-end-7 {
    grid-column-end: 7 !important;
  }

  .xl\:col-end-8 {
    grid-column-end: 8 !important;
  }

  .xl\:col-end-9 {
    grid-column-end: 9 !important;
  }

  .xl\:col-end-10 {
    grid-column-end: 10 !important;
  }

  .xl\:col-end-11 {
    grid-column-end: 11 !important;
  }

  .xl\:col-end-12 {
    grid-column-end: 12 !important;
  }

  .xl\:col-end-13 {
    grid-column-end: 13 !important;
  }

  .xl\:col-end-auto {
    grid-column-end: auto !important;
  }

  .xl\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
  }

  .xl\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }

  .xl\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  }

  .xl\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }

  .xl\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  }

  .xl\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
  }

  .xl\:grid-rows-none {
    grid-template-rows: none !important;
  }

  .xl\:auto-rows-auto {
    grid-auto-rows: auto !important;
  }

  .xl\:auto-rows-min {
    grid-auto-rows: -webkit-min-content !important;
    grid-auto-rows: min-content !important;
  }

  .xl\:auto-rows-max {
    grid-auto-rows: -webkit-max-content !important;
    grid-auto-rows: max-content !important;
  }

  .xl\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr) !important;
  }

  .xl\:row-auto {
    grid-row: auto !important;
  }

  .xl\:row-span-1 {
    grid-row: span 1 / span 1 !important;
  }

  .xl\:row-span-2 {
    grid-row: span 2 / span 2 !important;
  }

  .xl\:row-span-3 {
    grid-row: span 3 / span 3 !important;
  }

  .xl\:row-span-4 {
    grid-row: span 4 / span 4 !important;
  }

  .xl\:row-span-5 {
    grid-row: span 5 / span 5 !important;
  }

  .xl\:row-span-6 {
    grid-row: span 6 / span 6 !important;
  }

  .xl\:row-span-full {
    grid-row: 1 / -1 !important;
  }

  .xl\:row-start-1 {
    grid-row-start: 1 !important;
  }

  .xl\:row-start-2 {
    grid-row-start: 2 !important;
  }

  .xl\:row-start-3 {
    grid-row-start: 3 !important;
  }

  .xl\:row-start-4 {
    grid-row-start: 4 !important;
  }

  .xl\:row-start-5 {
    grid-row-start: 5 !important;
  }

  .xl\:row-start-6 {
    grid-row-start: 6 !important;
  }

  .xl\:row-start-7 {
    grid-row-start: 7 !important;
  }

  .xl\:row-start-auto {
    grid-row-start: auto !important;
  }

  .xl\:row-end-1 {
    grid-row-end: 1 !important;
  }

  .xl\:row-end-2 {
    grid-row-end: 2 !important;
  }

  .xl\:row-end-3 {
    grid-row-end: 3 !important;
  }

  .xl\:row-end-4 {
    grid-row-end: 4 !important;
  }

  .xl\:row-end-5 {
    grid-row-end: 5 !important;
  }

  .xl\:row-end-6 {
    grid-row-end: 6 !important;
  }

  .xl\:row-end-7 {
    grid-row-end: 7 !important;
  }

  .xl\:row-end-auto {
    grid-row-end: auto !important;
  }

  .xl\:transform {
    --transform-translate-x: 0 !important;
    --transform-translate-y: 0 !important;
    --transform-rotate: 0 !important;
    --transform-skew-x: 0 !important;
    --transform-skew-y: 0 !important;
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
  }

  .xl\:transform-none {
    transform: none !important;
  }

  .xl\:origin-center {
    transform-origin: center !important;
  }

  .xl\:origin-top {
    transform-origin: top !important;
  }

  .xl\:origin-top-right {
    transform-origin: top right !important;
  }

  .xl\:origin-right {
    transform-origin: right !important;
  }

  .xl\:origin-bottom-right {
    transform-origin: bottom right !important;
  }

  .xl\:origin-bottom {
    transform-origin: bottom !important;
  }

  .xl\:origin-bottom-left {
    transform-origin: bottom left !important;
  }

  .xl\:origin-left {
    transform-origin: left !important;
  }

  .xl\:origin-top-left {
    transform-origin: top left !important;
  }

  .xl\:scale-0 {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .xl\:scale-50 {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .xl\:scale-75 {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .xl\:scale-90 {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .xl\:scale-95 {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .xl\:scale-100 {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .xl\:scale-105 {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .xl\:scale-110 {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .xl\:scale-125 {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .xl\:scale-150 {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .xl\:scale-x-0 {
    --transform-scale-x: 0 !important;
  }

  .xl\:scale-x-50 {
    --transform-scale-x: .5 !important;
  }

  .xl\:scale-x-75 {
    --transform-scale-x: .75 !important;
  }

  .xl\:scale-x-90 {
    --transform-scale-x: .9 !important;
  }

  .xl\:scale-x-95 {
    --transform-scale-x: .95 !important;
  }

  .xl\:scale-x-100 {
    --transform-scale-x: 1 !important;
  }

  .xl\:scale-x-105 {
    --transform-scale-x: 1.05 !important;
  }

  .xl\:scale-x-110 {
    --transform-scale-x: 1.1 !important;
  }

  .xl\:scale-x-125 {
    --transform-scale-x: 1.25 !important;
  }

  .xl\:scale-x-150 {
    --transform-scale-x: 1.5 !important;
  }

  .xl\:scale-y-0 {
    --transform-scale-y: 0 !important;
  }

  .xl\:scale-y-50 {
    --transform-scale-y: .5 !important;
  }

  .xl\:scale-y-75 {
    --transform-scale-y: .75 !important;
  }

  .xl\:scale-y-90 {
    --transform-scale-y: .9 !important;
  }

  .xl\:scale-y-95 {
    --transform-scale-y: .95 !important;
  }

  .xl\:scale-y-100 {
    --transform-scale-y: 1 !important;
  }

  .xl\:scale-y-105 {
    --transform-scale-y: 1.05 !important;
  }

  .xl\:scale-y-110 {
    --transform-scale-y: 1.1 !important;
  }

  .xl\:scale-y-125 {
    --transform-scale-y: 1.25 !important;
  }

  .xl\:scale-y-150 {
    --transform-scale-y: 1.5 !important;
  }

  .xl\:hover\:scale-0:hover {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .xl\:hover\:scale-50:hover {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .xl\:hover\:scale-75:hover {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .xl\:hover\:scale-90:hover {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .xl\:hover\:scale-95:hover {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .xl\:hover\:scale-100:hover {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .xl\:hover\:scale-105:hover {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .xl\:hover\:scale-110:hover {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .xl\:hover\:scale-125:hover {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .xl\:hover\:scale-150:hover {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .xl\:hover\:scale-x-0:hover {
    --transform-scale-x: 0 !important;
  }

  .xl\:hover\:scale-x-50:hover {
    --transform-scale-x: .5 !important;
  }

  .xl\:hover\:scale-x-75:hover {
    --transform-scale-x: .75 !important;
  }

  .xl\:hover\:scale-x-90:hover {
    --transform-scale-x: .9 !important;
  }

  .xl\:hover\:scale-x-95:hover {
    --transform-scale-x: .95 !important;
  }

  .xl\:hover\:scale-x-100:hover {
    --transform-scale-x: 1 !important;
  }

  .xl\:hover\:scale-x-105:hover {
    --transform-scale-x: 1.05 !important;
  }

  .xl\:hover\:scale-x-110:hover {
    --transform-scale-x: 1.1 !important;
  }

  .xl\:hover\:scale-x-125:hover {
    --transform-scale-x: 1.25 !important;
  }

  .xl\:hover\:scale-x-150:hover {
    --transform-scale-x: 1.5 !important;
  }

  .xl\:hover\:scale-y-0:hover {
    --transform-scale-y: 0 !important;
  }

  .xl\:hover\:scale-y-50:hover {
    --transform-scale-y: .5 !important;
  }

  .xl\:hover\:scale-y-75:hover {
    --transform-scale-y: .75 !important;
  }

  .xl\:hover\:scale-y-90:hover {
    --transform-scale-y: .9 !important;
  }

  .xl\:hover\:scale-y-95:hover {
    --transform-scale-y: .95 !important;
  }

  .xl\:hover\:scale-y-100:hover {
    --transform-scale-y: 1 !important;
  }

  .xl\:hover\:scale-y-105:hover {
    --transform-scale-y: 1.05 !important;
  }

  .xl\:hover\:scale-y-110:hover {
    --transform-scale-y: 1.1 !important;
  }

  .xl\:hover\:scale-y-125:hover {
    --transform-scale-y: 1.25 !important;
  }

  .xl\:hover\:scale-y-150:hover {
    --transform-scale-y: 1.5 !important;
  }

  .xl\:focus\:scale-0:focus {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .xl\:focus\:scale-50:focus {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .xl\:focus\:scale-75:focus {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .xl\:focus\:scale-90:focus {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .xl\:focus\:scale-95:focus {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .xl\:focus\:scale-100:focus {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .xl\:focus\:scale-105:focus {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .xl\:focus\:scale-110:focus {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .xl\:focus\:scale-125:focus {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .xl\:focus\:scale-150:focus {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .xl\:focus\:scale-x-0:focus {
    --transform-scale-x: 0 !important;
  }

  .xl\:focus\:scale-x-50:focus {
    --transform-scale-x: .5 !important;
  }

  .xl\:focus\:scale-x-75:focus {
    --transform-scale-x: .75 !important;
  }

  .xl\:focus\:scale-x-90:focus {
    --transform-scale-x: .9 !important;
  }

  .xl\:focus\:scale-x-95:focus {
    --transform-scale-x: .95 !important;
  }

  .xl\:focus\:scale-x-100:focus {
    --transform-scale-x: 1 !important;
  }

  .xl\:focus\:scale-x-105:focus {
    --transform-scale-x: 1.05 !important;
  }

  .xl\:focus\:scale-x-110:focus {
    --transform-scale-x: 1.1 !important;
  }

  .xl\:focus\:scale-x-125:focus {
    --transform-scale-x: 1.25 !important;
  }

  .xl\:focus\:scale-x-150:focus {
    --transform-scale-x: 1.5 !important;
  }

  .xl\:focus\:scale-y-0:focus {
    --transform-scale-y: 0 !important;
  }

  .xl\:focus\:scale-y-50:focus {
    --transform-scale-y: .5 !important;
  }

  .xl\:focus\:scale-y-75:focus {
    --transform-scale-y: .75 !important;
  }

  .xl\:focus\:scale-y-90:focus {
    --transform-scale-y: .9 !important;
  }

  .xl\:focus\:scale-y-95:focus {
    --transform-scale-y: .95 !important;
  }

  .xl\:focus\:scale-y-100:focus {
    --transform-scale-y: 1 !important;
  }

  .xl\:focus\:scale-y-105:focus {
    --transform-scale-y: 1.05 !important;
  }

  .xl\:focus\:scale-y-110:focus {
    --transform-scale-y: 1.1 !important;
  }

  .xl\:focus\:scale-y-125:focus {
    --transform-scale-y: 1.25 !important;
  }

  .xl\:focus\:scale-y-150:focus {
    --transform-scale-y: 1.5 !important;
  }

  .xl\:rotate-0 {
    --transform-rotate: 0 !important;
  }

  .xl\:rotate-1 {
    --transform-rotate: 1deg !important;
  }

  .xl\:rotate-2 {
    --transform-rotate: 2deg !important;
  }

  .xl\:rotate-3 {
    --transform-rotate: 3deg !important;
  }

  .xl\:rotate-6 {
    --transform-rotate: 6deg !important;
  }

  .xl\:rotate-12 {
    --transform-rotate: 12deg !important;
  }

  .xl\:rotate-45 {
    --transform-rotate: 45deg !important;
  }

  .xl\:rotate-90 {
    --transform-rotate: 90deg !important;
  }

  .xl\:rotate-180 {
    --transform-rotate: 180deg !important;
  }

  .xl\:-rotate-180 {
    --transform-rotate: -180deg !important;
  }

  .xl\:-rotate-90 {
    --transform-rotate: -90deg !important;
  }

  .xl\:-rotate-45 {
    --transform-rotate: -45deg !important;
  }

  .xl\:-rotate-12 {
    --transform-rotate: -12deg !important;
  }

  .xl\:-rotate-6 {
    --transform-rotate: -6deg !important;
  }

  .xl\:-rotate-3 {
    --transform-rotate: -3deg !important;
  }

  .xl\:-rotate-2 {
    --transform-rotate: -2deg !important;
  }

  .xl\:-rotate-1 {
    --transform-rotate: -1deg !important;
  }

  .xl\:hover\:rotate-0:hover {
    --transform-rotate: 0 !important;
  }

  .xl\:hover\:rotate-1:hover {
    --transform-rotate: 1deg !important;
  }

  .xl\:hover\:rotate-2:hover {
    --transform-rotate: 2deg !important;
  }

  .xl\:hover\:rotate-3:hover {
    --transform-rotate: 3deg !important;
  }

  .xl\:hover\:rotate-6:hover {
    --transform-rotate: 6deg !important;
  }

  .xl\:hover\:rotate-12:hover {
    --transform-rotate: 12deg !important;
  }

  .xl\:hover\:rotate-45:hover {
    --transform-rotate: 45deg !important;
  }

  .xl\:hover\:rotate-90:hover {
    --transform-rotate: 90deg !important;
  }

  .xl\:hover\:rotate-180:hover {
    --transform-rotate: 180deg !important;
  }

  .xl\:hover\:-rotate-180:hover {
    --transform-rotate: -180deg !important;
  }

  .xl\:hover\:-rotate-90:hover {
    --transform-rotate: -90deg !important;
  }

  .xl\:hover\:-rotate-45:hover {
    --transform-rotate: -45deg !important;
  }

  .xl\:hover\:-rotate-12:hover {
    --transform-rotate: -12deg !important;
  }

  .xl\:hover\:-rotate-6:hover {
    --transform-rotate: -6deg !important;
  }

  .xl\:hover\:-rotate-3:hover {
    --transform-rotate: -3deg !important;
  }

  .xl\:hover\:-rotate-2:hover {
    --transform-rotate: -2deg !important;
  }

  .xl\:hover\:-rotate-1:hover {
    --transform-rotate: -1deg !important;
  }

  .xl\:focus\:rotate-0:focus {
    --transform-rotate: 0 !important;
  }

  .xl\:focus\:rotate-1:focus {
    --transform-rotate: 1deg !important;
  }

  .xl\:focus\:rotate-2:focus {
    --transform-rotate: 2deg !important;
  }

  .xl\:focus\:rotate-3:focus {
    --transform-rotate: 3deg !important;
  }

  .xl\:focus\:rotate-6:focus {
    --transform-rotate: 6deg !important;
  }

  .xl\:focus\:rotate-12:focus {
    --transform-rotate: 12deg !important;
  }

  .xl\:focus\:rotate-45:focus {
    --transform-rotate: 45deg !important;
  }

  .xl\:focus\:rotate-90:focus {
    --transform-rotate: 90deg !important;
  }

  .xl\:focus\:rotate-180:focus {
    --transform-rotate: 180deg !important;
  }

  .xl\:focus\:-rotate-180:focus {
    --transform-rotate: -180deg !important;
  }

  .xl\:focus\:-rotate-90:focus {
    --transform-rotate: -90deg !important;
  }

  .xl\:focus\:-rotate-45:focus {
    --transform-rotate: -45deg !important;
  }

  .xl\:focus\:-rotate-12:focus {
    --transform-rotate: -12deg !important;
  }

  .xl\:focus\:-rotate-6:focus {
    --transform-rotate: -6deg !important;
  }

  .xl\:focus\:-rotate-3:focus {
    --transform-rotate: -3deg !important;
  }

  .xl\:focus\:-rotate-2:focus {
    --transform-rotate: -2deg !important;
  }

  .xl\:focus\:-rotate-1:focus {
    --transform-rotate: -1deg !important;
  }

  .xl\:translate-x-0 {
    --transform-translate-x: 0 !important;
  }

  .xl\:translate-x-1 {
    --transform-translate-x: 8px !important;
  }

  .xl\:translate-x-2 {
    --transform-translate-x: 16px !important;
  }

  .xl\:translate-x-3 {
    --transform-translate-x: 24px !important;
  }

  .xl\:translate-x-4 {
    --transform-translate-x: 32px !important;
  }

  .xl\:translate-x-5 {
    --transform-translate-x: 40px !important;
  }

  .xl\:translate-x-6 {
    --transform-translate-x: 64px !important;
  }

  .xl\:translate-x-7 {
    --transform-translate-x: 80px !important;
  }

  .xl\:translate-x-8 {
    --transform-translate-x: 120px !important;
  }

  .xl\:translate-x-px {
    --transform-translate-x: 1px !important;
  }

  .xl\:translate-x-sm {
    --transform-translate-x: 4px !important;
  }

  .xl\:translate-x-1\.5 {
    --transform-translate-x: 12px !important;
  }

  .xl\:-translate-x-1 {
    --transform-translate-x: -8px !important;
  }

  .xl\:-translate-x-2 {
    --transform-translate-x: -16px !important;
  }

  .xl\:-translate-x-3 {
    --transform-translate-x: -24px !important;
  }

  .xl\:-translate-x-4 {
    --transform-translate-x: -32px !important;
  }

  .xl\:-translate-x-5 {
    --transform-translate-x: -40px !important;
  }

  .xl\:-translate-x-6 {
    --transform-translate-x: -64px !important;
  }

  .xl\:-translate-x-7 {
    --transform-translate-x: -80px !important;
  }

  .xl\:-translate-x-8 {
    --transform-translate-x: -120px !important;
  }

  .xl\:-translate-x-px {
    --transform-translate-x: -1px !important;
  }

  .xl\:-translate-x-sm {
    --transform-translate-x: -4px !important;
  }

  .xl\:-translate-x-1\.5 {
    --transform-translate-x: -12px !important;
  }

  .xl\:-translate-x-full {
    --transform-translate-x: -100% !important;
  }

  .xl\:-translate-x-1\/2 {
    --transform-translate-x: -50% !important;
  }

  .xl\:translate-x-1\/2 {
    --transform-translate-x: 50% !important;
  }

  .xl\:translate-x-full {
    --transform-translate-x: 100% !important;
  }

  .xl\:translate-y-0 {
    --transform-translate-y: 0 !important;
  }

  .xl\:translate-y-1 {
    --transform-translate-y: 8px !important;
  }

  .xl\:translate-y-2 {
    --transform-translate-y: 16px !important;
  }

  .xl\:translate-y-3 {
    --transform-translate-y: 24px !important;
  }

  .xl\:translate-y-4 {
    --transform-translate-y: 32px !important;
  }

  .xl\:translate-y-5 {
    --transform-translate-y: 40px !important;
  }

  .xl\:translate-y-6 {
    --transform-translate-y: 64px !important;
  }

  .xl\:translate-y-7 {
    --transform-translate-y: 80px !important;
  }

  .xl\:translate-y-8 {
    --transform-translate-y: 120px !important;
  }

  .xl\:translate-y-px {
    --transform-translate-y: 1px !important;
  }

  .xl\:translate-y-sm {
    --transform-translate-y: 4px !important;
  }

  .xl\:translate-y-1\.5 {
    --transform-translate-y: 12px !important;
  }

  .xl\:-translate-y-1 {
    --transform-translate-y: -8px !important;
  }

  .xl\:-translate-y-2 {
    --transform-translate-y: -16px !important;
  }

  .xl\:-translate-y-3 {
    --transform-translate-y: -24px !important;
  }

  .xl\:-translate-y-4 {
    --transform-translate-y: -32px !important;
  }

  .xl\:-translate-y-5 {
    --transform-translate-y: -40px !important;
  }

  .xl\:-translate-y-6 {
    --transform-translate-y: -64px !important;
  }

  .xl\:-translate-y-7 {
    --transform-translate-y: -80px !important;
  }

  .xl\:-translate-y-8 {
    --transform-translate-y: -120px !important;
  }

  .xl\:-translate-y-px {
    --transform-translate-y: -1px !important;
  }

  .xl\:-translate-y-sm {
    --transform-translate-y: -4px !important;
  }

  .xl\:-translate-y-1\.5 {
    --transform-translate-y: -12px !important;
  }

  .xl\:-translate-y-full {
    --transform-translate-y: -100% !important;
  }

  .xl\:-translate-y-1\/2 {
    --transform-translate-y: -50% !important;
  }

  .xl\:translate-y-1\/2 {
    --transform-translate-y: 50% !important;
  }

  .xl\:translate-y-full {
    --transform-translate-y: 100% !important;
  }

  .xl\:hover\:translate-x-0:hover {
    --transform-translate-x: 0 !important;
  }

  .xl\:hover\:translate-x-1:hover {
    --transform-translate-x: 8px !important;
  }

  .xl\:hover\:translate-x-2:hover {
    --transform-translate-x: 16px !important;
  }

  .xl\:hover\:translate-x-3:hover {
    --transform-translate-x: 24px !important;
  }

  .xl\:hover\:translate-x-4:hover {
    --transform-translate-x: 32px !important;
  }

  .xl\:hover\:translate-x-5:hover {
    --transform-translate-x: 40px !important;
  }

  .xl\:hover\:translate-x-6:hover {
    --transform-translate-x: 64px !important;
  }

  .xl\:hover\:translate-x-7:hover {
    --transform-translate-x: 80px !important;
  }

  .xl\:hover\:translate-x-8:hover {
    --transform-translate-x: 120px !important;
  }

  .xl\:hover\:translate-x-px:hover {
    --transform-translate-x: 1px !important;
  }

  .xl\:hover\:translate-x-sm:hover {
    --transform-translate-x: 4px !important;
  }

  .xl\:hover\:translate-x-1\.5:hover {
    --transform-translate-x: 12px !important;
  }

  .xl\:hover\:-translate-x-1:hover {
    --transform-translate-x: -8px !important;
  }

  .xl\:hover\:-translate-x-2:hover {
    --transform-translate-x: -16px !important;
  }

  .xl\:hover\:-translate-x-3:hover {
    --transform-translate-x: -24px !important;
  }

  .xl\:hover\:-translate-x-4:hover {
    --transform-translate-x: -32px !important;
  }

  .xl\:hover\:-translate-x-5:hover {
    --transform-translate-x: -40px !important;
  }

  .xl\:hover\:-translate-x-6:hover {
    --transform-translate-x: -64px !important;
  }

  .xl\:hover\:-translate-x-7:hover {
    --transform-translate-x: -80px !important;
  }

  .xl\:hover\:-translate-x-8:hover {
    --transform-translate-x: -120px !important;
  }

  .xl\:hover\:-translate-x-px:hover {
    --transform-translate-x: -1px !important;
  }

  .xl\:hover\:-translate-x-sm:hover {
    --transform-translate-x: -4px !important;
  }

  .xl\:hover\:-translate-x-1\.5:hover {
    --transform-translate-x: -12px !important;
  }

  .xl\:hover\:-translate-x-full:hover {
    --transform-translate-x: -100% !important;
  }

  .xl\:hover\:-translate-x-1\/2:hover {
    --transform-translate-x: -50% !important;
  }

  .xl\:hover\:translate-x-1\/2:hover {
    --transform-translate-x: 50% !important;
  }

  .xl\:hover\:translate-x-full:hover {
    --transform-translate-x: 100% !important;
  }

  .xl\:hover\:translate-y-0:hover {
    --transform-translate-y: 0 !important;
  }

  .xl\:hover\:translate-y-1:hover {
    --transform-translate-y: 8px !important;
  }

  .xl\:hover\:translate-y-2:hover {
    --transform-translate-y: 16px !important;
  }

  .xl\:hover\:translate-y-3:hover {
    --transform-translate-y: 24px !important;
  }

  .xl\:hover\:translate-y-4:hover {
    --transform-translate-y: 32px !important;
  }

  .xl\:hover\:translate-y-5:hover {
    --transform-translate-y: 40px !important;
  }

  .xl\:hover\:translate-y-6:hover {
    --transform-translate-y: 64px !important;
  }

  .xl\:hover\:translate-y-7:hover {
    --transform-translate-y: 80px !important;
  }

  .xl\:hover\:translate-y-8:hover {
    --transform-translate-y: 120px !important;
  }

  .xl\:hover\:translate-y-px:hover {
    --transform-translate-y: 1px !important;
  }

  .xl\:hover\:translate-y-sm:hover {
    --transform-translate-y: 4px !important;
  }

  .xl\:hover\:translate-y-1\.5:hover {
    --transform-translate-y: 12px !important;
  }

  .xl\:hover\:-translate-y-1:hover {
    --transform-translate-y: -8px !important;
  }

  .xl\:hover\:-translate-y-2:hover {
    --transform-translate-y: -16px !important;
  }

  .xl\:hover\:-translate-y-3:hover {
    --transform-translate-y: -24px !important;
  }

  .xl\:hover\:-translate-y-4:hover {
    --transform-translate-y: -32px !important;
  }

  .xl\:hover\:-translate-y-5:hover {
    --transform-translate-y: -40px !important;
  }

  .xl\:hover\:-translate-y-6:hover {
    --transform-translate-y: -64px !important;
  }

  .xl\:hover\:-translate-y-7:hover {
    --transform-translate-y: -80px !important;
  }

  .xl\:hover\:-translate-y-8:hover {
    --transform-translate-y: -120px !important;
  }

  .xl\:hover\:-translate-y-px:hover {
    --transform-translate-y: -1px !important;
  }

  .xl\:hover\:-translate-y-sm:hover {
    --transform-translate-y: -4px !important;
  }

  .xl\:hover\:-translate-y-1\.5:hover {
    --transform-translate-y: -12px !important;
  }

  .xl\:hover\:-translate-y-full:hover {
    --transform-translate-y: -100% !important;
  }

  .xl\:hover\:-translate-y-1\/2:hover {
    --transform-translate-y: -50% !important;
  }

  .xl\:hover\:translate-y-1\/2:hover {
    --transform-translate-y: 50% !important;
  }

  .xl\:hover\:translate-y-full:hover {
    --transform-translate-y: 100% !important;
  }

  .xl\:focus\:translate-x-0:focus {
    --transform-translate-x: 0 !important;
  }

  .xl\:focus\:translate-x-1:focus {
    --transform-translate-x: 8px !important;
  }

  .xl\:focus\:translate-x-2:focus {
    --transform-translate-x: 16px !important;
  }

  .xl\:focus\:translate-x-3:focus {
    --transform-translate-x: 24px !important;
  }

  .xl\:focus\:translate-x-4:focus {
    --transform-translate-x: 32px !important;
  }

  .xl\:focus\:translate-x-5:focus {
    --transform-translate-x: 40px !important;
  }

  .xl\:focus\:translate-x-6:focus {
    --transform-translate-x: 64px !important;
  }

  .xl\:focus\:translate-x-7:focus {
    --transform-translate-x: 80px !important;
  }

  .xl\:focus\:translate-x-8:focus {
    --transform-translate-x: 120px !important;
  }

  .xl\:focus\:translate-x-px:focus {
    --transform-translate-x: 1px !important;
  }

  .xl\:focus\:translate-x-sm:focus {
    --transform-translate-x: 4px !important;
  }

  .xl\:focus\:translate-x-1\.5:focus {
    --transform-translate-x: 12px !important;
  }

  .xl\:focus\:-translate-x-1:focus {
    --transform-translate-x: -8px !important;
  }

  .xl\:focus\:-translate-x-2:focus {
    --transform-translate-x: -16px !important;
  }

  .xl\:focus\:-translate-x-3:focus {
    --transform-translate-x: -24px !important;
  }

  .xl\:focus\:-translate-x-4:focus {
    --transform-translate-x: -32px !important;
  }

  .xl\:focus\:-translate-x-5:focus {
    --transform-translate-x: -40px !important;
  }

  .xl\:focus\:-translate-x-6:focus {
    --transform-translate-x: -64px !important;
  }

  .xl\:focus\:-translate-x-7:focus {
    --transform-translate-x: -80px !important;
  }

  .xl\:focus\:-translate-x-8:focus {
    --transform-translate-x: -120px !important;
  }

  .xl\:focus\:-translate-x-px:focus {
    --transform-translate-x: -1px !important;
  }

  .xl\:focus\:-translate-x-sm:focus {
    --transform-translate-x: -4px !important;
  }

  .xl\:focus\:-translate-x-1\.5:focus {
    --transform-translate-x: -12px !important;
  }

  .xl\:focus\:-translate-x-full:focus {
    --transform-translate-x: -100% !important;
  }

  .xl\:focus\:-translate-x-1\/2:focus {
    --transform-translate-x: -50% !important;
  }

  .xl\:focus\:translate-x-1\/2:focus {
    --transform-translate-x: 50% !important;
  }

  .xl\:focus\:translate-x-full:focus {
    --transform-translate-x: 100% !important;
  }

  .xl\:focus\:translate-y-0:focus {
    --transform-translate-y: 0 !important;
  }

  .xl\:focus\:translate-y-1:focus {
    --transform-translate-y: 8px !important;
  }

  .xl\:focus\:translate-y-2:focus {
    --transform-translate-y: 16px !important;
  }

  .xl\:focus\:translate-y-3:focus {
    --transform-translate-y: 24px !important;
  }

  .xl\:focus\:translate-y-4:focus {
    --transform-translate-y: 32px !important;
  }

  .xl\:focus\:translate-y-5:focus {
    --transform-translate-y: 40px !important;
  }

  .xl\:focus\:translate-y-6:focus {
    --transform-translate-y: 64px !important;
  }

  .xl\:focus\:translate-y-7:focus {
    --transform-translate-y: 80px !important;
  }

  .xl\:focus\:translate-y-8:focus {
    --transform-translate-y: 120px !important;
  }

  .xl\:focus\:translate-y-px:focus {
    --transform-translate-y: 1px !important;
  }

  .xl\:focus\:translate-y-sm:focus {
    --transform-translate-y: 4px !important;
  }

  .xl\:focus\:translate-y-1\.5:focus {
    --transform-translate-y: 12px !important;
  }

  .xl\:focus\:-translate-y-1:focus {
    --transform-translate-y: -8px !important;
  }

  .xl\:focus\:-translate-y-2:focus {
    --transform-translate-y: -16px !important;
  }

  .xl\:focus\:-translate-y-3:focus {
    --transform-translate-y: -24px !important;
  }

  .xl\:focus\:-translate-y-4:focus {
    --transform-translate-y: -32px !important;
  }

  .xl\:focus\:-translate-y-5:focus {
    --transform-translate-y: -40px !important;
  }

  .xl\:focus\:-translate-y-6:focus {
    --transform-translate-y: -64px !important;
  }

  .xl\:focus\:-translate-y-7:focus {
    --transform-translate-y: -80px !important;
  }

  .xl\:focus\:-translate-y-8:focus {
    --transform-translate-y: -120px !important;
  }

  .xl\:focus\:-translate-y-px:focus {
    --transform-translate-y: -1px !important;
  }

  .xl\:focus\:-translate-y-sm:focus {
    --transform-translate-y: -4px !important;
  }

  .xl\:focus\:-translate-y-1\.5:focus {
    --transform-translate-y: -12px !important;
  }

  .xl\:focus\:-translate-y-full:focus {
    --transform-translate-y: -100% !important;
  }

  .xl\:focus\:-translate-y-1\/2:focus {
    --transform-translate-y: -50% !important;
  }

  .xl\:focus\:translate-y-1\/2:focus {
    --transform-translate-y: 50% !important;
  }

  .xl\:focus\:translate-y-full:focus {
    --transform-translate-y: 100% !important;
  }

  .xl\:skew-x-0 {
    --transform-skew-x: 0 !important;
  }

  .xl\:skew-x-1 {
    --transform-skew-x: 1deg !important;
  }

  .xl\:skew-x-2 {
    --transform-skew-x: 2deg !important;
  }

  .xl\:skew-x-3 {
    --transform-skew-x: 3deg !important;
  }

  .xl\:skew-x-6 {
    --transform-skew-x: 6deg !important;
  }

  .xl\:skew-x-12 {
    --transform-skew-x: 12deg !important;
  }

  .xl\:-skew-x-12 {
    --transform-skew-x: -12deg !important;
  }

  .xl\:-skew-x-6 {
    --transform-skew-x: -6deg !important;
  }

  .xl\:-skew-x-3 {
    --transform-skew-x: -3deg !important;
  }

  .xl\:-skew-x-2 {
    --transform-skew-x: -2deg !important;
  }

  .xl\:-skew-x-1 {
    --transform-skew-x: -1deg !important;
  }

  .xl\:skew-y-0 {
    --transform-skew-y: 0 !important;
  }

  .xl\:skew-y-1 {
    --transform-skew-y: 1deg !important;
  }

  .xl\:skew-y-2 {
    --transform-skew-y: 2deg !important;
  }

  .xl\:skew-y-3 {
    --transform-skew-y: 3deg !important;
  }

  .xl\:skew-y-6 {
    --transform-skew-y: 6deg !important;
  }

  .xl\:skew-y-12 {
    --transform-skew-y: 12deg !important;
  }

  .xl\:-skew-y-12 {
    --transform-skew-y: -12deg !important;
  }

  .xl\:-skew-y-6 {
    --transform-skew-y: -6deg !important;
  }

  .xl\:-skew-y-3 {
    --transform-skew-y: -3deg !important;
  }

  .xl\:-skew-y-2 {
    --transform-skew-y: -2deg !important;
  }

  .xl\:-skew-y-1 {
    --transform-skew-y: -1deg !important;
  }

  .xl\:hover\:skew-x-0:hover {
    --transform-skew-x: 0 !important;
  }

  .xl\:hover\:skew-x-1:hover {
    --transform-skew-x: 1deg !important;
  }

  .xl\:hover\:skew-x-2:hover {
    --transform-skew-x: 2deg !important;
  }

  .xl\:hover\:skew-x-3:hover {
    --transform-skew-x: 3deg !important;
  }

  .xl\:hover\:skew-x-6:hover {
    --transform-skew-x: 6deg !important;
  }

  .xl\:hover\:skew-x-12:hover {
    --transform-skew-x: 12deg !important;
  }

  .xl\:hover\:-skew-x-12:hover {
    --transform-skew-x: -12deg !important;
  }

  .xl\:hover\:-skew-x-6:hover {
    --transform-skew-x: -6deg !important;
  }

  .xl\:hover\:-skew-x-3:hover {
    --transform-skew-x: -3deg !important;
  }

  .xl\:hover\:-skew-x-2:hover {
    --transform-skew-x: -2deg !important;
  }

  .xl\:hover\:-skew-x-1:hover {
    --transform-skew-x: -1deg !important;
  }

  .xl\:hover\:skew-y-0:hover {
    --transform-skew-y: 0 !important;
  }

  .xl\:hover\:skew-y-1:hover {
    --transform-skew-y: 1deg !important;
  }

  .xl\:hover\:skew-y-2:hover {
    --transform-skew-y: 2deg !important;
  }

  .xl\:hover\:skew-y-3:hover {
    --transform-skew-y: 3deg !important;
  }

  .xl\:hover\:skew-y-6:hover {
    --transform-skew-y: 6deg !important;
  }

  .xl\:hover\:skew-y-12:hover {
    --transform-skew-y: 12deg !important;
  }

  .xl\:hover\:-skew-y-12:hover {
    --transform-skew-y: -12deg !important;
  }

  .xl\:hover\:-skew-y-6:hover {
    --transform-skew-y: -6deg !important;
  }

  .xl\:hover\:-skew-y-3:hover {
    --transform-skew-y: -3deg !important;
  }

  .xl\:hover\:-skew-y-2:hover {
    --transform-skew-y: -2deg !important;
  }

  .xl\:hover\:-skew-y-1:hover {
    --transform-skew-y: -1deg !important;
  }

  .xl\:focus\:skew-x-0:focus {
    --transform-skew-x: 0 !important;
  }

  .xl\:focus\:skew-x-1:focus {
    --transform-skew-x: 1deg !important;
  }

  .xl\:focus\:skew-x-2:focus {
    --transform-skew-x: 2deg !important;
  }

  .xl\:focus\:skew-x-3:focus {
    --transform-skew-x: 3deg !important;
  }

  .xl\:focus\:skew-x-6:focus {
    --transform-skew-x: 6deg !important;
  }

  .xl\:focus\:skew-x-12:focus {
    --transform-skew-x: 12deg !important;
  }

  .xl\:focus\:-skew-x-12:focus {
    --transform-skew-x: -12deg !important;
  }

  .xl\:focus\:-skew-x-6:focus {
    --transform-skew-x: -6deg !important;
  }

  .xl\:focus\:-skew-x-3:focus {
    --transform-skew-x: -3deg !important;
  }

  .xl\:focus\:-skew-x-2:focus {
    --transform-skew-x: -2deg !important;
  }

  .xl\:focus\:-skew-x-1:focus {
    --transform-skew-x: -1deg !important;
  }

  .xl\:focus\:skew-y-0:focus {
    --transform-skew-y: 0 !important;
  }

  .xl\:focus\:skew-y-1:focus {
    --transform-skew-y: 1deg !important;
  }

  .xl\:focus\:skew-y-2:focus {
    --transform-skew-y: 2deg !important;
  }

  .xl\:focus\:skew-y-3:focus {
    --transform-skew-y: 3deg !important;
  }

  .xl\:focus\:skew-y-6:focus {
    --transform-skew-y: 6deg !important;
  }

  .xl\:focus\:skew-y-12:focus {
    --transform-skew-y: 12deg !important;
  }

  .xl\:focus\:-skew-y-12:focus {
    --transform-skew-y: -12deg !important;
  }

  .xl\:focus\:-skew-y-6:focus {
    --transform-skew-y: -6deg !important;
  }

  .xl\:focus\:-skew-y-3:focus {
    --transform-skew-y: -3deg !important;
  }

  .xl\:focus\:-skew-y-2:focus {
    --transform-skew-y: -2deg !important;
  }

  .xl\:focus\:-skew-y-1:focus {
    --transform-skew-y: -1deg !important;
  }

  .xl\:transition-none {
    transition-property: none !important;
  }

  .xl\:transition-all {
    transition-property: all !important;
  }

  .xl\:transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
  }

  .xl\:transition-colors {
    transition-property: background-color, border-color, color, fill, stroke !important;
  }

  .xl\:transition-opacity {
    transition-property: opacity !important;
  }

  .xl\:transition-shadow {
    transition-property: box-shadow !important;
  }

  .xl\:transition-transform {
    transition-property: transform !important;
  }

  .xl\:ease-linear {
    transition-timing-function: linear !important;
  }

  .xl\:ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  }

  .xl\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  }

  .xl\:ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .xl\:duration-75 {
    transition-duration: 75ms !important;
  }

  .xl\:duration-100 {
    transition-duration: 100ms !important;
  }

  .xl\:duration-150 {
    transition-duration: 150ms !important;
  }

  .xl\:duration-200 {
    transition-duration: 200ms !important;
  }

  .xl\:duration-300 {
    transition-duration: 300ms !important;
  }

  .xl\:duration-500 {
    transition-duration: 500ms !important;
  }

  .xl\:duration-700 {
    transition-duration: 700ms !important;
  }

  .xl\:duration-1000 {
    transition-duration: 1000ms !important;
  }

  .xl\:delay-75 {
    transition-delay: 75ms !important;
  }

  .xl\:delay-100 {
    transition-delay: 100ms !important;
  }

  .xl\:delay-150 {
    transition-delay: 150ms !important;
  }

  .xl\:delay-200 {
    transition-delay: 200ms !important;
  }

  .xl\:delay-300 {
    transition-delay: 300ms !important;
  }

  .xl\:delay-500 {
    transition-delay: 500ms !important;
  }

  .xl\:delay-700 {
    transition-delay: 700ms !important;
  }

  .xl\:delay-1000 {
    transition-delay: 1000ms !important;
  }

  .xl\:animate-none {
    -webkit-animation: none !important;
            animation: none !important;
  }

  .xl\:animate-spin {
    -webkit-animation: spin 1s linear infinite !important;
            animation: spin 1s linear infinite !important;
  }

  .xl\:animate-ping {
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
  }

  .xl\:animate-pulse {
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
  }

  .xl\:animate-bounce {
    -webkit-animation: bounce 1s infinite !important;
            animation: bounce 1s infinite !important;
  }
}